fix(ui): OP2 rework — dormant UiDatElement subclasses, fixed Panel/CheckboxBitfield64 mechanism

OP2 (df9c7a35) was double-REJECTed: an unconditional Type-8/Type-5 factory
mapping silently re-classed 15 elements across 7 shipped panels (vendor
backdrop lost its fill, character/spellbook roots stopped passing clicks
through, combat gained a phantom import-time tab takeover, ten ListBoxes
gained a spurious hit-testable viewport) because the stale 27 pre-existing
fixtures never exercised the new fields — and the mechanism itself cited a
nonexistent "UIElement_TabControl" class, inverted UiCheckboxBitfield64's
checked-state predicate, and synthesized fake per-row geometry instead of
using the widget's own authored template.

Shape change: UiTabPanel (renamed from UiTabControl) and UiTemplateListBox
now derive from UiDatElement (unsealed) and stay DORMANT by default — an
imported Type-8/Type-5 element gets authored-media drawing, ClickThrough
generic-decoration default, and IUiDatStateful propagation identical to the
pre-OP2 UiDatElement fallback, with zero import-time side effects. The
factory's Type-8/Type-5 arms are unconditional again (no more guard whose
premise the blast-radius sweep proved false), because dormancy makes an
unactivated instance behaviorally indistinguishable from the old fallback.
UiTabPanel.ActivateTabBehavior() and UiTemplateListBox's lazy viewport
creation are the explicit, controller-driven opt-ins Campaign OP slice OP3+
will call; today nothing does, so the four pre-existing shipped Type-8
hosts (character/spellbook/vendor/combat) and ten pre-existing Type-5
ListBoxes keep their pre-OP2 behavior exactly. Filed AD-73 for this
dormant-vs-retail's-unconditional-activation adaptation.

Mechanism fixes (docs/research/2026-08-11-op2-review-mechanism.md):
- UiTabPanel cites UIElement_Panel (Type 8 is UIElement_Panel; no
  UIElement_TabControl exists in the PDB), resolves buttons/pages via a
  GetChildRecursive-equivalent descendant search (not direct-children-only),
  performs no switch when no entry authors 0x32 (deleted the _tabs[0]
  fallback), and surfaces unresolved tab-table entries via UnresolvedEntries
  + a diagnostic line instead of a silent no-op.
- ElementReader.ReadTabTable skips entries missing 0x30/0x31, matching
  retail's SetupTabPageHash @0x0046C2E0 entry filter.
- UiCheckboxBitfield64 now builds every row from its OWN authored template
  (property 0x64 -> {0x2100002B, 0x10000521}) via AddItemFromTemplateList,
  deleting the synthesized ElementInfo + invented RowHeight=14 — matching
  retail's CreateChildren @0x00485DF0, which is itself a UIElement_ListBox
  call. IsSet is now retail's ANY-bit-set predicate (Refresh @0x004859C0),
  not all-bits-set. TS-72 retired: the click-toggle bit math is now fully
  decomp-confirmed (SetBitsOnOrOff via ListenToElementMessage @0x00485AE0).

Regenerated all 32 UI fixtures against real DAT (ACDREAM_REGENERATE_UI_FIXTURES=1)
and committed them — 27 pre-existing fixtures now carry Outline/OutlineColor/
TabTable/TemplateList/ScrollbarElementId; the 5 Options fixtures were already
current. Updated EffectsUiControllerTests' now-correct UiTemplateListBox
class-identity assertion. Added: 6 built-widget behavior pins for all five
pre-existing Type-8 elements + a representative Type-5 element the dormancy
model protects (OP2ReworkBlastRadiusConformanceTests.cs); 5 reader-level
tests driving ReadTabTable/ReadTemplateList/the 0x72 reader from raw
property bags (ElementReaderTests.cs); a multi-bit-mask UiCheckboxBitfield64
test proving the any-bit predicate (the prior single-bit test couldn't
distinguish it from all-bits); an activation-idempotency test and a
before-activation click-is-inert test for UiTabPanel.

Full Release suite: 12,868 passed / 4 skipped / 0 failed (baseline 12,853/4/0
post-OP1-fixes; +15 net new tests, zero regressions).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

src/AcDream.App/UI/Layout/DatWidgetFactory.cs

@@ -93,21 +93,30 @@ public static class DatWidgetFactory
                 or IndicatorBarController.VitaeClassId => BuildButton(
                     info, resolve, elementFont, fontResolve, stringResolve),
                     // gmUIElement_*Indicator custom button classes
-            // UIElement_ListBox (Type 5) with an authored row-template list (dat
+            // UIElement_ListBox (Type 5). OP2 rework (docs/research/2026-08-11-op2-
-            // property 0x64) — the Options panel's Character/Chat/Config ListBoxes
+            // review-blast.md MUST-FIX 2): every pre-existing Type-5 element that
-            // (docs/research/2026-08-10-options-panel-structure.md §1.5). Gated on
+            // reaches this factory already authors a non-empty row-template array
-            // info.TemplateList.Count > 0 so an ORDINARY Type-5 ListBox that authors
+            // (dat property 0x64) — the original "none currently reach this factory"
-            // no template array (none currently reach this factory — vendor's category
+            // premise was false. UiTemplateListBox now derives from UiDatElement and
-            // dropdown is drawn procedurally by UiMenu.Scrollable, not imported as a
+            // stays DORMANT (no viewport, no behavior change) until a controller calls
-            // live Type-5 widget) keeps falling to the generic UiDatElement fallback
+            // AddItemFromTemplateList, so mapping every Type-5 element unconditionally
-            // unchanged (OP2 acceptance: no behavior change to any existing widget).
+            // is safe: an element with an empty TemplateList behaves EXACTLY like the
-            5 when info.TemplateList.Count > 0 => new UiTemplateListBox(
+            // pre-OP2 UiDatElement fallback (media drawn, ClickThrough=true, state
-                info.TemplateList, info.ScrollbarElementId),
+            // propagation) because nothing ever activates it.
+            5    => new UiTemplateListBox(info, resolve, info.TemplateList, info.ScrollbarElementId),
             6    => new UiMenu(),                               // UIElement_Menu (reg :120163)
             7    => BuildMeter(info, resolve, elementFont),    // UIElement_Meter
-            // UIElement_TabControl (Type 8) — the Options panel's tab strip (dat
+            // UIElement_Panel (Type 8) — retail's tab-strip host (dat property 0x2E;
-            // property 0x2E; same research doc §1.3/§10.1).
+            // research doc §1.3/§10.1). OP2 rework (docs/research/2026-08-11-op2-
-            8    => new UiTabControl(info.TabTable),
+            // review-mechanism.md MUST-FIX 5): Type 8 is UIElement_Panel, NOT a class
+            // called "UIElement_TabControl" (that name does not exist in the named-
+            // retail PDB). UiTabPanel derives from UiDatElement and stays DORMANT (see
+            // its class doc) until a controller calls ActivateTabBehavior(), so mapping
+            // every Type-8 element unconditionally is safe for the same reason as the
+            // Type-5 arm above — including the vendor backdrop 0x1000008D, which has NO
+            // tab table and now keeps its authored DirectState fill via the UiDatElement
+            // base instead of losing it to a bare UiElement with no OnDraw.
+            8    => new UiTabPanel(info, resolve, info.TabTable),
             9    => BuildResizeGrip(info, resolve),               // UIElement_Resizebar (reg 0x0046B920)
             0xD  => new UiViewport(),                          // UIElement_Viewport — 3-D mini-scene blit leaf
             11   => BuildScrollbar(info, resolve),             // UIElement_Scrollbar (reg :124137)
@@ -142,11 +151,15 @@ public static class DatWidgetFactory
             // ChatWindowController wires the channel menu.
             0x10000038u => new UiMenu(),
             // UIOption_CheckboxBitfield64 (Type 0x10000044): the Chat tab's per-window
-            // text-filter block. Its authored template (0x10000520) carries no children
+            // text-filter block. OP2 rework (docs/research/2026-08-11-op2-review-
-            // or media at all — every row is added at runtime via AddChild(lowMask,
+            // mechanism.md MUST-FIX 4): the authored template (0x10000520) DOES author
-            // highMask, label, tooltip), matching retail's own
+            // content — its own row-template list (dat property 0x64 -> {0x2100002B,
-            // gmChatOptionsUI::AddCheckboxBitfield64Option call pattern (research doc §5.2).
+            // 0x10000521}) — and retail CreateChildren @0x00485DF0 builds every row
-            0x10000044u => BuildCheckboxBitfield64(resolve, elementFont),
+            // through AddItemFromTemplateList(this, 0, nullptr), matching retail's own
+            // gmChatOptionsUI::AddCheckboxBitfield64Option call pattern (research doc
+            // §5.2). AddChild(lowMask, highMask, label, tooltip) resolves that SAME
+            // template per row instead of synthesizing a fake ElementInfo.
+            0x10000044u => new UiCheckboxBitfield64(info.TemplateList),
             _    => new UiDatElement(info, resolve),            // generic fallback (incl. Type 3 chrome/containers)
         };
 
@@ -800,21 +813,6 @@ public static class DatWidgetFactory
         return button;
     }
 
-    /// <summary>
-    /// Builds a blank <see cref="UiCheckboxBitfield64"/> seeded with the sprite
-    /// resolver and dat font a page controller's later
-    /// <see cref="UiCheckboxBitfield64.AddChild(ulong, ulong, string, string?)"/>
-    /// calls need — the template authors no rows, so there is nothing else to read
-    /// from <c>ElementInfo</c> at import time.
-    /// </summary>
-    private static UiCheckboxBitfield64 BuildCheckboxBitfield64(
-        Func<uint, (uint, int, int)> resolve, UiDatFont? elementFont)
-        => new()
-        {
-            SpriteResolve = resolve,
-            LabelFont = elementFont,
-        };
-
     private static ElementInfo? FindStatefulFaceChild(ElementInfo info)
         => FindStatefulFaceChildren(info).FirstOrDefault();
 

src/AcDream.App/UI/Layout/ElementReader.cs

@@ -517,6 +517,13 @@ public static class ElementReader
             if (item.Kind != UiPropertyKind.Struct) continue;
             uint buttonId = ReadStructMemberId(item.StructValue, 0x30u);
             uint pageId = ReadStructMemberId(item.StructValue, 0x31u);
+            // Retail UIElement_Panel::SetupTabPageHash @0x0046C2E0 skips an entry whose
+            // InqProperty(0x30) (@0x0046C3E5) or InqProperty(0x31) (@0x0046C3FC) is
+            // missing — a partial entry never enters m_TabPageHash. ReadStructMemberId
+            // returns 0 for a missing/uncoercible member, and 0 is never a valid dat
+            // element id, so treat it the same way: skip, don't admit a zero-id entry
+            // that could still participate in SwitchTo and hide a page.
+            if (buttonId == 0u || pageId == 0u) continue;
             bool isDefault = item.StructValue.TryGetValue(0x32u, out var flag)
                 && flag.Kind == UiPropertyKind.Bool
                 && flag.BoolValue;

src/AcDream.App/UI/Layout/LayoutImporter.cs

@@ -169,7 +169,7 @@ public static class LayoutImporter
             stateful.TrySetRetailState(stateful.ActiveRetailStateId);
 
         // See IUiChildrenAttachedListener: a widget that must resolve OTHER children by
-        // dat element id (e.g. UiTabControl's tab table) can only do so once its subtree
+        // dat element id (e.g. UiTabPanel's tab table) can only do so once its subtree
         // is actually attached, which just happened above.
         if (w is IUiChildrenAttachedListener childrenAttached)
             childrenAttached.OnChildrenAttached();

src/AcDream.App/UI/Layout/UiDatElement.cs

@@ -27,8 +27,20 @@ namespace AcDream.App.UI.Layout;
 /// <see cref="AcDream.App.Rendering.TextureCache.UploadRgba8"/> sets
 /// <c>GL_REPEAT</c> on both S and T, so vertical tiling is always active.
 /// </para>
+///
+/// <para>
+/// <b>OP2 rework (2026-08-11):</b> unsealed so behavioral Type-8/Type-5 widgets
+/// (<see cref="UiTabPanel"/>, <see cref="UiTemplateListBox"/>) can subclass it and stay
+/// DORMANT by default — every element of those two dat Types that reaches
+/// <see cref="DatWidgetFactory"/> gets this exact media-draw / <c>ClickThrough</c> /
+/// <see cref="IUiDatStateful"/> behavior unless a controller explicitly opts a specific
+/// instance into its behavioral mechanism. This is what makes the unconditional Type-8/
+/// Type-5 factory mappings safe for the pre-existing shipped panels the OP2 REJECT
+/// findings named (`docs/research/2026-08-11-op2-review-blast.md`,
+/// `docs/research/2026-08-11-op2-review-mechanism.md`).
+/// </para>
 /// </summary>
-public sealed class UiDatElement : UiElement, IUiDatStateful
+public class UiDatElement : UiElement, IUiDatStateful
 {
     // DrawModeType enum values from DatReaderWriter.Enums.
     // See docs/research/2026-06-15-layoutdesc-format.md §6.
@@ -39,13 +51,16 @@ public sealed class UiDatElement : UiElement, IUiDatStateful
     private const int DrawAlphablend  = 3;
 #pragma warning restore IDE0051
 
-    private readonly ElementInfo _info;
+    /// <summary>Protected so subclasses (e.g. <see cref="UiTabPanel"/>,
+    /// <see cref="UiTemplateListBox"/>) can read authored state/media for their own
+    /// mechanism-specific fields without a second copy of the merged snapshot.</summary>
+    protected readonly ElementInfo Info;
     private readonly Func<uint, (uint tex, int w, int h)> _resolve;
 
     /// <summary>The dat element id from <see cref="ElementInfo.Id"/>. Exposed so controllers
     /// can identify which logical element a UiDatElement represents when walking subtrees
     /// (e.g. footer state groups that appear once per tab page but share the same dat id).</summary>
-    public uint ElementId => _info.Id;
+    public uint ElementId => Info.Id;
 
     /// <summary>Which state name to render. <c>""</c> = the unnamed DirectState.
     /// Falls back to DirectState if the named state is absent.</summary>
@@ -57,7 +72,7 @@ public sealed class UiDatElement : UiElement, IUiDatStateful
         {
             if (string.IsNullOrEmpty(ActiveState))
                 return UiStateInfo.DirectStateId;
-            foreach (var (id, state) in _info.States)
+            foreach (var (id, state) in Info.States)
                 if (string.Equals(state.Name, ActiveState, StringComparison.Ordinal))
                     return id;
             return UiButtonStateMachine.TryStateId(ActiveState, out uint standard)
@@ -73,12 +88,12 @@ public sealed class UiDatElement : UiElement, IUiDatStateful
         UiStateInfo? selectedState = null;
         if (stateId == UiStateInfo.DirectStateId)
         {
-            if (!_info.States.TryGetValue(stateId, out selectedState)
+            if (!Info.States.TryGetValue(stateId, out selectedState)
-                && !_info.StateMedia.ContainsKey(""))
+                && !Info.StateMedia.ContainsKey(""))
                 return false;
             ActiveState = "";
         }
-        else if (_info.States.TryGetValue(stateId, out selectedState))
+        else if (Info.States.TryGetValue(stateId, out selectedState))
         {
             ActiveState = selectedState.Name;
         }
@@ -87,7 +102,7 @@ public sealed class UiDatElement : UiElement, IUiDatStateful
             string stateName = UiButtonStateMachine.StateName(stateId);
             if (string.IsNullOrEmpty(stateName))
                 stateName = RetailUiStateIds.StateName(stateId);
-            if (string.IsNullOrEmpty(stateName) || !_info.StateMedia.ContainsKey(stateName))
+            if (string.IsNullOrEmpty(stateName) || !Info.StateMedia.ContainsKey(stateName))
                 return false;
             ActiveState = stateName;
         }
@@ -106,7 +121,7 @@ public sealed class UiDatElement : UiElement, IUiDatStateful
     /// Returns (0,0,0) when the texture is not yet uploaded.</param>
     public UiDatElement(ElementInfo info, Func<uint, (uint tex, int w, int h)> resolve)
     {
-        _info = info;
+        Info = info;
         _resolve = resolve;
         ClickThrough = true; // generic decoration; behavioral widgets opt back in
 
@@ -133,8 +148,8 @@ public sealed class UiDatElement : UiElement, IUiDatStateful
     /// </summary>
     // exposed for unit testing
     public (uint File, int DrawMode) ActiveMedia()
-        => _info.StateMedia.TryGetValue(ActiveState, out var m) ? m
+        => Info.StateMedia.TryGetValue(ActiveState, out var m) ? m
-         : _info.StateMedia.TryGetValue("", out var d) ? d
+         : Info.StateMedia.TryGetValue("", out var d) ? d
          : (0u, 0);
 
     /// <summary>Optional click handler. Set by a controller for interactive dat

src/AcDream.App/UI/UiCheckboxBitfield64.cs

@@ -7,37 +7,50 @@ namespace AcDream.App.UI;
 
 /// <summary>
 /// Retail <c>UIOption_CheckboxBitfield64</c> (Type <c>0x10000044</c>) — a block of
-/// individually toggleable mask checkboxes, built ENTIRELY at runtime. Its authored
+/// individually toggleable mask checkboxes (the Chat tab's per-window text-filter
-/// dat template (<c>0x10000520</c> in <c>0x2100002B</c>, 272x100) carries NO children
+/// block).
-/// and NO media — verified against the regenerated <c>options_2100002B.json</c>
+///
-/// fixture. Retail C++ populates it by calling <c>AddChild(lowMask, highMask,
+/// <para>
-/// labelId, tooltipId)</c> once per checkbox (research doc §5.2:
+/// <b>OP2 rework (2026-08-11 — `docs/research/2026-08-11-op2-review-mechanism.md`
-/// <c>gmChatOptionsUI::InitOptions</c> / <c>AddCheckboxBitfield64Option</c>), N times
+/// MUST-FIX 3/4):</b> the OP2 slice's class doc claimed the authored template
-/// per window, then <c>CreateChildren()</c>. This widget ports that shape:
+/// (<c>0x10000520</c> in <c>0x2100002B</c>) "carries NO children and NO media" and
-/// <see cref="AddChild(ulong, ulong, string, string?)"/> appends one row, reusing
+/// synthesized a fake per-row <see cref="ElementInfo"/> (<c>Type=1</c>, invented
-/// <see cref="UiButton"/> (with retail's toggle-behavior property <c>0x0B</c> seeded)
+/// <c>RowHeight=14</c>) for every added row. Both claims were refuted by the committed
-/// for the clickable/labelled row itself rather than drawing anything new —
+/// fixture: <c>0x10000520</c> authors its OWN row-template list (dat property
-/// consistent with the campaign contract's "compose existing primitives" directive.
+/// <c>0x64</c> → <c>{0x2100002B, 0x10000521}</c>), and retail
+/// <c>UIOption_CheckboxBitfield64::CreateChildren @0x00485DF0</c> builds every row by
+/// calling <c>UIElement_ListBox::AddItemFromTemplateList(this, 0, nullptr)</c> in a
+/// loop — i.e. <c>UIOption_CheckboxBitfield64</c> genuinely IS a
+/// <c>UIElement_ListBox</c>: it calls the ListBox mechanism on itself
+/// (<c>AddItemFromTemplateList</c>/<c>GetItem</c>/<c>CalculatePaperSize</c>/
+/// <c>ListenToElementMessage</c>). The template <c>0x10000521</c> is a 272×20 container
+/// holding checkbox <c>0x10000219</c> (260×14, Type 1) which itself holds the 13×13
+/// five-state LED child <c>0x10000328</c> — every row's art/font/insets now come from
+/// that authored subtree via <see cref="TemplateResolver"/>, the SAME seam
+/// <see cref="UiTemplateListBox"/> exposes (this class does not wrap a
+/// <see cref="UiTemplateListBox"/> instance because retail's block does not itself
+/// scroll — the ENCLOSING Chat page ListBox scrolls the whole option list, and this
+/// block is one composite row within it — but it reuses the identical
+/// resolve-and-stack row-instantiation shape).
+/// </para>
 /// </summary>
-/// <remarks>
-/// Click semantics: retail's exact bit-toggle algorithm (what
-/// <c>UIOption_CheckboxBitfield64</c>'s own click handler does to <c>m_current</c>, as
-/// opposed to <c>UIOption_CheckboxBitfield64::Apply</c>'s documented WRITE side in
-/// research doc §3.7) is not in the decompiled excerpt this campaign pulled. This
-/// widget applies the conservative, retail-consistent reading — a row is "on" when
-/// ALL its mask bits are set, and a click SETS (turns on) or CLEARS (turns off)
-/// exactly those bits — and raises <see cref="ValueChanged"/> so a page controller can
-/// verify/replace the exact algorithm against the real decomp before wiring the
-/// authoritative <c>PlayerModule::SetChatWindowOption</c> transaction (Campaign OP
-/// slice OP5).
-/// </remarks>
 public sealed class UiCheckboxBitfield64 : UiPanel
 {
+    /// <summary>
+    /// Retail element id of the checkbox inside the authored row template
+    /// (<c>0x10000521</c>'s sole child). Hardcoded in retail's own C++
+    /// (<c>GetChildRecursive(row, 0x10000219)</c> inside <c>CreateChildren</c>), not
+    /// something generically derivable from the template — ports that literal constant.
+    /// </summary>
+    public const uint TemplateCheckboxElementId = 0x10000219u;
+
     /// <summary>One added checkbox row.</summary>
     public readonly record struct Row(
-        ulong LowMask, ulong HighMask, string Label, string? Tooltip, UiButton Toggle);
+        ulong LowMask, ulong HighMask, string Label, string? Tooltip,
+        UiElement RowRoot, UiButton Toggle);
 
     private readonly List<Row> _rows = new();
+    private float _contentHeight;
 
     /// <summary>The rows added so far, in <see cref="AddChild(ulong, ulong, string, string?)"/> call order.</summary>
     public IReadOnlyList<Row> Rows => _rows;
@@ -50,23 +63,33 @@ public sealed class UiCheckboxBitfield64 : UiPanel
 
     private ulong _defaultLow, _defaultHigh;
 
-    /// <summary>Row height in px for the stacked layout. Rows lay out top-to-bottom in
+    /// <summary>
-    /// call order, matching retail's authored call sequence. No authored row height
+    /// The authored row template (dat property 0x64 on THIS element). Retail authors
-    /// exists for this block (it is unauthored in the dat) — a page controller may
+    /// exactly one entry, <c>{0x2100002B, 0x10000521}</c>, and reuses it for every row
-    /// override before the first <see cref="AddChild(ulong, ulong, string, string?)"/> call.</summary>
+    /// (<c>AddItemFromTemplateList(this, 0, nullptr)</c> called once per row).
-    public float RowHeight { get; set; } = 14f;
+    /// </summary>
+    public IReadOnlyList<UiTemplateListEntry> Templates { get; }
 
-    /// <summary>Dat font for row labels.</summary>
+    /// <summary>Same seam as <see cref="UiTemplateListBox.TemplateResolver"/> — a page
+    /// controller wires this with real DAT access (Campaign OP slice OP5+). Left null
+    /// by <c>DatWidgetFactory</c> itself.</summary>
+    public Func<uint, uint, UiElement?>? TemplateResolver { get; set; }
+
+    /// <summary>Dat font for row labels — kept for callers that built rows before this
+    /// rework shipped; unused now that labels are set directly on the resolved
+    /// template's own checkbox widget, whose font already comes from the authored
+    /// template.</summary>
     public UiDatFont? LabelFont { get; set; }
 
-    // SpriteResolve (forwarded to each row's UiButton) is inherited from UiPanel —
+    // SpriteResolve (forwarded to each row's built subtree) is inherited from UiPanel —
     // same resolver shape, no need to redeclare it.
 
     /// <summary>Fired with the new (low, high) value after any row toggles.</summary>
     public Action<ulong, ulong>? ValueChanged { get; set; }
 
-    public UiCheckboxBitfield64()
+    public UiCheckboxBitfield64(IReadOnlyList<UiTemplateListEntry> templates)
     {
+        Templates = templates;
         BackgroundColor = Vector4.Zero;
         BorderColor = Vector4.Zero;
     }
@@ -100,43 +123,89 @@ public sealed class UiCheckboxBitfield64 : UiPanel
 
     /// <summary>
     /// Retail <c>UIOption_CheckboxBitfield64::AddChild(lowMask, highMask, labelId,
-    /// tooltipId)</c>: appends one toggleable row for the given mask, stacked below
+    /// tooltipId)</c> → <c>CreateChildren</c>'s per-row loop: instantiates the authored
-    /// the previous row. <paramref name="label"/>/<paramref name="tooltip"/> are
+    /// row template (<see cref="Templates"/>[0], the only entry) through
-    /// already-resolved strings — string-table lookup is the caller's job (matches
+    /// <see cref="TemplateResolver"/>, locates its embedded checkbox
+    /// (<see cref="TemplateCheckboxElementId"/>) via retail's own
+    /// <c>GetChildRecursive</c>, and stamps this row's label/click/checked-state onto
+    /// it. <paramref name="label"/>/<paramref name="tooltip"/> are already-resolved
+    /// strings — string-table lookup is the caller's job (matches
     /// <see cref="UiMenu.MenuItem"/>'s own already-resolved-Label convention).
     /// </summary>
-    public UiButton AddChild(ulong lowMask, ulong highMask, string label, string? tooltip = null)
+    /// <returns>The row's checkbox widget, or null (loud-logged) when no template is
+    /// authored, no resolver is wired, the resolver produced nothing, or the resolved
+    /// subtree does not contain <see cref="TemplateCheckboxElementId"/> — any of which
+    /// means retail's authored shape is missing or the resolver seam is unwired, not
+    /// something this widget should silently paper over.</returns>
+    public UiButton? AddChild(ulong lowMask, ulong highMask, string label, string? tooltip = null)
     {
-        var rowInfo = new ElementInfo { Type = 1u, Width = Width, Height = RowHeight };
+        if (Templates.Count == 0)
-        var direct = new UiStateInfo { Id = UiStateInfo.DirectStateId, Name = "" };
-        direct.Properties.Values[0x0Bu] = new UiPropertyValue
         {
-            Kind = UiPropertyKind.Bool,
+            Console.WriteLine("[D.2b] UiCheckboxBitfield64.AddChild: no authored row template (property 0x64 empty) — cannot build a row.");
-            BoolValue = true, // ToggleBehavior (property 0x0B) — UiButton reads this in its ctor.
+            return null;
-        };
+        }
-        rowInfo.States[UiStateInfo.DirectStateId] = direct;
+        Func<uint, uint, UiElement?>? resolver = TemplateResolver;
-
+        if (resolver is null)
-        var toggle = new UiButton(rowInfo, SpriteResolve ?? (_ => (0u, 0, 0)))
         {
-            Label = label,
+            Console.WriteLine("[D.2b] UiCheckboxBitfield64.AddChild: TemplateResolver not wired yet — cannot build a row.");
-            LabelFont = LabelFont,
+            return null;
-            LabelAlign = UiButton.LabelAlignment.Left,
+        }
-            Left = 0f,
-            Top = _rows.Count * RowHeight,
-            Width = Width,
-            Height = RowHeight,
-            Selected = IsSet(lowMask, highMask),
-        };
-        toggle.OnClick = () => ToggleRow(lowMask, highMask, toggle);
 
-        _rows.Add(new Row(lowMask, highMask, label, tooltip, toggle));
+        UiTemplateListEntry entry = Templates[0]; // retail always reuses template index 0
-        AddChild(toggle);
+        UiElement? row = resolver(entry.TemplateLayoutId, entry.TemplateElementId);
-        return toggle;
+        if (row is null)
+        {
+            Console.WriteLine($"[D.2b] UiCheckboxBitfield64.AddChild: resolver returned null for template 0x{entry.TemplateLayoutId:X8}/0x{entry.TemplateElementId:X8}.");
+            return null;
+        }
+
+        UiButton? checkbox = FindCheckboxRecursive(row);
+        if (checkbox is null)
+        {
+            Console.WriteLine($"[D.2b] UiCheckboxBitfield64.AddChild: resolved row template did not contain checkbox 0x{TemplateCheckboxElementId:X8} — row will not respond to clicks.");
+            return null;
+        }
+
+        checkbox.Label = label;
+        checkbox.Selected = IsSet(lowMask, highMask);
+        checkbox.OnClick = () => ToggleRow(lowMask, highMask, checkbox);
+
+        row.Left = 0f;
+        row.Top = _contentHeight;
+        _contentHeight += row.Height;
+        base.AddChild(row);
+
+        _rows.Add(new Row(lowMask, highMask, label, tooltip, row, checkbox));
+        return checkbox;
     }
 
-    private bool IsSet(ulong lowMask, ulong highMask)
+    private static UiButton? FindCheckboxRecursive(UiElement node)
-        => (CurrentLow & lowMask) == lowMask && (CurrentHigh & highMask) == highMask;
+    {
+        if (node.DatElementId == TemplateCheckboxElementId && node is UiButton button)
+            return button;
+        foreach (UiElement child in node.Children)
+        {
+            UiButton? found = FindCheckboxRecursive(child);
+            if (found is not null) return found;
+        }
+        return null;
+    }
 
+    /// <summary>
+    /// Retail <c>UIOption_CheckboxBitfield64::Refresh @0x004859C0</c>: a row is checked
+    /// when ANY bit of its mask is set in the current value — NOT when every bit is
+    /// set. <c>lowHit = current.low &amp; mask.low; highHit = current.high &amp;
+    /// mask.high; checked = (lowHit | highHit) != 0</c>.
+    /// </summary>
+    private bool IsSet(ulong lowMask, ulong highMask)
+        => (CurrentLow & lowMask) != 0 || (CurrentHigh & highMask) != 0;
+
+    /// <summary>
+    /// Retail <c>UIOption_CheckboxBitfield64::ListenToElementMessage @0x00485AE0</c>:
+    /// <c>BitUtils::SetBitsOnOrOff(&amp;m_current, mask, onOff)</c> — decomp-confirmed
+    /// OR-in-on / AND-NOT-off (TS-72's toggle-math half was always correct; only the
+    /// checked-state predicate above needed fixing).
+    /// </summary>
     private void ToggleRow(ulong lowMask, ulong highMask, UiButton toggle)
     {
         bool turnOn = !IsSet(lowMask, highMask);

src/AcDream.App/UI/UiTabControl.cs

@@ -1,112 +0,0 @@
-using System.Collections.Generic;
-using AcDream.App.UI.Layout;
-
-namespace AcDream.App.UI;
-
-/// <summary>
-/// Retail <c>UIElement_TabControl</c> (Type 8) — the Options panel's tab strip +
-/// mounted-page switcher. Owns the authored tab table (dat property <c>0x2E</c>,
-/// see <see cref="UiTabTableEntry"/>): activating a tab shows exactly ONE page-slot
-/// child and hides the rest, and updates the corresponding tab button's Open/Closed
-/// visual state.
-///
-/// <para>
-/// The tab buttons and page-slot children are ORDINARY imported dat elements — this
-/// widget does <b>not</b> set <see cref="UiElement.ConsumesDatChildren"/>, so
-/// <c>LayoutImporter</c> builds them the normal recursive way (buttons build as
-/// <see cref="UiText"/> with Open/Closed states — retail's tab buttons are Type 0xC
-/// text elements, not Type-1 buttons; page slots build as generic containers whose
-/// OWN children are the mounted page's content via <c>BaseLayoutId</c>/
-/// <c>BaseElement</c> inheritance). This widget only wires cross-references the tab
-/// table names by id, which it can only resolve once that subtree exists — see
-/// <see cref="IUiChildrenAttachedListener"/>.
-/// </para>
-///
-/// <para>
-/// Retail anchors: <c>docs/research/2026-08-10-options-panel-structure.md</c> §1.3
-/// (the tab table property <c>0x2E</c> struct shape), §10.1 (structural inventory —
-/// tab buttons `0x1000020D..0x1000020F`/`0x1000050B`, page slots
-/// `0x10000211..0x10000213`/`0x1000050C`, Gameplay the authored default). Verified
-/// byte-for-byte against the regenerated <c>options_2100002B.json</c> fixture: four
-/// entries, Gameplay (`0x1000020D`/`0x10000212`) is the sole <c>IsDefault</c> row.
-/// </para>
-///
-/// <para>
-/// Retail's <c>OnVisibilityChanged</c> auto-apply/auto-revert semantics (research doc
-/// §3.6 — hiding a page reverts uncommitted edits, showing one applies + commits) are
-/// OUT of this widget's scope: they belong to the <c>OptionPage</c>/
-/// <c>PlayerOptionPage</c> model a page controller owns (Campaign OP slice OP3+).
-/// This widget only switches which page slot is <see cref="UiElement.Visible"/>.
-/// </para>
-/// </summary>
-public sealed class UiTabControl : UiElement, IUiChildrenAttachedListener
-{
-    private readonly IReadOnlyList<UiTabTableEntry> _tabs;
-
-    public UiTabControl(IReadOnlyList<UiTabTableEntry> tabs)
-    {
-        _tabs = tabs;
-    }
-
-    /// <summary>The authored tab table this control was built from, in authored array order.</summary>
-    public IReadOnlyList<UiTabTableEntry> Tabs => _tabs;
-
-    /// <summary>Dat element id of the currently active page slot. 0 before the first mount.</summary>
-    public uint ActivePageElementId { get; private set; }
-
-    /// <summary>
-    /// Retail wires the tab table's cross-references (button ↔ page ↔ default) once
-    /// the imported subtree exists — see <see cref="IUiChildrenAttachedListener"/>'s
-    /// doc for why this can't happen during <c>DatWidgetFactory.Create</c>. Every tab
-    /// button's click is bound to switch to its paired page, then the authored
-    /// default tab (the entry with <see cref="UiTabTableEntry.IsDefault"/> true, or
-    /// the first entry if the dat authored none) is activated.
-    /// </summary>
-    public void OnChildrenAttached()
-    {
-        UiTabTableEntry? defaultEntry = null;
-        foreach (UiTabTableEntry entry in _tabs)
-        {
-            UiElement? button = FindDirectChild(entry.ButtonElementId);
-            uint pageId = entry.PageElementId;
-            RetailTabBinding.SetClick(button, () => SwitchTo(pageId));
-
-            if (entry.IsDefault)
-                defaultEntry = entry;
-        }
-
-        defaultEntry ??= _tabs.Count > 0 ? _tabs[0] : null;
-        if (defaultEntry is { } def)
-            SwitchTo(def.PageElementId);
-    }
-
-    /// <summary>
-    /// Activates the page slot named <paramref name="pageElementId"/>: shows it, hides
-    /// every other authored page slot, and sets each tab button's Open/Closed state to
-    /// match (<see cref="RetailTabBinding.SetOpen"/>). No-op if the page is already active.
-    /// </summary>
-    public void SwitchTo(uint pageElementId)
-    {
-        if (ActivePageElementId == pageElementId) return;
-
-        foreach (UiTabTableEntry entry in _tabs)
-        {
-            bool active = entry.PageElementId == pageElementId;
-            UiElement? page = FindDirectChild(entry.PageElementId);
-            if (page is not null) page.Visible = active;
-
-            UiElement? button = FindDirectChild(entry.ButtonElementId);
-            RetailTabBinding.SetOpen(button, active);
-        }
-
-        ActivePageElementId = pageElementId;
-    }
-
-    private UiElement? FindDirectChild(uint datElementId)
-    {
-        foreach (UiElement child in Children)
-            if (child.DatElementId == datElementId)
-                return child;
-        return null;
-    }
-}

src/AcDream.App/UI/UiTabPanel.cs

@@ -0,0 +1,220 @@
+using System;
+using System.Collections.Generic;
+using AcDream.App.UI.Layout;
+
+namespace AcDream.App.UI;
+
+/// <summary>
+/// Retail <c>UIElement_Panel</c> (dat class Type <c>8</c>) — the tab-strip host used by
+/// the Options panel and, in principle, any panel that authors a tab table (dat property
+/// <c>0x2E</c>, see <see cref="UiTabTableEntry"/>).
+///
+/// <para>
+/// <b>Naming correction (OP2 rework):</b> the OP2 slice named this class/mechanism
+/// <c>UIElement_TabControl</c>. No such class exists in the named-retail PDB — Type 8 is
+/// registered as <c>UIElement_Panel::Create</c> (<c>UIElement::RegisterElementClass(8,
+/// UIElement_Panel::Create) @0x0046C6B7</c>). Correct anchors:
+/// <c>UIElement_Panel::SetupTabPageHash @0x0046C2E0</c> (tab-table read + default
+/// selection), <c>::Update @0x0046BD00</c> (the one-visible-page switch + tab
+/// Open/Closed state write), <c>::OpenTab @0x0046BE20</c> / <c>::InqTabFromPage
+/// @0x0046BEB0</c> (the click entry points), <c>::ListenToElementMessage @0x0046BF90</c>.
+/// </para>
+///
+/// <para>
+/// <b>Shape correction (OP2 rework, `docs/research/2026-08-11-op2-review-blast.md` +
+/// `docs/research/2026-08-11-op2-review-mechanism.md`):</b> OP2 mapped every dat Type-8
+/// element unconditionally to this class and wired its tab table AT IMPORT TIME
+/// (<c>OnChildrenAttached</c>). Four already-shipped panels (vendor `0x100000B8`,
+/// character sheet root `0x10000227`, spellbook root `0x100002A8`, combat
+/// `0x100000A2`) are Type 8 and authored a tab table, so they silently gained a SECOND,
+/// import-time tab-switcher racing their own existing C# controllers
+/// (<c>CharacterStatController</c>/<c>SpellbookWindowController</c>/
+/// <c>VendorUiController</c> already own this exact switching for their panels; combat
+/// has no re-binder at all — the table would have taken over outright). A fifth Type-8
+/// element, vendor's media-bearing backdrop `0x1000008D`, has NO tab table at all and
+/// simply lost its authored fill because the old bare-<see cref="UiElement"/> base drew
+/// nothing and defaulted <see cref="UiElement.ClickThrough"/> to <c>false</c>.
+/// </para>
+///
+/// <para>
+/// This class now derives from <see cref="UiDatElement"/> and is DORMANT by default:
+/// importing a Type-8 element only gets authored-media drawing, retail's
+/// <c>ClickThrough = true</c> generic-decoration default, and <see cref="IUiDatStateful"/>
+/// state propagation — identical to the pre-OP2 fallback for every element that doesn't
+/// opt in. The tab-table switching mechanism (button ↔ page ↔ default, Open/Closed state)
+/// only activates when a controller explicitly calls <see cref="ActivateTabBehavior"/> —
+/// today, nobody does (OP2 ships the mechanism only; the Options panel controller,
+/// Campaign OP slice OP3+, is the first caller). This is filed as an intentional
+/// deviation from retail's unconditional per-instance activation — see the register row
+/// added in this same commit.
+/// </para>
+///
+/// <para>
+/// The tab buttons and page-slot children are ORDINARY imported dat elements — this
+/// widget does <b>not</b> set <see cref="UiElement.ConsumesDatChildren"/>, so
+/// <c>LayoutImporter</c> builds them the normal recursive way (buttons build as
+/// <see cref="UiText"/> with Open/Closed states — retail's tab buttons are Type 0xC
+/// text elements, not Type-1 buttons; page slots build as generic containers whose
+/// OWN children are the mounted page's content via <c>BaseLayoutId</c>/
+/// <c>BaseElement</c> inheritance).
+/// </para>
+///
+/// <para>
+/// Retail anchors: <c>docs/research/2026-08-10-options-panel-structure.md</c> §1.3
+/// (the tab table property <c>0x2E</c> struct shape), §10.1 (structural inventory —
+/// tab buttons `0x1000020D..0x1000020F`/`0x1000050B`, page slots
+/// `0x10000211..0x10000213`/`0x1000050C`, Gameplay the authored default). Verified
+/// byte-for-byte against the regenerated <c>options_2100002B.json</c> fixture: four
+/// entries, Gameplay (`0x1000020D`/`0x10000212`) is the sole <c>IsDefault</c> row.
+/// </para>
+///
+/// <para>
+/// Retail's <c>OnVisibilityChanged</c> auto-apply/auto-revert semantics (research doc
+/// §3.6 — hiding a page reverts uncommitted edits, showing one applies + commits) are
+/// OUT of this widget's scope: they belong to the <c>OptionPage</c>/
+/// <c>PlayerOptionPage</c> model a page controller owns (Campaign OP slice OP3+).
+/// This widget only switches which page slot is <see cref="UiElement.Visible"/>.
+/// </para>
+/// </summary>
+public sealed class UiTabPanel : UiDatElement, IUiChildrenAttachedListener
+{
+    /// <summary>Retail element id this class was ported for: Type 8 = 8.</summary>
+    public const uint RetailTypeId = 8u;
+
+    private readonly IReadOnlyList<UiTabTableEntry> _tabs;
+    private readonly List<UiTabTableEntry> _unresolved = new();
+    private bool _behaviorActive;
+
+    public UiTabPanel(
+        ElementInfo info,
+        Func<uint, (uint tex, int w, int h)> resolve,
+        IReadOnlyList<UiTabTableEntry> tabs)
+        : base(info, resolve)
+    {
+        _tabs = tabs;
+    }
+
+    /// <summary>The authored tab table this control was built from, in authored array order.</summary>
+    public IReadOnlyList<UiTabTableEntry> Tabs => _tabs;
+
+    /// <summary>Dat element id of the currently active page slot. 0 before the first
+    /// switch (either <see cref="ActivateTabBehavior"/>'s default-entry switch, or a
+    /// direct <see cref="SwitchTo"/> call).</summary>
+    public uint ActivePageElementId { get; private set; }
+
+    /// <summary>
+    /// True once <see cref="ActivateTabBehavior"/> has run. Dormant instances (every
+    /// pre-existing Type-8 host today) never flip this.
+    /// </summary>
+    public bool BehaviorActive => _behaviorActive;
+
+    /// <summary>
+    /// Tab-table entries whose button, page, or both did not resolve against this
+    /// element's built subtree the last time <see cref="ActivateTabBehavior"/> ran — a
+    /// silently-empty tab table and one that entirely fails to resolve are otherwise
+    /// indistinguishable (round-2 review SHOULD-FIX 3), so this is loud instead of a
+    /// mere no-op. Each miss is also logged via <see cref="Console.WriteLine"/>.
+    /// </summary>
+    public IReadOnlyList<UiTabTableEntry> UnresolvedEntries => _unresolved;
+
+    /// <summary>
+    /// Dormant by design (see class doc) — importing a Type-8 element performs no
+    /// wiring. <see cref="ActivateTabBehavior"/> is the explicit, controller-driven
+    /// opt-in that does the equivalent work once the subtree exists AND a controller
+    /// actually wants this element to own tab switching.
+    /// </summary>
+    void IUiChildrenAttachedListener.OnChildrenAttached()
+    {
+    }
+
+    /// <summary>
+    /// Opts this instance into retail's tab-table switching mechanism: binds every tab
+    /// button's click to switch to its paired page (<c>UIElement_Panel::OpenTab</c>),
+    /// then activates the authored default entry — the entry with
+    /// <see cref="UiTabTableEntry.IsDefault"/> true. Idempotent; a second call is a
+    /// no-op. Retail resolves both the button and the page via
+    /// <c>GetChildRecursive</c> (a descendant search, not direct-children-only), which
+    /// this ports so cross-layout mounts (a tab page's content built from a different
+    /// LayoutDesc, e.g. Configure Keyboard) still resolve.
+    /// </summary>
+    public void ActivateTabBehavior()
+    {
+        if (_behaviorActive) return;
+        _behaviorActive = true;
+
+        _unresolved.Clear();
+        UiTabTableEntry? defaultEntry = null;
+        foreach (UiTabTableEntry entry in _tabs)
+        {
+            UiElement? button = FindDescendant(this, entry.ButtonElementId);
+            UiElement? page = FindDescendant(this, entry.PageElementId);
+            if (button is null || page is null)
+            {
+                _unresolved.Add(entry);
+                Console.WriteLine(
+                    $"[D.2b] UiTabPanel 0x{Info.Id:X8}: tab entry button=0x{entry.ButtonElementId:X8} "
+                    + $"page=0x{entry.PageElementId:X8} did not resolve against the built subtree "
+                    + $"(button {(button is null ? "MISSING" : "ok")}, page {(page is null ? "MISSING" : "ok")}).");
+            }
+
+            uint pageId = entry.PageElementId;
+            RetailTabBinding.SetClick(button, () => SwitchTo(pageId));
+
+            if (entry.IsDefault)
+                defaultEntry = entry;
+        }
+
+        // Retail UIElement_Panel::Update(0, 0) — the guard when neither
+        // m_OpenPageToken nor m_OpenTabToken has been seeded — performs no switch at
+        // all. No entry authoring 0x32==true means retail never activates a page here;
+        // do not fabricate a fallback to the first entry (the OP2 REJECT-review
+        // SHOULD-FIX 2 finding).
+        if (defaultEntry is { } def)
+            SwitchTo(def.PageElementId);
+    }
+
+    /// <summary>
+    /// Activates the page slot named <paramref name="pageElementId"/>: shows it, hides
+    /// every other authored page slot, and sets each tab button's Open/Closed state to
+    /// match (<see cref="RetailTabBinding.SetOpen"/>). No-op if the page is already
+    /// active. Safe to call directly (e.g. from a test or a controller that wants
+    /// programmatic navigation) without going through <see cref="ActivateTabBehavior"/>
+    /// first, though the authored click bindings only exist after activation.
+    /// </summary>
+    public void SwitchTo(uint pageElementId)
+    {
+        if (ActivePageElementId == pageElementId) return;
+
+        foreach (UiTabTableEntry entry in _tabs)
+        {
+            bool active = entry.PageElementId == pageElementId;
+            UiElement? page = FindDescendant(this, entry.PageElementId);
+            if (page is not null) page.Visible = active;
+
+            UiElement? button = FindDescendant(this, entry.ButtonElementId);
+            RetailTabBinding.SetOpen(button, active);
+        }
+
+        ActivePageElementId = pageElementId;
+    }
+
+    /// <summary>
+    /// Retail <c>GetChildRecursive</c>: a depth-first search of every descendant (not
+    /// just direct children) for a widget carrying <paramref name="datElementId"/>.
+    /// Direct-children-only search (the pre-rework <c>FindDirectChild</c>) missed
+    /// cross-layout mounts where the tab table's ids name elements nested below an
+    /// intermediate incorporated container.
+    /// </summary>
+    private static UiElement? FindDescendant(UiElement node, uint datElementId)
+    {
+        foreach (UiElement child in node.Children)
+        {
+            if (child.DatElementId == datElementId)
+                return child;
+            UiElement? found = FindDescendant(child, datElementId);
+            if (found is not null)
+                return found;
+        }
+        return null;
+    }
+}

src/AcDream.App/UI/UiTemplateListBox.cs

@@ -1,32 +1,68 @@
 using System;
 using System.Collections.Generic;
-using System.Numerics;
 using AcDream.App.UI.Layout;
 
 namespace AcDream.App.UI;
 
 /// <summary>
-/// Retail <c>UIElement_ListBox</c> (Type 5) with an authored row-template list (dat
+/// Retail <c>UIElement_ListBox</c> (dat class Type <c>5</c>) with an authored row-template
-/// property <c>0x64</c>). Port of <c>AddItemFromTemplateList(index)</c>: instantiates
+/// list (dat property <c>0x64</c>). Port of <c>AddItemFromTemplateList(index)</c>:
-/// row <paramref name="index"/>'s template — a <see cref="UiTemplateListEntry"/>
+/// instantiates row <paramref name="index"/>'s template — a <see cref="UiTemplateListEntry"/>
 /// naming a cross-layout <c>{LayoutDesc DID, element id}</c> pair, per
 /// <c>docs/research/2026-08-10-options-panel-structure.md</c> §1.5 — through the SAME
-/// import machinery every other retained window uses, and appends it as one
+/// import machinery every other retained window uses, and appends it as one row.
-/// scrollable row.
 ///
 /// <para>
-/// Wraps a <see cref="UiScrollablePanel"/> as its single child rather than
+/// <b>OP2 rework (2026-08-11):</b> derives from <see cref="UiDatElement"/> and stays
-/// duplicating its scroll logic — <see cref="UiScrollablePanel"/> is sealed, and this
+/// DORMANT until a controller adds its first row. The OP2 REJECT-review blast-radius
-/// is the SAME "controller-built row list" viewport pattern
+/// finding (`docs/research/2026-08-11-op2-review-blast.md`) established that EVERY
-/// <c>CharacterStatController.RebuildActiveList</c> already uses for the skill list
+/// pre-existing Type-5 element reaching <see cref="DatWidgetFactory"/> already authors a
-/// (a <see cref="UiScrollablePanel"/> child sized to its host, rows added through it).
+/// non-empty <c>0x64</c> template array (character `0x1000023D`/`0x10000532`, effects
+/// positive/negative `0x10000123`, examine `0x10000149`/`0x10000335`/`0x1000032D`,
+/// mini-game `0x10000174`, spellbook `0x10000464`) — so the original Type-5 factory
+/// guard's premise ("none currently reach this factory") was false, and the old
+/// unconditional viewport injection in the constructor (<c>base.AddChild(_viewport)</c>)
+/// gave every one of those ten elements a spurious hit-testable
+/// <see cref="UiScrollablePanel"/> child plus lost their authored media (the old class
+/// derived from bare <see cref="UiPanel"/>, zeroed its background/border, and drew
+/// nothing dat-authored). None of the ten pre-existing elements author real dat
+/// children of their own (verified against every regenerated fixture — their row
+/// content comes ONLY from the cross-layout <c>0x64</c> array, never from a literal
+/// child in their own LayoutDesc subtree), so making this class dormant-by-default is a
+/// pure behavior restoration: an un-activated instance renders and hit-tests EXACTLY
+/// like the pre-OP2 <see cref="UiDatElement"/> fallback. The Options panel's three
+/// ListBoxes (Character/Config/Chat, Campaign OP slice OP4+) are the only elements a
+/// controller will ever call <see cref="AddItemFromTemplateList"/> against.
+/// </para>
+///
+/// <para>
+/// <see cref="ConsumesDatChildren"/> is <c>true</c>: retail ListBox rows come ONLY from
+/// <c>AddItemFromTemplateList</c>, never from static dat children of the ListBox element
+/// itself, so this widget owns its own child construction the same way
+/// Meter/Menu/Button/Scrollbar/Text/Field do — <c>LayoutImporter</c> does not attempt to
+/// recurse into any literal dat children this element might (incorrectly) author.
+/// </para>
+///
+/// <para>
+/// Row content is stacked inside a lazily-created <see cref="UiScrollablePanel"/> —
+/// created on the FIRST successful <see cref="AddItemFromTemplateList"/> call, not in the
+/// constructor. This is what makes dormancy free: an instance that never gets a row
+/// (every pre-existing panel today) never allocates or attaches the viewport, so there is
+/// no spurious hit-testable child competing with whatever the controller separately adds
+/// via <see cref="UiElement.AddChild"/> (the same "resolve → not a UiItemList → build one
+/// and attach it directly to the host" pattern <c>EffectsUiController</c>/
+/// <c>AppraisalUiController</c>/<c>SpellbookWindowController</c>/
+/// <c>CharacterStatController</c> already use for these exact ten elements).
+/// <see cref="UiScrollablePanel"/> is sealed, hence composition rather than inheritance —
+/// the SAME "controller-built row list" viewport pattern
+/// <c>CharacterStatController.RebuildActiveList</c> already uses for the skill list.
 /// The wrapped panel is anchored to fill this box, so scrolling, per-row visibility
-/// clipping, and the pixel scroll model (<see cref="Scroll"/>) all come from the
+/// clipping, and the pixel scroll model (<see cref="Scroll"/>) all come from the SAME
-/// SAME code CH6/the character sheet already exercise — no new scroll model. Rows
+/// code CH6/the character sheet already exercise — no new scroll model. Rows stack in
-/// stack in call order: each new row's <see cref="UiElement.Top"/> is set to the
+/// call order: each new row's <see cref="UiElement.Top"/> is set to the viewport's
-/// viewport's current <see cref="UiScrollablePanel.ContentHeight"/> before it is
+/// current <see cref="UiScrollablePanel.ContentHeight"/> before it is added, exactly
-/// added, exactly retail's own ListBox layout (each row is authored at its own
+/// retail's own ListBox layout (each row is authored at its own template-local Y=0; the
-/// template-local Y=0; the box stacks instances).
+/// box stacks instances).
 /// </para>
 ///
 /// <para>
@@ -42,12 +78,15 @@ namespace AcDream.App.UI;
 /// <c>IDatReaderWriter</c>.
 /// </para>
 /// </summary>
-public sealed class UiTemplateListBox : UiPanel
+public sealed class UiTemplateListBox : UiDatElement
 {
-    private readonly UiScrollablePanel _viewport = new()
+    /// <summary>Retail element id this class was ported for: Type 5 = 5.</summary>
-    {
+    public const uint RetailTypeId = 5u;
-        Anchors = AnchorEdges.Left | AnchorEdges.Top | AnchorEdges.Right | AnchorEdges.Bottom,
+
-    };
+    private const int DefaultLineHeight = 16;
+
+    private UiScrollablePanel? _viewport;
+    private int _pendingLineHeight = DefaultLineHeight;
 
     /// <summary>The authored row-template list (dat property 0x64), in authored array order.</summary>
     public IReadOnlyList<UiTemplateListEntry> Templates { get; }
@@ -63,19 +102,25 @@ public sealed class UiTemplateListBox : UiPanel
     public uint ScrollbarElementId { get; }
 
     /// <summary>The wrapped viewport's pixel scroll model — link a page controller's
-    /// resolved scrollbar (<see cref="ScrollbarElementId"/>) to this.</summary>
+    /// resolved scrollbar (<see cref="ScrollbarElementId"/>) to this. Creates the
-    public UiScrollable Scroll => _viewport.Scroll;
+    /// viewport on first access (see class doc — dormancy).</summary>
+    public UiScrollable Scroll => Viewport.Scroll;
 
     /// <summary>Total stacked row height in px — the same value <see cref="Scroll"/>'s
-    /// content extent uses.</summary>
+    /// content extent uses. 0 while dormant (no viewport created yet).</summary>
-    public int ContentHeight => _viewport.ContentHeight;
+    public int ContentHeight => _viewport?.ContentHeight ?? 0;
 
     /// <summary>Row height for the scroll model's line-scroll quantum. Set once template
-    /// heights are known; defaults to the viewport's own default (16px).</summary>
+    /// heights are known; defaults to the viewport's own default (16px). Safe to set
+    /// before the viewport exists — the value is applied once it's created.</summary>
     public int LineHeight
     {
-        get => _viewport.LineHeight;
+        get => _viewport?.LineHeight ?? _pendingLineHeight;
-        set => _viewport.LineHeight = value;
+        set
+        {
+            _pendingLineHeight = value;
+            if (_viewport is not null) _viewport.LineHeight = value;
+        }
     }
 
     /// <summary>
@@ -85,21 +130,44 @@ public sealed class UiTemplateListBox : UiPanel
     /// </summary>
     public Func<uint, uint, UiElement?>? TemplateResolver { get; set; }
 
-    public UiTemplateListBox(IReadOnlyList<UiTemplateListEntry> templates, uint scrollbarElementId)
+    public UiTemplateListBox(
+        ElementInfo info,
+        Func<uint, (uint tex, int w, int h)> resolve,
+        IReadOnlyList<UiTemplateListEntry> templates,
+        uint scrollbarElementId)
+        : base(info, resolve)
     {
         Templates = templates;
         ScrollbarElementId = scrollbarElementId;
-        BackgroundColor = Vector4.Zero;
+    }
-        BorderColor = Vector4.Zero;
+
-        base.AddChild(_viewport);
+    /// <summary>Retail ListBox rows never come from static dat children — see class doc.</summary>
+    public override bool ConsumesDatChildren => true;
+
+    private UiScrollablePanel Viewport
+    {
+        get
+        {
+            if (_viewport is null)
+            {
+                _viewport = new UiScrollablePanel
+                {
+                    Anchors = AnchorEdges.Left | AnchorEdges.Top | AnchorEdges.Right | AnchorEdges.Bottom,
+                    LineHeight = _pendingLineHeight,
+                };
+                base.AddChild(_viewport);
+            }
+            return _viewport;
+        }
     }
 
     /// <summary>
     /// Retail <c>UIElement_ListBox::AddItemFromTemplateList(m_pOptionBox, index,
     /// nullptr)</c>: resolves <c>Templates[index]</c> through <see cref="TemplateResolver"/>
     /// and appends the built subtree as the next row, stacked below the previous one.
-    /// Returns the built row widget, or null when <paramref name="index"/> is out of
+    /// Lazily creates the internal viewport on the FIRST successful call (see class doc —
-    /// range, no resolver is wired, or the resolver produced nothing.
+    /// dormancy). Returns the built row widget, or null when <paramref name="index"/> is
+    /// out of range, no resolver is wired, or the resolver produced nothing.
     /// </summary>
     public UiElement? AddItemFromTemplateList(int index)
     {
@@ -111,9 +179,10 @@ public sealed class UiTemplateListBox : UiPanel
         UiElement? row = resolver(entry.TemplateLayoutId, entry.TemplateElementId);
         if (row is null) return null;
 
+        UiScrollablePanel viewport = Viewport;
         row.Left = 0f;
-        row.Top = _viewport.ContentHeight;
+        row.Top = viewport.ContentHeight;
-        _viewport.AddChild(row);
+        viewport.AddChild(row);
         return row;
     }
 }

tests/AcDream.App.Tests/UI/Layout/EffectsUiControllerTests.cs

@@ -133,7 +133,15 @@ public sealed class EffectsUiControllerTests
             Templates(), "SELECT A SPELL")!;
         spellbook.OnEnchantmentAdded(new ActiveEnchantmentRecord(
             42u, 1u, 60f, 1u, Bucket: 1u, SpellCategory: 42u));
-        UiElement listHost = Assert.IsType<UiDatElement>(
+        // OP2 rework (docs/research/2026-08-11-op2-review-blast.md MUST-FIX 2): the
+        // effects list host authors a row-template array (dat property 0x64), so
+        // against real DAT data it now builds as UiTemplateListBox — the dormant
+        // UiDatElement subclass — not the bare UiDatElement fallback this assertion
+        // used to pin. Behavior is unchanged (media/ClickThrough/state propagation
+        // all still come from the shared UiDatElement base); only the concrete class
+        // changed to one that ALSO knows how to build authored-template rows, which
+        // this controller never calls (it manages the child UiItemList itself).
+        UiElement listHost = Assert.IsType<UiTemplateListBox>(
             layout.FindElement(EffectsUiController.ListId));
         UiItemList list = Assert.IsType<UiItemList>(Assert.Single(listHost.Children));
         UiTemplateListSlot row = Assert.IsType<UiTemplateListSlot>(list.GetItem(0));

tests/AcDream.App.Tests/UI/Layout/ElementReaderTests.cs

@@ -350,4 +350,132 @@ public class ElementReaderTests
         var merged  = ElementReader.Merge(base_, derived);
         Assert.Null(merged.OutlineColor);
     }
+
+    // ── OP2 rework: reader-level tests for 0x2E/0x64/0x72 ───────────────────────
+    // docs/research/2026-08-11-op2-review-mechanism.md §1.4 SHOULD-FIX: the OP2
+    // conformance tests only ever read the SERIALIZED ElementInfo.TabTable/
+    // TemplateList/ScrollbarElementId fields off a committed fixture, so a future
+    // regression in ReadTabTable/ReadTemplateList/the 0x72 reader would not fail a
+    // single test. These drive ApplyCanonicalLegacyProjection directly from a
+    // synthetic raw property bag — the readers themselves, not a fixture snapshot.
+
+    private static UiPropertyValue EnumProp(uint value) => new()
+    {
+        Kind = UiPropertyKind.Enum,
+        UnsignedValue = value,
+    };
+
+    private static UiPropertyValue BoolProp(bool value) => new()
+    {
+        Kind = UiPropertyKind.Bool,
+        BoolValue = value,
+    };
+
+    private static ElementInfo WithDirectProperty(uint propertyId, UiPropertyValue value)
+    {
+        var info = new ElementInfo();
+        var direct = new UiStateInfo { Id = UiStateInfo.DirectStateId, Name = "" };
+        direct.Properties.Values[propertyId] = value;
+        info.States[UiStateInfo.DirectStateId] = direct;
+        return info;
+    }
+
+    [Fact]
+    public void ReadTabTable_DecodesButtonPageDefaultInAuthoredOrder()
+    {
+        var entry0 = new UiPropertyValue { Kind = UiPropertyKind.Struct };
+        entry0.StructValue[0x30u] = EnumProp(0x1000AAAAu);
+        entry0.StructValue[0x31u] = EnumProp(0x1000BBBBu);
+        entry0.StructValue[0x32u] = BoolProp(true);
+
+        var entry1 = new UiPropertyValue { Kind = UiPropertyKind.Struct };
+        entry1.StructValue[0x30u] = EnumProp(0x1000CCCCu);
+        entry1.StructValue[0x31u] = EnumProp(0x1000DDDDu);
+        // no 0x32 -> IsDefault false
+
+        var array = new UiPropertyValue { Kind = UiPropertyKind.Array };
+        array.ArrayValue.Add(entry0);
+        array.ArrayValue.Add(entry1);
+
+        ElementInfo info = WithDirectProperty(0x2Eu, array);
+        ElementReader.ApplyCanonicalLegacyProjection(info);
+
+        Assert.Equal(2, info.TabTable.Count);
+        Assert.Equal(new UiTabTableEntry(0x1000AAAAu, 0x1000BBBBu, true), info.TabTable[0]);
+        Assert.Equal(new UiTabTableEntry(0x1000CCCCu, 0x1000DDDDu, false), info.TabTable[1]);
+    }
+
+    /// <summary>
+    /// Retail <c>UIElement_Panel::SetupTabPageHash @0x0046C2E0</c> skips a struct
+    /// entry whose <c>InqProperty(0x30)</c> or <c>InqProperty(0x31)</c> is missing —
+    /// a partial entry never enters <c>m_TabPageHash</c> (OP2 rework,
+    /// docs/research/2026-08-11-op2-review-mechanism.md §1.1).
+    /// </summary>
+    [Fact]
+    public void ReadTabTable_SkipsEntriesMissingButtonOrPage()
+    {
+        var missingPage = new UiPropertyValue { Kind = UiPropertyKind.Struct };
+        missingPage.StructValue[0x30u] = EnumProp(0x1000EEEEu);
+        // no 0x31
+
+        var missingButton = new UiPropertyValue { Kind = UiPropertyKind.Struct };
+        missingButton.StructValue[0x31u] = EnumProp(0x1000FFFFu);
+        // no 0x30
+
+        var wellFormed = new UiPropertyValue { Kind = UiPropertyKind.Struct };
+        wellFormed.StructValue[0x30u] = EnumProp(0x10001111u);
+        wellFormed.StructValue[0x31u] = EnumProp(0x10002222u);
+
+        var array = new UiPropertyValue { Kind = UiPropertyKind.Array };
+        array.ArrayValue.Add(missingPage);
+        array.ArrayValue.Add(missingButton);
+        array.ArrayValue.Add(wellFormed);
+
+        ElementInfo info = WithDirectProperty(0x2Eu, array);
+        ElementReader.ApplyCanonicalLegacyProjection(info);
+
+        UiTabTableEntry only = Assert.Single(info.TabTable);
+        Assert.Equal(new UiTabTableEntry(0x10001111u, 0x10002222u, false), only);
+    }
+
+    [Fact]
+    public void ReadTemplateList_DecodesLayoutDidAndElementIdInAuthoredOrder()
+    {
+        var entry0 = new UiPropertyValue { Kind = UiPropertyKind.Struct };
+        entry0.StructValue[0x63u] = EnumProp(0x21000099u);
+        entry0.StructValue[0x62u] = EnumProp(0x10003333u);
+
+        var entry1 = new UiPropertyValue { Kind = UiPropertyKind.Struct };
+        entry1.StructValue[0x63u] = EnumProp(0x21000099u);
+        entry1.StructValue[0x62u] = EnumProp(0x10004444u);
+
+        var array = new UiPropertyValue { Kind = UiPropertyKind.Array };
+        array.ArrayValue.Add(entry0);
+        array.ArrayValue.Add(entry1);
+
+        ElementInfo info = WithDirectProperty(0x64u, array);
+        ElementReader.ApplyCanonicalLegacyProjection(info);
+
+        Assert.Equal(2, info.TemplateList.Count);
+        Assert.Equal(new UiTemplateListEntry(0x21000099u, 0x10003333u), info.TemplateList[0]);
+        Assert.Equal(new UiTemplateListEntry(0x21000099u, 0x10004444u), info.TemplateList[1]);
+    }
+
+    [Fact]
+    public void ReadReferencedElementId_ScrollbarLinkage_DecodesEnumProperty()
+    {
+        ElementInfo info = WithDirectProperty(0x72u, EnumProp(0x10005555u));
+        ElementReader.ApplyCanonicalLegacyProjection(info);
+
+        Assert.Equal(0x10005555u, info.ScrollbarElementId);
+    }
+
+    [Fact]
+    public void ReadReferencedElementId_ScrollbarLinkage_AbsentPropertyStaysZero()
+    {
+        var info = new ElementInfo();
+        ElementReader.ApplyCanonicalLegacyProjection(info);
+
+        Assert.Equal(0u, info.ScrollbarElementId);
+    }
 }

tests/AcDream.App.Tests/UI/Layout/OP2ReworkBlastRadiusConformanceTests.cs

@@ -0,0 +1,157 @@
+using AcDream.App.UI;
+using AcDream.App.UI.Layout;
+
+namespace AcDream.App.Tests.UI.Layout;
+
+/// <summary>
+/// Built-widget behavior pins for the pre-existing, already-shipped Type-8/Type-5
+/// elements the OP2 double-REJECT findings named
+/// (`docs/research/2026-08-11-op2-review-blast.md` §1.1/§1.2,
+/// `docs/research/2026-08-11-op2-review-mechanism.md` §2.1/§2.2). These fixtures are
+/// NOT Options-panel data — they are the character sheet, spellbook, vendor, and
+/// combat panels' own committed fixtures — and every assertion here is a regression
+/// guard for the OP2 rework's dormancy model: a Type-8/Type-5 element that reaches
+/// <see cref="DatWidgetFactory"/> without a controller opting it into the new
+/// mechanism must render and hit-test EXACTLY like the pre-OP2
+/// <see cref="UiDatElement"/> fallback.
+///
+/// <para>
+/// Before this rework, these five Type-8 elements and every pre-existing Type-5
+/// element silently re-classed to a bare-<see cref="UiElement"/>-derived
+/// <c>UiTabControl</c>/<c>UiTemplateListBox</c> in production while every fixture-
+/// driven test still exercised the OLD stale-fixture shape (empty TabTable/
+/// TemplateList) — a structural false negative the blast-radius review named as the
+/// root enabler. These tests build through the REAL (regenerated) fixtures, so a
+/// future regression that reintroduces eager wiring, media loss, or a ClickThrough
+/// flip WILL fail here.
+/// </para>
+/// </summary>
+public class OP2ReworkBlastRadiusConformanceTests
+{
+    // ── Type 8 — vendor's media-bearing, tab-table-less backdrop ────────────
+
+    /// <summary>
+    /// Vendor `0x1000008D` (800x20) authors a DirectState fill and NO tab table —
+    /// `RetailUiRuntime.cs` documents it by name as the vendor panel's own backdrop
+    /// fill. Blast-review MUST-FIX 1(a): the OP2-as-landed unconditional-but-bare
+    /// mapping stopped this drawing entirely.
+    /// </summary>
+    [Fact]
+    public void Vendor_BackdropElement_DrawsItsAuthoredMedia_AndStaysClickThrough()
+    {
+        var layout = FixtureLoader.LoadVendor();
+        var backdrop = Assert.IsType<UiTabPanel>(layout.FindElement(0x1000008Du));
+
+        Assert.Empty(backdrop.Tabs); // no authored 0x2E on this element
+        Assert.False(backdrop.BehaviorActive); // nobody activates it — dormant
+        Assert.True(backdrop.ClickThrough); // UiDatElement's generic-decoration default
+        (uint file, int _) = backdrop.ActiveMedia();
+        Assert.NotEqual(0u, file); // the authored fill still draws
+    }
+
+    /// <summary>
+    /// Vendor `0x100000B8` (the ACTUAL tab host, distinct from the `0x1000008D`
+    /// backdrop above) authors a 3-entry tab table that `VendorUiController`
+    /// already switches end-to-end. Same claim as the character/spellbook roots
+    /// below: dormant on import, controller owns activation.
+    /// </summary>
+    [Fact]
+    public void Vendor_TabHost_StaysDormant_ControllerOwnsSwitching()
+    {
+        var layout = FixtureLoader.LoadVendor();
+        var host = Assert.IsType<UiTabPanel>(layout.FindElement(0x100000B8u));
+
+        Assert.Equal(3, host.Tabs.Count); // the authored table IS present…
+        Assert.False(host.BehaviorActive); // …but nobody has activated it
+        Assert.Equal(0u, host.ActivePageElementId);
+        Assert.True(host.ClickThrough);
+    }
+
+    // ── Type 8 — panel roots with their own controller-owned switching ──────
+
+    /// <summary>
+    /// Character sheet root `0x10000227` authors a 3-entry tab table but
+    /// `CharacterStatController` already owns tab switching for this panel
+    /// end-to-end. Blast-review MUST-FIX 1(b)/(c): the OP2-as-landed mapping made
+    /// this element claim every unclaimed click in its bounds
+    /// (<c>ClickThrough</c> false→ silently) and stop propagating
+    /// <see cref="IUiDatStateful"/> state into its children.
+    /// </summary>
+    [Fact]
+    public void CharacterRoot_StaysClickThrough_AndPropagatesState_WithoutActivation()
+    {
+        var layout = FixtureLoader.LoadCharacter();
+        var root = Assert.IsType<UiTabPanel>(layout.Root);
+        Assert.Equal(0x10000227u, root.DatElementId);
+
+        Assert.NotEmpty(root.Tabs); // the authored table IS present…
+        Assert.False(root.BehaviorActive); // …but nobody has activated it
+        Assert.Equal(0u, root.ActivePageElementId);
+        Assert.True(root.ClickThrough);
+        Assert.IsAssignableFrom<IUiDatStateful>(root);
+    }
+
+    /// <summary>Spellbook root `0x100002A8` — same shape/claim as the character
+    /// sheet, owned end-to-end by <c>SpellbookWindowController</c>.</summary>
+    [Fact]
+    public void SpellbookRoot_StaysClickThrough_AndPropagatesState_WithoutActivation()
+    {
+        var layout = FixtureLoader.LoadSpellbook();
+        var root = Assert.IsType<UiTabPanel>(layout.Root);
+        Assert.Equal(0x100002A8u, root.DatElementId);
+
+        Assert.NotEmpty(root.Tabs);
+        Assert.False(root.BehaviorActive);
+        Assert.Equal(0u, root.ActivePageElementId);
+        Assert.True(root.ClickThrough);
+        Assert.IsAssignableFrom<IUiDatStateful>(root);
+    }
+
+    // ── Type 8 — combat, which has NO controller re-binder at all ───────────
+
+    /// <summary>
+    /// Combat `0x100000A2` authors an 8-entry tab table and — unlike character/
+    /// spellbook/vendor — has NO controller that re-binds it after import. Blast-
+    /// review MUST-FIX 1(d): the OP2-as-landed <c>OnChildrenAttached</c> ran at
+    /// import time regardless, so this element would have taken over its 8 stance
+    /// pages outright with nothing to override it. Every child must remain exactly
+    /// as imported: all Visible (retail's plain default), no page hidden, no click
+    /// bound.
+    /// </summary>
+    [Fact]
+    public void Combat_TabHost_PerformsNoImportTimeTakeover()
+    {
+        var layout = FixtureLoader.LoadCombat();
+        var host = Assert.IsType<UiTabPanel>(layout.FindElement(0x100000A2u));
+
+        Assert.Equal(8, host.Tabs.Count); // the authored table IS present…
+        Assert.False(host.BehaviorActive); // …but nothing ever activates it
+        Assert.Equal(0u, host.ActivePageElementId);
+        Assert.Equal(16, host.Children.Count); // no children lost/consumed
+        Assert.All(host.Children, child => Assert.True(child.Visible));
+    }
+
+    // ── Type 5 — a representative pre-existing ListBox with an authored template ──
+
+    /// <summary>
+    /// Effects list `0x10000123` (`EffectsUiController.ListId`) authors a 1-row
+    /// template array. Blast-review MUST-FIX 2: the OP2-as-landed unconditional
+    /// mapping lost the authored media, defaulted <c>ClickThrough=false</c>, and
+    /// unconditionally injected a hit-testable viewport as child 0 — before
+    /// <c>EffectsUiController.Bind</c> ever runs. This pins the dormant baseline
+    /// directly; <c>EffectsUiControllerTests</c> pins the controller's own
+    /// subsequent <see cref="UiElement.AddChild"/> behavior.
+    /// </summary>
+    [Fact]
+    public void EffectsList_StaysDormant_ClickThrough_NoInjectedViewport()
+    {
+        var layout = FixtureLoader.LoadPositiveEffects();
+        var host = Assert.IsType<UiTemplateListBox>(
+            layout.FindElement(EffectsUiController.ListId));
+
+        Assert.NotEmpty(host.Templates); // the authored 0x64 array IS present…
+        Assert.Empty(host.Children); // …but no viewport was injected
+        Assert.Equal(0, host.ContentHeight);
+        Assert.True(host.ClickThrough);
+    }
+}

tests/AcDream.App.Tests/UI/Layout/OptionsPanelLayoutConformanceTests.cs

@@ -8,11 +8,14 @@ namespace AcDream.App.Tests.UI.Layout;
 /// Dat-free conformance tests for the committed <c>options_2100002B.json</c> /
 /// <c>options_gameplay_2100002A.json</c> / <c>options_character_21000028.json</c> /
 /// <c>options_chat_2100005C.json</c> / <c>options_config_21000029.json</c> golden
-/// fixtures (Campaign OP slice OP2). Pins the tab table (dat property <c>0x2E</c>),
+/// fixtures (Campaign OP slice OP2, reworked 2026-08-11). Pins the tab table (dat
-/// the three ListBox row-template lists (dat property <c>0x64</c>), scrollbar
+/// property <c>0x2E</c>), the three ListBox row-template lists (dat property
-/// linkage (dat property <c>0x72</c>), the new Type-8/5/<c>0x10000036..0x44</c>
+/// <c>0x64</c>), scrollbar linkage (dat property <c>0x72</c>), the new Type-8/5/
-/// widget mappings, and <see cref="UiTabControl"/>'s switch behavior. Retail anchors:
+/// <c>0x10000036..0x44</c> widget mappings, and <see cref="UiTabPanel"/>'s switch
-/// <c>docs/research/2026-08-10-options-panel-structure.md</c> §1.3, §1.5, §10.1.
+/// behavior. Retail anchors: <c>docs/research/2026-08-10-options-panel-structure.md</c>
+/// §1.3, §1.5, §10.1. See also <c>OP2ReworkBlastRadiusConformanceTests.cs</c> (built-
+/// widget pins for the pre-existing shipped panels the rework's dormancy model
+/// protects) and the reader-level tests appended to <c>ElementReaderTests.cs</c>.
 /// </summary>
 public class OptionsPanelLayoutConformanceTests
 {
@@ -51,13 +54,18 @@ public class OptionsPanelLayoutConformanceTests
     }
 
     [Fact]
-    public void OptionsPanelFixture_TabControl_BuildsAsUiTabControl_WithSameTabTable()
+    public void OptionsPanelFixture_TabControl_BuildsAsUiTabPanel_WithSameTabTable()
     {
         var layout = FixtureLoader.LoadOptionsPanel();
-        var tabControl = Assert.IsType<UiTabControl>(layout.FindElement(0x10000208u));
+        var tabControl = Assert.IsType<UiTabPanel>(layout.FindElement(0x10000208u));
         Assert.Equal(4, tabControl.Tabs.Count);
         Assert.True(tabControl.Tabs[0].IsDefault);
         Assert.Equal(0x10000212u, tabControl.Tabs[0].PageElementId);
+
+        // OP2 rework: dormant until a controller opts in — importing alone must not
+        // have switched anything (docs/research/2026-08-11-op2-review-blast.md).
+        Assert.False(tabControl.BehaviorActive);
+        Assert.Equal(0u, tabControl.ActivePageElementId);
     }
 
     // ── Row-template lists (property 0x64) ──────────────────────────────────
@@ -156,6 +164,12 @@ public class OptionsPanelLayoutConformanceTests
         var listBox = Assert.IsType<UiTemplateListBox>(layout.FindElement(0x100001FAu));
         Assert.Equal(3, listBox.Templates.Count);
         Assert.Equal(0x100001FBu, listBox.ScrollbarElementId);
+
+        // OP2 rework: dormant until a controller adds its first row — importing alone
+        // must not have injected a viewport child (docs/research/2026-08-11-op2-review-
+        // blast.md SHOULD-FIX 1).
+        Assert.Empty(listBox.Children);
+        Assert.Equal(0, listBox.ContentHeight);
     }
 
     [Fact]
@@ -224,10 +238,15 @@ public class OptionsPanelLayoutConformanceTests
     public void OptionsPanelFixture_Bitfield64Template_BuildsAsEmptyUiCheckboxBitfield64()
     {
         // UIOption_CheckboxBitfield64 (0x10000044), template element 0x10000520:
-        // authors zero children/media in the dat — every row is added at runtime.
+        // authors zero children/media of its OWN, but DOES author its own row-template
+        // list (dat property 0x64 -> {0x2100002B, 0x10000521}) — every row is built
+        // from THAT template at runtime (OP2 rework,
+        // docs/research/2026-08-11-op2-review-mechanism.md MUST-FIX 4).
         var layout = FixtureLoader.LoadOptionsPanel();
         var bitfield = Assert.IsType<UiCheckboxBitfield64>(layout.FindElement(0x10000520u));
         Assert.Empty(bitfield.Rows);
+        UiTemplateListEntry template = Assert.Single(bitfield.Templates);
+        Assert.Equal(new UiTemplateListEntry(0x2100002Bu, 0x10000521u), template);
     }
 
     [Fact]
@@ -244,19 +263,48 @@ public class OptionsPanelLayoutConformanceTests
         Assert.NotNull(slider);
     }
 
-    // ── UiCheckboxBitfield64 behavior (structural, click semantics flagged) ──
+    // ── UiCheckboxBitfield64 behavior (rows built from the authored template) ──
+
+    /// <summary>Builds a hermetic <see cref="UiCheckboxBitfield64"/> whose
+    /// <see cref="UiCheckboxBitfield64.TemplateResolver"/> constructs a minimal subtree
+    /// containing ONLY the checkbox retail's own CreateChildren looks for
+    /// (<see cref="UiCheckboxBitfield64.TemplateCheckboxElementId"/>) — proves the
+    /// widget resolves and stamps that exact id rather than assuming row shape.</summary>
+    private static UiCheckboxBitfield64 NewBitfieldWithStubTemplate()
+    {
+        var templates = new[] { new UiTemplateListEntry(0x2100002Bu, 0x10000521u) };
+        return new UiCheckboxBitfield64(templates)
+        {
+            Width = 272f,
+            TemplateResolver = (layoutId, elementId) =>
+            {
+                Assert.Equal(0x2100002Bu, layoutId);
+                Assert.Equal(0x10000521u, elementId);
+                var checkboxInfo = new ElementInfo
+                {
+                    Id = UiCheckboxBitfield64.TemplateCheckboxElementId,
+                    Type = 1u,
+                    Width = 260f,
+                    Height = 14f,
+                };
+                return LayoutImporter.Build(checkboxInfo, NoTex, null).Root;
+            },
+        };
+    }
 
     [Fact]
-    public void UiCheckboxBitfield64_AddChild_TracksMaskAndTogglesOnClick()
+    public void UiCheckboxBitfield64_AddChild_ResolvesRowFromAuthoredTemplate()
     {
-        var bitfield = new UiCheckboxBitfield64 { Width = 272f };
+        var bitfield = NewBitfieldWithStubTemplate();
         bitfield.SetDefaultValue(0x00000000_FBFFFFFFul, 0ul); // retail main-window default (research §5.2)
 
         // "Error" (mask 0x04000000) is the ONE bit clear in the FBFFFFFF default —
         // research §5.2's own cross-check ("Society bit opt-in") confirms every
         // other row's bits are already set in that default, so Error is the only
         // mask that starts observably OFF and round-trips cleanly through OR/AND-NOT.
-        var row = bitfield.AddChild(0x00000000_04000000ul, 0ul, "Error");
+        UiButton? row = bitfield.AddChild(0x00000000_04000000ul, 0ul, "Error");
+        Assert.NotNull(row);
+        Assert.Equal(UiCheckboxBitfield64.TemplateCheckboxElementId, row!.DatElementId);
         Assert.False(row.Selected);
 
         ulong? changedLow = null;
@@ -271,6 +319,46 @@ public class OptionsPanelLayoutConformanceTests
         Assert.Equal(0x00000000_FBFFFFFFul, changedLow); // back to the seeded default
     }
 
+    /// <summary>
+    /// MUST-FIX 3a (`docs/research/2026-08-11-op2-review-mechanism.md`): retail
+    /// <c>UIOption_CheckboxBitfield64::Refresh @0x004859C0</c> checks a row when ANY
+    /// mask bit is set, not when EVERY mask bit is set. A single-bit mask cannot
+    /// distinguish the two predicates — this seeds a value with only ONE of a
+    /// TWO-bit mask's bits set (Combat's real mask <c>0x00600040</c>, research §5.2)
+    /// and asserts the row still reads checked.
+    /// </summary>
+    [Fact]
+    public void UiCheckboxBitfield64_MultiBitMask_IsSet_UsesAnyBitNotAllBits()
+    {
+        var bitfield = NewBitfieldWithStubTemplate();
+        const ulong combatMask = 0x00000000_00600040ul; // two bits
+        const ulong onlyOneBitOfMask = 0x00000000_00000040ul; // partially overlapping
+        bitfield.SetDefaultValue(onlyOneBitOfMask, 0ul);
+
+        UiButton? row = bitfield.AddChild(combatMask, 0ul, "Combat");
+        Assert.NotNull(row);
+        Assert.True(row!.Selected); // any-bit predicate: 0x40 & 0x600040 != 0
+
+        // Clicking now must turn the row OFF (it currently reads checked) and clear
+        // BOTH mask bits, matching retail's confirmed SetBitsOnOrOff AND-NOT.
+        ulong? changedLow = null;
+        bitfield.ValueChanged += (low, _) => changedLow = low;
+        row.OnClick!.Invoke();
+        Assert.False(row.Selected);
+        Assert.Equal(0ul, changedLow);
+    }
+
+    [Fact]
+    public void UiCheckboxBitfield64_AddChild_NoTemplateResolverWired_ReturnsNullAndLeavesNoRow()
+    {
+        var templates = new[] { new UiTemplateListEntry(0x2100002Bu, 0x10000521u) };
+        var bitfield = new UiCheckboxBitfield64(templates) { Width = 272f };
+        // No TemplateResolver wired — matches DatWidgetFactory's own construction
+        // (OP2 ships the mechanism; a page controller supplies the resolver).
+        Assert.Null(bitfield.AddChild(0x1ul, 0ul, "Unwired"));
+        Assert.Empty(bitfield.Rows);
+    }
+
     // ── The template mechanism, exercised end-to-end ────────────────────────
 
     /// <summary>
@@ -293,7 +381,9 @@ public class OptionsPanelLayoutConformanceTests
         }
 
         ElementInfo characterListBoxInfo = Find(FixtureLoader.LoadOptionsCharacterInfos(), 0x100001FAu)!;
-        var listBox = new UiTemplateListBox(characterListBoxInfo.TemplateList, characterListBoxInfo.ScrollbarElementId)
+        var listBox = new UiTemplateListBox(
+            characterListBoxInfo, NoTex,
+            characterListBoxInfo.TemplateList, characterListBoxInfo.ScrollbarElementId)
         {
             TemplateResolver = Resolve,
         };
@@ -333,32 +423,46 @@ public class OptionsPanelLayoutConformanceTests
     {
         ElementInfo characterListBoxInfo = Find(FixtureLoader.LoadOptionsCharacterInfos(), 0x100001FAu)!;
         var listBox = new UiTemplateListBox(
+            characterListBoxInfo, NoTex,
             characterListBoxInfo.TemplateList, characterListBoxInfo.ScrollbarElementId);
         // No TemplateResolver wired — matches DatWidgetFactory's own construction
         // (OP2 ships the mechanism; a page controller supplies the resolver).
         Assert.Null(listBox.AddItemFromTemplateList(0));
+        // OP2 rework: a failed/never-attempted add must not have allocated a viewport.
+        Assert.Empty(listBox.Children);
     }
 
     [Fact]
     public void TemplateListBox_AddItemFromTemplateList_OutOfRangeIndex_ReturnsNull()
     {
-        var listBox = new UiTemplateListBox(new[] { new UiTemplateListEntry(1u, 2u) }, 0u)
+        var listBox = new UiTemplateListBox(
+            new ElementInfo(), NoTex, new[] { new UiTemplateListEntry(1u, 2u) }, 0u)
         {
             TemplateResolver = (_, _) => new UiDatElement(new ElementInfo(), NoTex),
         };
         Assert.Null(listBox.AddItemFromTemplateList(-1));
         Assert.Null(listBox.AddItemFromTemplateList(1));
         Assert.NotNull(listBox.AddItemFromTemplateList(0));
+        // The one successful add DID lazily create the viewport.
+        Assert.Single(listBox.Children);
     }
 
-    // ── UiTabControl behavior ────────────────────────────────────────────────
+    // ── UiTabPanel behavior ──────────────────────────────────────────────────
+    // OP2 rework: these all explicitly call ActivateTabBehavior() first — a Type-8
+    // element is dormant on import (docs/research/2026-08-11-op2-review-blast.md /
+    // -mechanism.md), so a controller (here, the test itself) must opt in before any
+    // switching happens. This mirrors how OP3+'s OptionsPanelController will drive it.
 
     [Fact]
-    public void UiTabControl_DefaultMount_ShowsOnlyTheGameplayPage()
+    public void UiTabPanel_ActivateTabBehavior_ShowsOnlyTheGameplayDefaultPage()
     {
         var layout = FixtureLoader.LoadOptionsPanel();
-        var tabControl = Assert.IsType<UiTabControl>(layout.FindElement(0x10000208u));
+        var tabControl = Assert.IsType<UiTabPanel>(layout.FindElement(0x10000208u));
 
+        tabControl.ActivateTabBehavior();
+
+        Assert.True(tabControl.BehaviorActive);
+        Assert.Empty(tabControl.UnresolvedEntries);
         Assert.Equal(0x10000212u, tabControl.ActivePageElementId); // Gameplay page slot
 
         UiElement gameplayPage = layout.FindElement(0x10000212u)!;
@@ -373,10 +477,24 @@ public class OptionsPanelLayoutConformanceTests
     }
 
     [Fact]
-    public void UiTabControl_SwitchTo_ShowsExactlyOnePage()
+    public void UiTabPanel_ActivateTabBehavior_IsIdempotent()
     {
         var layout = FixtureLoader.LoadOptionsPanel();
-        var tabControl = Assert.IsType<UiTabControl>(layout.FindElement(0x10000208u));
+        var tabControl = Assert.IsType<UiTabPanel>(layout.FindElement(0x10000208u));
+
+        tabControl.ActivateTabBehavior();
+        tabControl.SwitchTo(0x10000211u); // Character page slot — deliberately not the default
+        tabControl.ActivateTabBehavior(); // second call must be a no-op, not re-switch to default
+
+        Assert.Equal(0x10000211u, tabControl.ActivePageElementId);
+    }
+
+    [Fact]
+    public void UiTabPanel_SwitchTo_ShowsExactlyOnePage()
+    {
+        var layout = FixtureLoader.LoadOptionsPanel();
+        var tabControl = Assert.IsType<UiTabPanel>(layout.FindElement(0x10000208u));
+        tabControl.ActivateTabBehavior();
 
         tabControl.SwitchTo(0x1000050Cu); // Chat page slot
 
@@ -394,10 +512,11 @@ public class OptionsPanelLayoutConformanceTests
     }
 
     [Fact]
-    public void UiTabControl_SwitchTo_UpdatesTabButtonOpenClosedState()
+    public void UiTabPanel_SwitchTo_UpdatesTabButtonOpenClosedState()
     {
         var layout = FixtureLoader.LoadOptionsPanel();
-        var tabControl = Assert.IsType<UiTabControl>(layout.FindElement(0x10000208u));
+        var tabControl = Assert.IsType<UiTabPanel>(layout.FindElement(0x10000208u));
+        tabControl.ActivateTabBehavior();
 
         var gameplayButton = Assert.IsType<UiText>(layout.FindElement(0x1000020Du));
         var characterButton = Assert.IsType<UiText>(layout.FindElement(0x1000020Eu));
@@ -412,10 +531,11 @@ public class OptionsPanelLayoutConformanceTests
     }
 
     [Fact]
-    public void UiTabControl_ClickingTabButton_SwitchesActivePage()
+    public void UiTabPanel_ClickingTabButton_SwitchesActivePage()
     {
         var layout = FixtureLoader.LoadOptionsPanel();
-        var tabControl = Assert.IsType<UiTabControl>(layout.FindElement(0x10000208u));
+        var tabControl = Assert.IsType<UiTabPanel>(layout.FindElement(0x10000208u));
+        tabControl.ActivateTabBehavior(); // clicks only bind once behavior is activated
         var characterButton = layout.FindElement(0x1000020Eu)!;
 
         characterButton.OnEvent(new UiEvent(0, characterButton, UiEventType.Click));
@@ -426,10 +546,28 @@ public class OptionsPanelLayoutConformanceTests
     }
 
     [Fact]
-    public void UiTabControl_SwitchToSameActivePage_IsANoOp()
+    public void UiTabPanel_ClickingTabButton_BeforeActivation_DoesNothing()
+    {
+        // OP2 rework's central regression guard: a dormant instance's tab buttons are
+        // NOT click-bound yet, so a click before ActivateTabBehavior() must be inert —
+        // this is exactly the property that keeps the four pre-existing shipped Type-8
+        // hosts (which never call ActivateTabBehavior) safe.
+        var layout = FixtureLoader.LoadOptionsPanel();
+        var tabControl = Assert.IsType<UiTabPanel>(layout.FindElement(0x10000208u));
+        var characterButton = layout.FindElement(0x1000020Eu)!;
+
+        characterButton.OnEvent(new UiEvent(0, characterButton, UiEventType.Click));
+
+        Assert.Equal(0u, tabControl.ActivePageElementId);
+        Assert.False(tabControl.BehaviorActive);
+    }
+
+    [Fact]
+    public void UiTabPanel_SwitchToSameActivePage_IsANoOp()
     {
         var layout = FixtureLoader.LoadOptionsPanel();
-        var tabControl = Assert.IsType<UiTabControl>(layout.FindElement(0x10000208u));
+        var tabControl = Assert.IsType<UiTabPanel>(layout.FindElement(0x10000208u));
+        tabControl.ActivateTabBehavior();
         uint before = tabControl.ActivePageElementId;
 
         tabControl.SwitchTo(before);

tests/AcDream.App.Tests/UI/Layout/fixtures/character_info_2100006E_10000183.json

@@ -149,6 +149,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {},
   "StateCursors": {},
   "DefaultStateName": "",
@@ -190,6 +192,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100682946,
@@ -573,10 +577,15 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 268435742
         },
         {
           "Id": 268435742,
@@ -790,6 +799,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100682847,
@@ -896,6 +907,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {},
               "StateCursors": {},
               "DefaultStateName": "Normal",
@@ -976,6 +989,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682848,
@@ -992,7 +1007,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436325,
@@ -1070,6 +1088,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682851,
@@ -1086,7 +1106,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436326,
@@ -1164,6 +1187,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682854,
@@ -1180,9 +1205,15 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 }
-              ]
+              ],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435569,
@@ -1377,6 +1408,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682857,
@@ -1393,7 +1426,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435570,
@@ -1588,6 +1624,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682860,
@@ -1604,11 +1642,20 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435708,
@@ -1702,6 +1749,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100668307,
@@ -1714,7 +1763,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435710,
@@ -2093,6 +2145,8 @@
         "Z": 1,
         "W": 1
       },
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100683002,
@@ -2101,7 +2155,13 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/chat_2100006f.json

@@ -620,7 +620,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437140,
@@ -699,7 +702,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436773,
@@ -1115,7 +1121,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437141,
@@ -1194,7 +1203,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437142,
@@ -1273,7 +1285,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436591,
@@ -1362,7 +1377,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Minimized",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437143,
@@ -1441,7 +1459,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437144,
@@ -1520,7 +1541,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437145,
@@ -1599,7 +1623,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437146,
@@ -1678,7 +1705,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437147,
@@ -1798,7 +1828,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437148,
@@ -1859,7 +1892,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437149,
@@ -1979,7 +2015,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437150,
@@ -2070,7 +2109,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435472,
@@ -3266,9 +3308,15 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Ghosted",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 268435474
         },
         {
           "Id": 268435474,
@@ -3690,7 +3738,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436325,
@@ -3786,7 +3837,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436326,
@@ -3882,9 +3936,15 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 }
-              ]
+              ],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435569,
@@ -4097,7 +4157,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435570,
@@ -4310,11 +4373,20 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437151,
@@ -4434,7 +4506,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437152,
@@ -4525,7 +4600,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437153,
@@ -4645,7 +4723,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435475,
@@ -5385,9 +5466,15 @@
               "StateMedia": {},
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435478,
@@ -6435,7 +6522,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435480,
@@ -6495,9 +6585,15 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435481,
@@ -6862,9 +6958,15 @@
           },
           "StateCursors": {},
           "DefaultStateName": "Normal",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437154,
@@ -6955,7 +7057,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436770,
@@ -7371,7 +7476,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436771,
@@ -7787,7 +7895,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437139,
@@ -7866,7 +7977,13 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/chat_floaty_2100005b.json

@@ -149,6 +149,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {},
   "StateCursors": {},
   "DefaultStateName": "",
@@ -190,6 +192,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688170,
@@ -198,7 +202,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436777,
@@ -239,6 +246,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {
         "": {
@@ -249,7 +258,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436778,
@@ -313,6 +325,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100688405,
@@ -325,7 +339,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436732,
@@ -428,6 +445,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688169,
@@ -443,7 +462,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436734,
@@ -546,6 +568,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688169,
@@ -561,7 +585,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436690,
@@ -635,6 +662,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688171,
@@ -650,7 +679,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435471,
@@ -724,6 +756,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688170,
@@ -739,7 +773,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435472,
@@ -778,6 +815,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100682946,
@@ -1750,6 +1789,8 @@
             "Z": 0.8,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
@@ -1917,6 +1958,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100687630,
@@ -1929,11 +1972,20 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Ghosted",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 268435474
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436691,
@@ -2007,6 +2059,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688173,
@@ -2022,7 +2076,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436737,
@@ -2125,6 +2182,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688169,
@@ -2140,7 +2199,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436692,
@@ -2214,6 +2276,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688172,
@@ -2229,7 +2293,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435474,
@@ -2472,6 +2539,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100682946,
@@ -2578,6 +2647,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "Normal",
@@ -2658,6 +2729,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682848,
@@ -2674,7 +2747,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268436325,
@@ -2752,6 +2828,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682851,
@@ -2768,7 +2846,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268436326,
@@ -2846,6 +2927,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682854,
@@ -2862,9 +2945,15 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435569,
@@ -3059,6 +3148,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "Normal": {
               "Item1": 100682857,
@@ -3075,7 +3166,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "Normal",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435570,
@@ -3270,6 +3364,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "Normal": {
               "Item1": 100682860,
@@ -3286,9 +3382,15 @@
           },
           "StateCursors": {},
           "DefaultStateName": "Normal",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436739,
@@ -3391,6 +3493,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688169,
@@ -3406,7 +3510,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436697,
@@ -3756,6 +3863,8 @@
         "Z": 1,
         "W": 1
       },
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100682946,
@@ -3764,7 +3873,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436745,
@@ -3803,6 +3915,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100682946,
@@ -4844,6 +4958,8 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
@@ -4953,6 +5069,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {},
               "StateCursors": {},
               "DefaultStateName": "",
@@ -4994,6 +5112,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "": {
                       "Item1": 100682953,
@@ -5002,7 +5122,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268435978,
@@ -5041,6 +5164,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "": {
                       "Item1": 100682953,
@@ -5049,7 +5174,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268435979,
@@ -5088,6 +5216,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "": {
                       "Item1": 100682953,
@@ -5096,7 +5226,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436149,
@@ -5135,6 +5268,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "": {
                       "Item1": 100682953,
@@ -5143,11 +5278,20 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 }
-              ]
+              ],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435481,
@@ -5463,12 +5607,23 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "Normal",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/component_category_21000033_10000466.json

@@ -346,6 +346,8 @@
     "Z": 1,
     "W": 1
   },
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {
     "": {
       "Item1": 100668306,
@@ -354,5 +356,8 @@
   },
   "StateCursors": {},
   "DefaultStateName": "",
-  "Children": []
+  "Children": [],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/component_row_21000033_10000467.json

@@ -49,6 +49,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {
     "": {
       "Item1": 100687393,
@@ -96,10 +98,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436585,
@@ -446,10 +453,15 @@
         "Z": 1,
         "W": 1
       },
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436586,
@@ -825,10 +837,15 @@
         "Z": 1,
         "W": 1
       },
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436587,
@@ -1381,6 +1398,8 @@
         "Z": 1,
         "W": 1
       },
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100682946,
@@ -1389,7 +1408,13 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/dialogs_2100003C.json

@@ -149,6 +149,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {},
   "StateCursors": {},
   "DefaultStateName": "",
@@ -278,6 +280,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100687323,
@@ -324,6 +328,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100687166,
@@ -332,7 +338,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435978,
@@ -371,6 +380,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100687166,
@@ -379,7 +390,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435979,
@@ -418,6 +432,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100687165,
@@ -426,7 +442,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436145,
@@ -465,6 +484,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100687161,
@@ -473,7 +494,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436146,
@@ -512,6 +536,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100687162,
@@ -520,7 +546,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436147,
@@ -559,6 +588,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100687163,
@@ -567,7 +598,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436148,
@@ -606,6 +640,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100687164,
@@ -614,7 +650,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436149,
@@ -653,6 +692,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100687165,
@@ -661,7 +702,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436271,
@@ -697,6 +741,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
@@ -1223,6 +1269,8 @@
                 "Z": 1,
                 "W": 1
               },
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {},
               "StateCursors": {},
               "DefaultStateName": "Normal",
@@ -1317,6 +1365,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682902,
@@ -1337,7 +1387,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436175,
@@ -1429,6 +1482,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682905,
@@ -1449,7 +1504,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436176,
@@ -1541,6 +1599,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682908,
@@ -1561,9 +1621,15 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 }
-              ]
+              ],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 25,
@@ -2087,6 +2153,8 @@
                 "Z": 1,
                 "W": 1
               },
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {},
               "StateCursors": {},
               "DefaultStateName": "Normal",
@@ -2181,6 +2249,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682902,
@@ -2201,7 +2271,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436175,
@@ -2293,6 +2366,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682905,
@@ -2313,7 +2388,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436176,
@@ -2405,6 +2483,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682908,
@@ -2425,11 +2505,20 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 }
-              ]
+              ],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 62,
@@ -3307,12 +3396,28 @@
             "Z": 0.8,
             "W": 1
           },
+          "Outline": true,
+          "OutlineColor": {
+            "X": 0.06666667,
+            "Y": 0.05882353,
+            "Z": 0.02745098,
+            "W": 1
+          },
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/effects_negative_2100001B.json

@@ -120,6 +120,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {},
   "StateCursors": {},
   "DefaultStateName": "",
@@ -501,6 +503,8 @@
         "Z": 1,
         "W": 1
       },
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100683002,
@@ -509,7 +513,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435747,
@@ -693,10 +700,20 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [
+        {
+          "TemplateLayoutId": 553648155,
+          "TemplateElementId": 268435752
+        }
+      ],
+      "ScrollbarElementId": 268435748
     },
     {
       "Id": 268435748,
@@ -910,6 +927,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100682847,
@@ -1016,6 +1035,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "Normal",
@@ -1096,6 +1117,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682848,
@@ -1112,7 +1135,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268436325,
@@ -1190,6 +1216,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682851,
@@ -1206,7 +1234,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268436326,
@@ -1284,6 +1315,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682854,
@@ -1300,9 +1333,15 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435569,
@@ -1497,6 +1536,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "Normal": {
               "Item1": 100682857,
@@ -1513,7 +1554,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "Normal",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435570,
@@ -1708,6 +1752,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "Normal": {
               "Item1": 100682860,
@@ -1724,9 +1770,15 @@
           },
           "StateCursors": {},
           "DefaultStateName": "Normal",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435749,
@@ -1765,6 +1817,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100668309,
@@ -2148,10 +2202,15 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 268435751
         },
         {
           "Id": 268435751,
@@ -2365,6 +2424,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100682847,
@@ -2471,6 +2532,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {},
               "StateCursors": {},
               "DefaultStateName": "Normal",
@@ -2551,6 +2614,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682848,
@@ -2567,7 +2632,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436325,
@@ -2645,6 +2713,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682851,
@@ -2661,7 +2731,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436326,
@@ -2739,6 +2812,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682854,
@@ -2755,9 +2830,15 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 }
-              ]
+              ],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435569,
@@ -2952,6 +3033,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682857,
@@ -2968,7 +3051,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435570,
@@ -3163,6 +3249,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682860,
@@ -3179,11 +3267,20 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435708,
@@ -3277,6 +3374,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100668307,
@@ -3289,7 +3388,13 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/effects_positive_2100001B.json

@@ -149,6 +149,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {},
   "StateCursors": {},
   "DefaultStateName": "",
@@ -530,6 +532,8 @@
         "Z": 1,
         "W": 1
       },
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100683002,
@@ -538,7 +542,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435747,
@@ -722,10 +729,20 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [
+        {
+          "TemplateLayoutId": 553648155,
+          "TemplateElementId": 268435752
+        }
+      ],
+      "ScrollbarElementId": 268435748
     },
     {
       "Id": 268435748,
@@ -939,6 +956,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100682847,
@@ -1045,6 +1064,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "Normal",
@@ -1125,6 +1146,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682848,
@@ -1141,7 +1164,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268436325,
@@ -1219,6 +1245,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682851,
@@ -1235,7 +1263,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268436326,
@@ -1313,6 +1344,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682854,
@@ -1329,9 +1362,15 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435569,
@@ -1526,6 +1565,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "Normal": {
               "Item1": 100682857,
@@ -1542,7 +1583,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "Normal",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435570,
@@ -1737,6 +1781,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "Normal": {
               "Item1": 100682860,
@@ -1753,9 +1799,15 @@
           },
           "StateCursors": {},
           "DefaultStateName": "Normal",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435749,
@@ -1794,6 +1846,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100668309,
@@ -2177,10 +2231,15 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 268435751
         },
         {
           "Id": 268435751,
@@ -2394,6 +2453,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100682847,
@@ -2500,6 +2561,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {},
               "StateCursors": {},
               "DefaultStateName": "Normal",
@@ -2580,6 +2643,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682848,
@@ -2596,7 +2661,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436325,
@@ -2674,6 +2742,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682851,
@@ -2690,7 +2760,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436326,
@@ -2768,6 +2841,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682854,
@@ -2784,9 +2859,15 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 }
-              ]
+              ],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435569,
@@ -2981,6 +3062,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682857,
@@ -2997,7 +3080,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435570,
@@ -3192,6 +3278,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682860,
@@ -3208,11 +3296,20 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435708,
@@ -3306,6 +3403,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100668307,
@@ -3318,7 +3417,13 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/effects_row_2100001B_10000128.json

@@ -60,6 +60,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {
     "Normal": {
       "Item1": 100668310,
@@ -107,10 +109,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435754,
@@ -602,10 +609,15 @@
         "Z": 1,
         "W": 1
       },
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435755,
@@ -952,10 +964,18 @@
         "Z": 1,
         "W": 1
       },
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/examine_component_2100006B_1000032E.json

@@ -32,6 +32,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {},
   "StateCursors": {},
   "DefaultStateName": "",
@@ -103,6 +105,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100682946,
@@ -111,7 +115,13 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/examine_row_2100006B_10000166.json

@@ -35,6 +35,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {
     "": {
       "Item1": 100682946,
@@ -476,10 +478,15 @@
         "Z": 1,
         "W": 1
       },
+      "Outline": true,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435755,
@@ -1000,10 +1007,18 @@
         "Z": 1,
         "W": 1
       },
+      "Outline": true,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/indicators_21000071.json

@@ -149,6 +149,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {},
   "StateCursors": {},
   "DefaultStateName": "",
@@ -225,6 +227,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688169,
@@ -240,7 +244,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437072,
@@ -284,6 +291,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688172,
@@ -299,7 +308,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437073,
@@ -373,6 +385,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688169,
@@ -388,7 +402,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437074,
@@ -462,6 +479,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688173,
@@ -477,7 +496,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435699,
@@ -585,6 +607,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100693157,
@@ -650,6 +674,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "Normal_pressed": {
               "Item1": 100682984,
@@ -658,9 +684,15 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435700,
@@ -768,6 +800,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100693152,
@@ -833,6 +867,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "Normal_pressed": {
               "Item1": 100693147,
@@ -841,9 +877,15 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435701,
@@ -980,6 +1022,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100693148,
@@ -1045,6 +1089,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "Normal_pressed": {
               "Item1": 100693147,
@@ -1053,9 +1099,15 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435702,
@@ -1192,6 +1244,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100693150,
@@ -1257,6 +1311,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "Normal_pressed": {
               "Item1": 100693147,
@@ -1265,9 +1321,15 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437059,
@@ -1336,6 +1398,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693187,
@@ -1344,7 +1408,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435703,
@@ -1474,6 +1541,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Unencumbered": {
           "Item1": 100693154,
@@ -1539,6 +1608,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "Normal_pressed": {
               "Item1": 100693147,
@@ -1547,9 +1618,15 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437060,
@@ -1618,6 +1695,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693183,
@@ -1626,7 +1705,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435704,
@@ -1770,6 +1852,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Connection_good": {
           "Item1": 100693144,
@@ -1839,6 +1923,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "Normal_pressed": {
               "Item1": 100693147,
@@ -1847,9 +1933,15 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437061,
@@ -1918,6 +2010,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693188,
@@ -1926,7 +2020,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437062,
@@ -1995,6 +2092,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693184,
@@ -2003,7 +2102,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435706,
@@ -2067,6 +2169,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100693169,
@@ -2079,7 +2183,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437063,
@@ -2148,6 +2255,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693189,
@@ -2156,7 +2265,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437064,
@@ -2225,6 +2337,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693185,
@@ -2233,7 +2347,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437065,
@@ -2302,6 +2419,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693190,
@@ -2310,7 +2429,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437066,
@@ -2379,6 +2501,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693186,
@@ -2387,7 +2511,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437067,
@@ -2461,6 +2588,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688169,
@@ -2476,7 +2605,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437068,
@@ -2520,6 +2652,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688170,
@@ -2535,7 +2669,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437069,
@@ -2609,6 +2746,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688169,
@@ -2624,7 +2763,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437070,
@@ -2698,6 +2840,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688171,
@@ -2713,7 +2857,13 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/inventory_21000023.json

@@ -91,6 +91,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {},
   "StateCursors": {},
   "DefaultStateName": "",
@@ -132,6 +134,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100683019,
@@ -140,7 +144,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435922,
@@ -237,6 +244,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100682946,
@@ -253,7 +262,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435923,
@@ -777,6 +789,8 @@
         "Z": 1,
         "W": 1
       },
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100683002,
@@ -785,7 +799,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435917,
@@ -821,6 +838,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
@@ -1237,10 +1256,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436887,
@@ -1654,10 +1678,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436911,
@@ -2071,10 +2100,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436912,
@@ -2488,10 +2522,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436913,
@@ -2905,10 +2944,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436914,
@@ -3322,10 +3366,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435925,
@@ -3391,10 +3440,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436915,
@@ -3808,10 +3862,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435926,
@@ -4004,6 +4063,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "Normal",
@@ -4259,6 +4320,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "ItemSlot_DragOver_Accept": {
                   "Item1": 100667897,
@@ -4271,9 +4334,15 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435930,
@@ -4687,10 +4756,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435931,
@@ -5104,10 +5178,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435932,
@@ -5521,10 +5600,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435933,
@@ -5938,10 +6022,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435934,
@@ -6355,10 +6444,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436969,
@@ -6772,10 +6866,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435935,
@@ -7189,10 +7288,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436878,
@@ -7606,10 +7710,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435936,
@@ -8023,10 +8132,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435937,
@@ -8440,10 +8554,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436926,
@@ -8948,6 +9067,8 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "Normal",
@@ -9056,6 +9177,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100683029,
@@ -9080,9 +9203,15 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435938,
@@ -9496,10 +9625,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435939,
@@ -9913,10 +10047,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436907,
@@ -10330,10 +10469,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436908,
@@ -10747,10 +10891,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436885,
@@ -11164,10 +11313,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436909,
@@ -11581,10 +11735,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436886,
@@ -11998,12 +12157,20 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435918,
@@ -12039,6 +12206,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
@@ -12417,10 +12586,15 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435928,
@@ -12767,10 +12941,15 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435929,
@@ -12897,6 +13076,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100667933,
@@ -12943,6 +13124,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100667932,
@@ -12951,9 +13134,15 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435913,
@@ -13367,10 +13556,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435914,
@@ -13813,10 +14007,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 268435915
         },
         {
           "Id": 268435915,
@@ -14030,6 +14229,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100682847,
@@ -14136,6 +14337,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {},
               "StateCursors": {},
               "DefaultStateName": "Normal",
@@ -14216,6 +14419,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682848,
@@ -14232,7 +14437,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436325,
@@ -14310,6 +14518,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682851,
@@ -14326,7 +14536,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436326,
@@ -14404,6 +14617,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682854,
@@ -14420,9 +14635,15 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 }
-              ]
+              ],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435569,
@@ -14617,6 +14838,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682857,
@@ -14633,7 +14856,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435570,
@@ -14828,6 +15054,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682860,
@@ -14844,11 +15072,20 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435919,
@@ -14884,6 +15121,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
@@ -15378,10 +15617,15 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435910,
@@ -15940,10 +16184,15 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 268435911
         },
         {
           "Id": 268435911,
@@ -16186,6 +16435,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100682847,
@@ -16292,6 +16543,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {},
               "StateCursors": {},
               "DefaultStateName": "Normal",
@@ -16372,6 +16625,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682848,
@@ -16388,7 +16643,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436325,
@@ -16466,6 +16724,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682851,
@@ -16482,7 +16742,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436326,
@@ -16560,6 +16823,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682854,
@@ -16576,9 +16841,15 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 }
-              ]
+              ],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435569,
@@ -16773,6 +17044,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682857,
@@ -16789,7 +17062,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435570,
@@ -16984,6 +17260,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682860,
@@ -17000,11 +17278,20 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435920,
@@ -17043,6 +17330,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100683018,
@@ -17051,7 +17340,13 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/link_status_2100001D.json

@@ -120,6 +120,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {},
   "StateCursors": {},
   "DefaultStateName": "",
@@ -161,6 +163,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100682946,
@@ -515,12 +519,20 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435708,
@@ -614,6 +626,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100668307,
@@ -626,7 +640,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435709,
@@ -665,6 +682,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100683002,
@@ -1048,12 +1067,23 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/mini_game_2100001E.json

@@ -120,6 +120,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {},
   "StateCursors": {},
   "DefaultStateName": "",
@@ -216,6 +218,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100668307,
@@ -228,7 +232,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435820,
@@ -267,6 +274,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100683002,
@@ -650,12 +659,20 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435822,
@@ -694,6 +711,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100668312,
@@ -1306,6 +1325,8 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "Normal": {
               "Item1": 100672324,
@@ -1322,7 +1343,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "Normal",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435830,
@@ -1927,6 +1951,8 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "Normal": {
               "Item1": 100672324,
@@ -1943,7 +1969,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "Normal",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435831,
@@ -2548,6 +2577,8 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "Normal": {
               "Item1": 100672324,
@@ -2564,7 +2595,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "Normal",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435823,
@@ -2600,6 +2634,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
@@ -2641,6 +2677,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100671446,
@@ -2649,7 +2687,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435825,
@@ -2688,6 +2729,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100671447,
@@ -2696,7 +2739,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435826,
@@ -2735,6 +2781,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100671448,
@@ -2743,7 +2791,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435827,
@@ -2782,6 +2833,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100671449,
@@ -2790,7 +2843,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435828,
@@ -3384,6 +3440,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100671445,
@@ -3392,11 +3450,28 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [
+                {
+                  "TemplateLayoutId": 553648158,
+                  "TemplateElementId": 268435832
+                }
+              ],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/paperdoll_21000024.json

@@ -32,6 +32,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {},
   "StateCursors": {},
   "DefaultStateName": "",
@@ -448,10 +450,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436887,
@@ -865,10 +872,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436911,
@@ -1282,10 +1294,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436912,
@@ -1699,10 +1716,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436913,
@@ -2116,10 +2138,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436914,
@@ -2533,10 +2560,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435925,
@@ -2602,10 +2634,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436915,
@@ -3019,10 +3056,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435926,
@@ -3215,6 +3257,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "Normal",
@@ -3470,6 +3514,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "ItemSlot_DragOver_Accept": {
               "Item1": 100667897,
@@ -3482,9 +3528,15 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435930,
@@ -3898,10 +3950,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435931,
@@ -4315,10 +4372,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435932,
@@ -4732,10 +4794,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435933,
@@ -5149,10 +5216,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435934,
@@ -5566,10 +5638,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436969,
@@ -5983,10 +6060,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435935,
@@ -6400,10 +6482,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436878,
@@ -6817,10 +6904,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435936,
@@ -7234,10 +7326,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435937,
@@ -7651,10 +7748,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436926,
@@ -8159,6 +8261,8 @@
         "Z": 1,
         "W": 1
       },
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "Normal",
@@ -8267,6 +8371,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "Normal": {
               "Item1": 100683029,
@@ -8291,9 +8397,15 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435938,
@@ -8707,10 +8819,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435939,
@@ -9124,10 +9241,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436907,
@@ -9541,10 +9663,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436908,
@@ -9958,10 +10085,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436885,
@@ -10375,10 +10507,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436909,
@@ -10792,10 +10929,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436886,
@@ -11209,10 +11351,18 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/powerbar_21000072.json

@@ -222,6 +222,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {},
   "StateCursors": {},
   "DefaultStateName": "",
@@ -395,6 +397,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100683019,
@@ -1029,10 +1033,15 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 2,
@@ -1124,6 +1133,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "JumpMode": {
               "Item1": 100668244,
@@ -1144,7 +1155,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268436974,
@@ -1183,6 +1197,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100692318,
@@ -1191,9 +1207,15 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437123,
@@ -1262,6 +1284,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693187,
@@ -1270,7 +1294,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437124,
@@ -1339,6 +1366,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693183,
@@ -1347,7 +1376,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437125,
@@ -1416,6 +1448,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693188,
@@ -1424,7 +1458,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437126,
@@ -1493,6 +1530,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693184,
@@ -1501,7 +1540,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437127,
@@ -1570,6 +1612,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693189,
@@ -1578,7 +1622,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437128,
@@ -1647,6 +1694,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693185,
@@ -1655,7 +1704,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437129,
@@ -1724,6 +1776,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693190,
@@ -1732,7 +1786,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437130,
@@ -1801,6 +1858,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693186,
@@ -1809,7 +1868,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437131,
@@ -1883,6 +1945,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688169,
@@ -1898,7 +1962,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437132,
@@ -1942,6 +2009,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688170,
@@ -1957,7 +2026,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437133,
@@ -2031,6 +2103,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688169,
@@ -2046,7 +2120,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437134,
@@ -2120,6 +2197,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688171,
@@ -2135,7 +2214,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437135,
@@ -2209,6 +2291,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688169,
@@ -2224,7 +2308,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437136,
@@ -2268,6 +2355,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688172,
@@ -2283,7 +2372,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437137,
@@ -2357,6 +2449,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688169,
@@ -2372,7 +2466,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437138,
@@ -2446,6 +2543,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688173,
@@ -2461,7 +2560,13 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/radar_21000074.json

@@ -462,6 +462,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {},
   "StateCursors": {},
   "DefaultStateName": "",
@@ -814,6 +816,8 @@
         "Z": 1,
         "W": 1
       },
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100682944,
@@ -822,7 +826,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435519,
@@ -861,6 +868,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100682945,
@@ -869,7 +878,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435520,
@@ -908,6 +920,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100667899,
@@ -916,7 +930,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435521,
@@ -955,6 +972,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100669752,
@@ -963,7 +982,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435522,
@@ -1002,6 +1024,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100669754,
@@ -1010,7 +1034,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437155,
@@ -1054,6 +1081,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693193,
@@ -1069,7 +1098,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437017,
@@ -1144,6 +1176,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "LockedUI": {
           "Item1": 100693175,
@@ -1156,7 +1190,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435523,
@@ -1195,6 +1232,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100669756,
@@ -1203,7 +1242,13 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/smartbox_fps_2100000F.json

@@ -388,8 +388,13 @@
     "Z": 1,
     "W": 1
   },
+  "Outline": true,
+  "OutlineColor": null,
   "StateMedia": {},
   "StateCursors": {},
   "DefaultStateName": "",
-  "Children": []
+  "Children": [],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/toolbar_21000016.json

@@ -32,6 +32,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {},
   "StateCursors": {},
   "DefaultStateName": "",
@@ -98,6 +100,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100667687,
@@ -110,7 +114,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435878,
@@ -149,6 +156,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100682946,
@@ -157,7 +166,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435879,
@@ -571,10 +583,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435880,
@@ -988,10 +1005,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435881,
@@ -1405,10 +1427,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435858,
@@ -1472,6 +1499,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100682988,
@@ -1484,7 +1513,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435882,
@@ -1898,10 +1930,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435859,
@@ -1995,6 +2032,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100682990,
@@ -2007,7 +2046,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435883,
@@ -2421,10 +2463,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268436826,
@@ -2587,6 +2634,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100690350,
@@ -2599,7 +2648,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435860,
@@ -2961,6 +3013,8 @@
         "Z": 1,
         "W": 1
       },
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100682992,
@@ -2973,7 +3027,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435884,
@@ -3387,10 +3444,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435861,
@@ -3484,6 +3546,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100682994,
@@ -3496,7 +3560,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435885,
@@ -3910,10 +3977,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435862,
@@ -3952,6 +4024,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100667691,
@@ -3960,7 +4034,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437174,
@@ -3999,6 +4076,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100682946,
@@ -4007,7 +4086,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435886,
@@ -4421,10 +4503,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435863,
@@ -4587,6 +4674,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100667679,
@@ -4599,7 +4688,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437175,
@@ -5013,10 +5105,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435887,
@@ -5430,10 +5527,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435864,
@@ -5596,6 +5698,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100667673,
@@ -5608,7 +5712,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437176,
@@ -6022,10 +6129,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435888,
@@ -6064,6 +6176,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100682946,
@@ -6072,7 +6186,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435865,
@@ -6235,6 +6352,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100667682,
@@ -6247,7 +6366,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435889,
@@ -6439,6 +6561,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100682999,
@@ -6689,6 +6813,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "ItemSlot_DragOver_Accept": {
               "Item1": 100667897,
@@ -6705,9 +6831,15 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437177,
@@ -7121,10 +7253,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435866,
@@ -7287,6 +7424,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100667670,
@@ -7299,7 +7438,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437178,
@@ -7713,10 +7855,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435867,
@@ -7879,6 +8026,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100667676,
@@ -7891,7 +8040,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437179,
@@ -8305,10 +8457,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435868,
@@ -8347,6 +8504,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100667692,
@@ -8355,7 +8514,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437180,
@@ -8769,10 +8931,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435869,
@@ -8850,6 +9017,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100667689,
@@ -8866,7 +9035,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437181,
@@ -9280,10 +9452,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435870,
@@ -9355,6 +9532,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100667686,
@@ -9886,6 +10065,8 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100682997,
@@ -9894,7 +10075,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435876,
@@ -9989,6 +10173,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
@@ -10030,6 +10216,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100687299,
@@ -10038,7 +10226,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 4,
@@ -10077,6 +10268,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100682998,
@@ -10085,9 +10278,15 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435871,
@@ -10835,10 +11034,15 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435872,
@@ -10902,6 +11106,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "ObjectSelected": {
               "Item1": 100669751,
@@ -10914,7 +11120,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435873,
@@ -11070,6 +11279,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100669758,
@@ -11116,6 +11327,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100669759,
@@ -11124,9 +11337,15 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435874,
@@ -11282,6 +11501,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100672213,
@@ -11328,6 +11549,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100672214,
@@ -11336,11 +11559,20 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437182,
@@ -11754,10 +11986,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437183,
@@ -12171,10 +12408,15 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437184,
@@ -12213,6 +12455,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100682946,
@@ -12221,7 +12465,13 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/vendor_21000012_100000B7.json

@@ -32,6 +32,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {},
   "StateCursors": {},
   "DefaultStateName": "",
@@ -98,6 +100,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100668074,
@@ -110,7 +114,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435640,
@@ -528,6 +535,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
@@ -658,6 +667,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100682946,
@@ -1079,10 +1090,15 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {},
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435654,
@@ -1325,6 +1341,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100682879,
@@ -1431,6 +1449,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {},
                   "StateCursors": {},
                   "DefaultStateName": "Normal",
@@ -1511,6 +1531,8 @@
                       "HJustify": 1,
                       "VJustify": 1,
                       "FontColor": null,
+                      "Outline": false,
+                      "OutlineColor": null,
                       "StateMedia": {
                         "Normal": {
                           "Item1": 100682883,
@@ -1527,7 +1549,10 @@
                       },
                       "StateCursors": {},
                       "DefaultStateName": "",
-                      "Children": []
+                      "Children": [],
+                      "TabTable": [],
+                      "TemplateList": [],
+                      "ScrollbarElementId": 0
                     },
                     {
                       "Id": 268436329,
@@ -1605,6 +1630,8 @@
                       "HJustify": 1,
                       "VJustify": 1,
                       "FontColor": null,
+                      "Outline": false,
+                      "OutlineColor": null,
                       "StateMedia": {
                         "Normal": {
                           "Item1": 100682880,
@@ -1621,7 +1648,10 @@
                       },
                       "StateCursors": {},
                       "DefaultStateName": "",
-                      "Children": []
+                      "Children": [],
+                      "TabTable": [],
+                      "TemplateList": [],
+                      "ScrollbarElementId": 0
                     },
                     {
                       "Id": 268436330,
@@ -1699,6 +1729,8 @@
                       "HJustify": 1,
                       "VJustify": 1,
                       "FontColor": null,
+                      "Outline": false,
+                      "OutlineColor": null,
                       "StateMedia": {
                         "Normal": {
                           "Item1": 100682886,
@@ -1715,9 +1747,15 @@
                       },
                       "StateCursors": {},
                       "DefaultStateName": "",
-                      "Children": []
+                      "Children": [],
+                      "TabTable": [],
+                      "TemplateList": [],
+                      "ScrollbarElementId": 0
                     }
-                  ]
+                  ],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436331,
@@ -1912,6 +1950,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682889,
@@ -1928,7 +1968,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "Normal",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436332,
@@ -2123,6 +2166,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682892,
@@ -2139,9 +2184,15 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "Normal",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 }
-              ]
+              ],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435655,
@@ -2488,10 +2539,15 @@
                 "Z": 1,
                 "W": 1
               },
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {},
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435656,
@@ -2838,10 +2894,15 @@
                 "Z": 1,
                 "W": 1
               },
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {},
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435657,
@@ -3446,6 +3507,8 @@
                 "Z": 1,
                 "W": 1
               },
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682828,
@@ -3462,7 +3525,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435658,
@@ -4067,6 +4133,8 @@
                 "Z": 1,
                 "W": 1
               },
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682828,
@@ -4083,7 +4151,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435659,
@@ -4688,6 +4759,8 @@
                 "Z": 1,
                 "W": 1
               },
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100668090,
@@ -4704,7 +4777,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435660,
@@ -5309,6 +5385,8 @@
                 "Z": 1,
                 "W": 1
               },
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100668090,
@@ -5325,9 +5403,15 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435661,
@@ -5455,6 +5539,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100682946,
@@ -6067,6 +6153,8 @@
                 "Z": 1,
                 "W": 1
               },
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100669735,
@@ -6083,7 +6171,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435669,
@@ -6688,6 +6779,8 @@
                 "Z": 1,
                 "W": 1
               },
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100669735,
@@ -6704,7 +6797,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435662,
@@ -7147,10 +7243,15 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {},
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435663,
@@ -7393,6 +7494,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100682879,
@@ -7499,6 +7602,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {},
                   "StateCursors": {},
                   "DefaultStateName": "Normal",
@@ -7579,6 +7684,8 @@
                       "HJustify": 1,
                       "VJustify": 1,
                       "FontColor": null,
+                      "Outline": false,
+                      "OutlineColor": null,
                       "StateMedia": {
                         "Normal": {
                           "Item1": 100682883,
@@ -7595,7 +7702,10 @@
                       },
                       "StateCursors": {},
                       "DefaultStateName": "",
-                      "Children": []
+                      "Children": [],
+                      "TabTable": [],
+                      "TemplateList": [],
+                      "ScrollbarElementId": 0
                     },
                     {
                       "Id": 268436329,
@@ -7673,6 +7783,8 @@
                       "HJustify": 1,
                       "VJustify": 1,
                       "FontColor": null,
+                      "Outline": false,
+                      "OutlineColor": null,
                       "StateMedia": {
                         "Normal": {
                           "Item1": 100682880,
@@ -7689,7 +7801,10 @@
                       },
                       "StateCursors": {},
                       "DefaultStateName": "",
-                      "Children": []
+                      "Children": [],
+                      "TabTable": [],
+                      "TemplateList": [],
+                      "ScrollbarElementId": 0
                     },
                     {
                       "Id": 268436330,
@@ -7767,6 +7882,8 @@
                       "HJustify": 1,
                       "VJustify": 1,
                       "FontColor": null,
+                      "Outline": false,
+                      "OutlineColor": null,
                       "StateMedia": {
                         "Normal": {
                           "Item1": 100682886,
@@ -7783,9 +7900,15 @@
                       },
                       "StateCursors": {},
                       "DefaultStateName": "",
-                      "Children": []
+                      "Children": [],
+                      "TabTable": [],
+                      "TemplateList": [],
+                      "ScrollbarElementId": 0
                     }
-                  ]
+                  ],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436331,
@@ -7980,6 +8103,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682889,
@@ -7996,7 +8121,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "Normal",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436332,
@@ -8191,6 +8319,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682892,
@@ -8207,9 +8337,15 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "Normal",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 }
-              ]
+              ],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435664,
@@ -8556,10 +8692,15 @@
                 "Z": 1,
                 "W": 1
               },
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {},
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435665,
@@ -8906,10 +9047,15 @@
                 "Z": 1,
                 "W": 1
               },
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {},
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435666,
@@ -9514,6 +9660,8 @@
                 "Z": 1,
                 "W": 1
               },
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682828,
@@ -9530,7 +9678,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435667,
@@ -10135,6 +10286,8 @@
                 "Z": 1,
                 "W": 1
               },
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682828,
@@ -10151,9 +10304,15 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435641,
@@ -10606,6 +10765,8 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "Closed": {
               "Item1": 100687634,
@@ -10618,7 +10779,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435642,
@@ -11071,6 +11235,8 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "Closed": {
               "Item1": 100687634,
@@ -11083,7 +11249,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435643,
@@ -11536,6 +11705,8 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "Closed": {
               "Item1": 100687634,
@@ -11548,7 +11719,10 @@
           },
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435644,
@@ -11676,6 +11850,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {
             "": {
               "Item1": 100682946,
@@ -12097,10 +12273,15 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {},
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435646,
@@ -12343,6 +12524,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100682879,
@@ -12449,6 +12632,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {},
                   "StateCursors": {},
                   "DefaultStateName": "Normal",
@@ -12529,6 +12714,8 @@
                       "HJustify": 1,
                       "VJustify": 1,
                       "FontColor": null,
+                      "Outline": false,
+                      "OutlineColor": null,
                       "StateMedia": {
                         "Normal": {
                           "Item1": 100682883,
@@ -12545,7 +12732,10 @@
                       },
                       "StateCursors": {},
                       "DefaultStateName": "",
-                      "Children": []
+                      "Children": [],
+                      "TabTable": [],
+                      "TemplateList": [],
+                      "ScrollbarElementId": 0
                     },
                     {
                       "Id": 268436329,
@@ -12623,6 +12813,8 @@
                       "HJustify": 1,
                       "VJustify": 1,
                       "FontColor": null,
+                      "Outline": false,
+                      "OutlineColor": null,
                       "StateMedia": {
                         "Normal": {
                           "Item1": 100682880,
@@ -12639,7 +12831,10 @@
                       },
                       "StateCursors": {},
                       "DefaultStateName": "",
-                      "Children": []
+                      "Children": [],
+                      "TabTable": [],
+                      "TemplateList": [],
+                      "ScrollbarElementId": 0
                     },
                     {
                       "Id": 268436330,
@@ -12717,6 +12912,8 @@
                       "HJustify": 1,
                       "VJustify": 1,
                       "FontColor": null,
+                      "Outline": false,
+                      "OutlineColor": null,
                       "StateMedia": {
                         "Normal": {
                           "Item1": 100682886,
@@ -12733,9 +12930,15 @@
                       },
                       "StateCursors": {},
                       "DefaultStateName": "",
-                      "Children": []
+                      "Children": [],
+                      "TabTable": [],
+                      "TemplateList": [],
+                      "ScrollbarElementId": 0
                     }
-                  ]
+                  ],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436331,
@@ -12930,6 +13133,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682889,
@@ -12946,7 +13151,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "Normal",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436332,
@@ -13141,6 +13349,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100682892,
@@ -13157,9 +13367,15 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "Normal",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 }
-              ]
+              ],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435647,
@@ -13465,6 +13681,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {},
               "StateCursors": {},
               "DefaultStateName": "Normal",
@@ -13817,6 +14035,8 @@
                     "Z": 1,
                     "W": 1
                   },
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "": {
                       "Item1": 100668083,
@@ -13825,7 +14045,10 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 },
                 {
                   "Id": 268436302,
@@ -13917,6 +14140,8 @@
                   "HJustify": 1,
                   "VJustify": 1,
                   "FontColor": null,
+                  "Outline": false,
+                  "OutlineColor": null,
                   "StateMedia": {
                     "Normal": {
                       "Item1": 100668081,
@@ -13937,9 +14162,15 @@
                   },
                   "StateCursors": {},
                   "DefaultStateName": "Normal",
-                  "Children": []
+                  "Children": [],
+                  "TabTable": [],
+                  "TemplateList": [],
+                  "ScrollbarElementId": 0
                 }
-              ]
+              ],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435648,
@@ -14286,10 +14517,15 @@
                 "Z": 1,
                 "W": 1
               },
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {},
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435649,
@@ -14636,10 +14872,15 @@
                 "Z": 1,
                 "W": 1
               },
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {},
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435650,
@@ -15244,6 +15485,8 @@
                 "Z": 1,
                 "W": 1
               },
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682828,
@@ -15260,7 +15503,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435651,
@@ -15865,6 +16111,8 @@
                 "Z": 1,
                 "W": 1
               },
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "Normal": {
                   "Item1": 100682828,
@@ -15881,11 +16129,36 @@
               },
               "StateCursors": {},
               "DefaultStateName": "Normal",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [
+        {
+          "ButtonElementId": 268435641,
+          "PageElementId": 268435644,
+          "IsDefault": true
+        },
+        {
+          "ButtonElementId": 268435642,
+          "PageElementId": 268435652,
+          "IsDefault": false
+        },
+        {
+          "ButtonElementId": 268435643,
+          "PageElementId": 268435661,
+          "IsDefault": false
+        }
+      ],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435597,
@@ -15924,6 +16197,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100687632,
@@ -15932,7 +16207,13 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/vitae_21000020.json

@@ -120,6 +120,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {},
   "StateCursors": {},
   "DefaultStateName": "",
@@ -161,6 +163,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100682946,
@@ -515,12 +519,20 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435708,
@@ -614,6 +626,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "Normal": {
           "Item1": 100668307,
@@ -626,7 +640,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "Normal",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435709,
@@ -665,6 +682,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100683002,
@@ -1048,12 +1067,23 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }

tests/AcDream.App.Tests/UI/Layout/fixtures/vitals_2100006C.json

@@ -171,6 +171,8 @@
   "HJustify": 1,
   "VJustify": 1,
   "FontColor": null,
+  "Outline": false,
+  "OutlineColor": null,
   "StateMedia": {},
   "StateCursors": {},
   "DefaultStateName": "",
@@ -242,6 +244,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693185,
@@ -250,7 +254,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435692,
@@ -308,6 +315,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
@@ -739,10 +748,15 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 2,
@@ -800,6 +814,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
@@ -863,6 +879,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "ShowDetail": {
                   "Item1": 100693139,
@@ -871,7 +889,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435688,
@@ -910,6 +931,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100693127,
@@ -918,7 +941,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435689,
@@ -957,6 +983,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100693128,
@@ -965,7 +993,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435690,
@@ -1004,6 +1035,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100693129,
@@ -1012,9 +1045,15 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435687,
@@ -1072,6 +1111,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
@@ -1135,6 +1176,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "ShowDetail": {
                   "Item1": 100693138,
@@ -1143,7 +1186,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435688,
@@ -1182,6 +1228,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100693124,
@@ -1190,7 +1238,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435689,
@@ -1229,6 +1280,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100693125,
@@ -1237,7 +1290,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435690,
@@ -1276,6 +1332,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100693126,
@@ -1284,11 +1342,20 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437049,
@@ -1357,6 +1424,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693190,
@@ -1365,7 +1434,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437050,
@@ -1434,6 +1506,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693186,
@@ -1442,7 +1516,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435694,
@@ -1500,6 +1577,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
@@ -1560,6 +1639,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
@@ -1623,6 +1704,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "ShowDetail": {
                   "Item1": 100693141,
@@ -1631,7 +1714,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435688,
@@ -1670,6 +1756,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100693133,
@@ -1678,7 +1766,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435689,
@@ -1717,6 +1808,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100693134,
@@ -1725,7 +1818,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435690,
@@ -1764,6 +1860,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100693135,
@@ -1772,9 +1870,15 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435695,
@@ -2203,10 +2307,15 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435687,
@@ -2264,6 +2373,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
@@ -2327,6 +2438,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "ShowDetail": {
                   "Item1": 100693140,
@@ -2335,7 +2448,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435688,
@@ -2374,6 +2490,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100693130,
@@ -2382,7 +2500,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435689,
@@ -2421,6 +2542,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100693131,
@@ -2429,7 +2552,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435690,
@@ -2468,6 +2594,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100693132,
@@ -2476,11 +2604,20 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437051,
@@ -2554,6 +2691,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688169,
@@ -2569,7 +2708,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437052,
@@ -2613,6 +2755,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688170,
@@ -2628,7 +2772,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437053,
@@ -2702,6 +2849,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688169,
@@ -2717,7 +2866,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437054,
@@ -2791,6 +2943,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688171,
@@ -2806,7 +2960,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437055,
@@ -2880,6 +3037,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688169,
@@ -2895,7 +3054,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437056,
@@ -2939,6 +3101,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688172,
@@ -2954,7 +3118,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437057,
@@ -3028,6 +3195,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688169,
@@ -3043,7 +3212,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437058,
@@ -3117,6 +3289,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100688173,
@@ -3132,7 +3306,10 @@
         }
       },
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268435686,
@@ -3190,6 +3367,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {},
       "StateCursors": {},
       "DefaultStateName": "",
@@ -3621,10 +3800,15 @@
             "Z": 1,
             "W": 1
           },
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
-          "Children": []
+          "Children": [],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 2,
@@ -3682,6 +3866,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
@@ -3745,6 +3931,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "ShowDetail": {
                   "Item1": 100693137,
@@ -3753,7 +3941,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435688,
@@ -3792,6 +3983,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100693121,
@@ -3800,7 +3993,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435689,
@@ -3839,6 +4035,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100693122,
@@ -3847,7 +4045,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435690,
@@ -3886,6 +4087,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100693123,
@@ -3894,9 +4097,15 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         },
         {
           "Id": 268435687,
@@ -3954,6 +4163,8 @@
           "HJustify": 1,
           "VJustify": 1,
           "FontColor": null,
+          "Outline": false,
+          "OutlineColor": null,
           "StateMedia": {},
           "StateCursors": {},
           "DefaultStateName": "",
@@ -4017,6 +4228,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "ShowDetail": {
                   "Item1": 100693136,
@@ -4025,7 +4238,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435688,
@@ -4064,6 +4280,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100693118,
@@ -4072,7 +4290,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435689,
@@ -4111,6 +4332,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100693119,
@@ -4119,7 +4342,10 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             },
             {
               "Id": 268435690,
@@ -4158,6 +4384,8 @@
               "HJustify": 1,
               "VJustify": 1,
               "FontColor": null,
+              "Outline": false,
+              "OutlineColor": null,
               "StateMedia": {
                 "": {
                   "Item1": 100693120,
@@ -4166,11 +4394,20 @@
               },
               "StateCursors": {},
               "DefaultStateName": "",
-              "Children": []
+              "Children": [],
+              "TabTable": [],
+              "TemplateList": [],
+              "ScrollbarElementId": 0
             }
-          ]
+          ],
+          "TabTable": [],
+          "TemplateList": [],
+          "ScrollbarElementId": 0
         }
-      ]
+      ],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437043,
@@ -4239,6 +4476,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693187,
@@ -4247,7 +4486,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437044,
@@ -4316,6 +4558,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693183,
@@ -4324,7 +4568,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437045,
@@ -4393,6 +4640,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693188,
@@ -4401,7 +4650,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437046,
@@ -4470,6 +4722,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693184,
@@ -4478,7 +4732,10 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     },
     {
       "Id": 268437047,
@@ -4547,6 +4804,8 @@
       "HJustify": 1,
       "VJustify": 1,
       "FontColor": null,
+      "Outline": false,
+      "OutlineColor": null,
       "StateMedia": {
         "": {
           "Item1": 100693189,
@@ -4555,7 +4814,13 @@
       },
       "StateCursors": {},
       "DefaultStateName": "",
-      "Children": []
+      "Children": [],
+      "TabTable": [],
+      "TemplateList": [],
+      "ScrollbarElementId": 0
     }
-  ]
+  ],
+  "TabTable": [],
+  "TemplateList": [],
+  "ScrollbarElementId": 0
 }