fix(ui): 덱 미리보기에 직업 탭 추가

tools/deck/gen-slaydeck.mjs

@@ -950,6 +950,28 @@ function upsertUi() {
       text({ value: 'X', fontSize: 26, bold: true, color: GOLD, alignment: 4 }),
     ],
   }));
+  const deckTabs = [
+    { key: 'Warrior', label: '전사', x: -210 },
+    { key: 'Thief', label: '도적', x: 0 },
+    { key: 'Mage', label: '마법사', x: 210 },
+  ];
+  for (let i = 0; i < deckTabs.length; i++) {
+    const tab = deckTabs[i];
+    allDeck.push(entity({
+      id: guid('all', 10 + i),
+      path: `/ui/DefaultGroup/DeckAllHud/${tab.key}Tab`,
+      modelId: 'uibutton',
+      entryId: 'UIButton',
+      componentNames: 'MOD.Core.UITransformComponent,MOD.Core.SpriteGUIRendererComponent,MOD.Core.ButtonComponent,MOD.Core.TextComponent',
+      displayOrder: 3 + i,
+      components: [
+        transform({ parentW: 1920, parentH: 1080, anchor: { x: 0.5, y: 0.5 }, pivot: { x: 0.5, y: 0.5 }, size: { x: 170, y: 46 }, pos: { x: tab.x, y: 318 } }),
+        sprite({ color: { r: 0.11, g: 0.13, b: 0.16, a: 1 }, type: 1, raycast: true }),
+        button(),
+        text({ value: tab.label, fontSize: 22, bold: true, color: GOLD, alignment: 4 }),
+      ],
+    }));
+  }
   allDeck.push(entity({
     id: guid('all', 4),
     path: '/ui/DefaultGroup/DeckAllHud/Empty',
@@ -2724,6 +2746,9 @@ function writeCodeblocks() {
     prop('any', 'WarriorDeckHandler'),
     prop('any', 'ThiefDeckHandler'),
     prop('any', 'MageDeckHandler'),
+    prop('any', 'WarriorDeckTabHandler'),
+    prop('any', 'ThiefDeckTabHandler'),
+    prop('any', 'MageDeckTabHandler'),
     prop('any', 'AscMinusHandler'),
     prop('any', 'AscPlusHandler'),
     prop('any', 'JobOpts'),
@@ -2745,6 +2770,7 @@ function writeCodeblocks() {
     prop('boolean', 'ClassDeckMode', 'false'),
     prop('any', 'ClassDeckCards'),
     prop('string', 'ClassDeckTitle', '""'),
+    prop('string', 'ClassDeckClass', '""'),
     prop('any', 'SoulUnlocks'),
     prop('any', 'SoulShopDef'),
     prop('boolean', 'SoulShopBound', 'false'),
@@ -2971,6 +2997,7 @@ if allDeckClose ~= nil and allDeckClose.ButtonComponent ~= nil then
 	end
 	self.AllDeckCloseHandler = allDeckClose:ConnectEvent(ButtonClickEvent, function() self:CloseAllDeck() end)
 end
+self:BindClassDeckTabs()
 local start = _EntityService:GetEntityByPath("/ui/DefaultGroup/CharacterSelectHud/StartButton")
 if start ~= nil and start.ButtonComponent ~= nil then
 	if self.StartGameHandler ~= nil then
@@ -3461,6 +3488,7 @@ if allDeckClose ~= nil and allDeckClose.ButtonComponent ~= nil then
 	end
 	self.AllDeckCloseHandler = allDeckClose:ConnectEvent(ButtonClickEvent, function() self:CloseAllDeck() end)
 end
+self:BindClassDeckTabs()
 for i = 1, 10 do
 	local cardEntity = _EntityService:GetEntityByPath("/ui/DefaultGroup/CardHand/Card" .. tostring(i))
 	if cardEntity ~= nil and cardEntity.UITouchReceiveComponent ~= nil then
@@ -3760,10 +3788,47 @@ end`, [
       { Type: 'number', DefaultValue: null, SyncDirection: 0, Attributes: [], Name: 'slot' },
       { Type: 'string', DefaultValue: null, SyncDirection: 0, Attributes: [], Name: 'cardId' },
     ]),
+    method('BindClassDeckTabs', `local warriorTab = _EntityService:GetEntityByPath("/ui/DefaultGroup/DeckAllHud/WarriorTab")
+if warriorTab ~= nil and warriorTab.ButtonComponent ~= nil then
+	if self.WarriorDeckTabHandler ~= nil then
+		warriorTab:DisconnectEvent(ButtonClickEvent, self.WarriorDeckTabHandler)
+		self.WarriorDeckTabHandler = nil
+	end
+	self.WarriorDeckTabHandler = warriorTab:ConnectEvent(ButtonClickEvent, function() self:SetClassDeckTab("warrior") end)
+end
+local thiefTab = _EntityService:GetEntityByPath("/ui/DefaultGroup/DeckAllHud/ThiefTab")
+if thiefTab ~= nil and thiefTab.ButtonComponent ~= nil then
+	if self.ThiefDeckTabHandler ~= nil then
+		thiefTab:DisconnectEvent(ButtonClickEvent, self.ThiefDeckTabHandler)
+		self.ThiefDeckTabHandler = nil
+	end
+	self.ThiefDeckTabHandler = thiefTab:ConnectEvent(ButtonClickEvent, function() self:SetClassDeckTab("bandit") end)
+end
+local mageTab = _EntityService:GetEntityByPath("/ui/DefaultGroup/DeckAllHud/MageTab")
+if mageTab ~= nil and mageTab.ButtonComponent ~= nil then
+	if self.MageDeckTabHandler ~= nil then
+		mageTab:DisconnectEvent(ButtonClickEvent, self.MageDeckTabHandler)
+		self.MageDeckTabHandler = nil
+	end
+	self.MageDeckTabHandler = mageTab:ConnectEvent(ButtonClickEvent, function() self:SetClassDeckTab("magician") end)
+end`),
     method('OpenClassDeck', `self.CodexMode = false
 self.ClassDeckMode = true
+self.DeckAllOpen = true
+self:SetClassDeckTab(className)
+local hud = _EntityService:GetEntityByPath("/ui/DefaultGroup/DeckAllHud")
+if hud ~= nil then
+	hud.Enable = true
+end`, [{ Type: 'string', DefaultValue: null, SyncDirection: 0, Attributes: [], Name: 'className' }]),
+    method('SetClassDeckTab', `if self.ClassDeckMode ~= true then
+	return
+end
 self.ClassDeckCards = {}
 self.ClassDeckTitle = "직업 덱"
+if className ~= "warrior" and className ~= "magician" and className ~= "bandit" then
+	className = "bandit"
+end
+self.ClassDeckClass = className
 local allowed = {}
 if className == "warrior" then
 	allowed["warrior"] = true
@@ -3799,18 +3864,34 @@ table.sort(self.ClassDeckCards, function(a, b)
 	if na == nb then return a < b end
 	return na < nb
 end)
-self.DeckAllOpen = true
 self:RenderAllDeck()
-local hud = _EntityService:GetEntityByPath("/ui/DefaultGroup/DeckAllHud")
+self:RenderClassDeckTabs()`, [{ Type: 'string', DefaultValue: null, SyncDirection: 0, Attributes: [], Name: 'className' }]),
-if hud ~= nil then
+    method('RenderClassDeckTabs', `local tabs = {
-	hud.Enable = true
+	{ path = "/ui/DefaultGroup/DeckAllHud/WarriorTab", cls = "warrior" },
-end`, [{ Type: 'string', DefaultValue: null, SyncDirection: 0, Attributes: [], Name: 'className' }]),
+	{ path = "/ui/DefaultGroup/DeckAllHud/ThiefTab", cls = "bandit" },
+	{ path = "/ui/DefaultGroup/DeckAllHud/MageTab", cls = "magician" },
+}
+for i = 1, #tabs do
+	local e = _EntityService:GetEntityByPath(tabs[i].path)
+	if e ~= nil then
+		e.Enable = self.ClassDeckMode == true
+		if e.SpriteGUIRendererComponent ~= nil then
+			if self.ClassDeckClass == tabs[i].cls then
+				e.SpriteGUIRendererComponent.Color = Color(0.22, 0.28, 0.34, 1)
+			else
+				e.SpriteGUIRendererComponent.Color = Color(0.11, 0.13, 0.16, 1)
+			end
+		end
+	end
+end`),
     method('OpenAllDeck', `local inspectHud = _EntityService:GetEntityByPath("/ui/DefaultGroup/DeckInspectHud")
 if inspectHud ~= nil then
 	inspectHud.Enable = false
 end
 self.DeckInspectKind = ""
 self.ClassDeckMode = false
+self.ClassDeckClass = ""
+self:RenderClassDeckTabs()
 self.DeckAllOpen = true
 self:RenderAllDeck()
 local hud = _EntityService:GetEntityByPath("/ui/DefaultGroup/DeckAllHud")
@@ -3826,7 +3907,9 @@ if self.ClassDeckMode == true then
 	self.ClassDeckMode = false
 	self.ClassDeckCards = {}
 	self.ClassDeckTitle = ""
+	self.ClassDeckClass = ""
 end
+self:RenderClassDeckTabs()
 if self.CodexMode == true then
 	self.CodexMode = false
 	self:ShowLobby()
@@ -3842,6 +3925,7 @@ elseif self.CodexMode == true then
 end
 local count = #pile
 self:SetText("/ui/DefaultGroup/DeckAllHud/Title", title .. " (" .. tostring(count) .. ")")
+self:RenderClassDeckTabs()
 local empty = _EntityService:GetEntityByPath("/ui/DefaultGroup/DeckAllHud/Empty")
 if empty ~= nil then
 	empty.Enable = count <= 0

ui/DefaultGroup.ui

@@ -126971,6 +126971,723 @@
           "@version": 1
         }
       },
+      {
+        "id": "0e20000a-0000-4000-8000-00000e20000a",
+        "path": "/ui/DefaultGroup/DeckAllHud/WarriorTab",
+        "componentNames": "MOD.Core.UITransformComponent,MOD.Core.SpriteGUIRendererComponent,MOD.Core.ButtonComponent,MOD.Core.TextComponent",
+        "jsonString": {
+          "name": "WarriorTab",
+          "path": "/ui/DefaultGroup/DeckAllHud/WarriorTab",
+          "nameEditable": true,
+          "enable": true,
+          "visible": true,
+          "localize": true,
+          "displayOrder": 4103,
+          "pathConstraints": "////",
+          "revision": 1,
+          "origin": {
+            "type": "Model",
+            "entry_id": "UIButton",
+            "sub_entity_id": null,
+            "root_entity_id": null,
+            "replaced_model_id": null
+          },
+          "modelId": "uibutton",
+          "@components": [
+            {
+              "@type": "MOD.Core.UITransformComponent",
+              "ActivePlatform": 255,
+              "AlignmentOption": 0,
+              "AnchorsMax": {
+                "x": 0.5,
+                "y": 0.5
+              },
+              "AnchorsMin": {
+                "x": 0.5,
+                "y": 0.5
+              },
+              "MobileOnly": false,
+              "OffsetMax": {
+                "x": -125,
+                "y": 341
+              },
+              "OffsetMin": {
+                "x": -295,
+                "y": 295
+              },
+              "Pivot": {
+                "x": 0.5,
+                "y": 0.5
+              },
+              "RectSize": {
+                "x": 170,
+                "y": 46
+              },
+              "UIMode": 1,
+              "UIScale": {
+                "x": 1,
+                "y": 1,
+                "z": 1
+              },
+              "UIVersion": 2,
+              "anchoredPosition": {
+                "x": -210,
+                "y": 318
+              },
+              "Position": {
+                "x": -210,
+                "y": 318,
+                "z": 0
+              },
+              "QuaternionRotation": {
+                "x": 0,
+                "y": 0,
+                "z": 0,
+                "w": 1
+              },
+              "Scale": {
+                "x": 1,
+                "y": 1,
+                "z": 1
+              },
+              "Enable": true
+            },
+            {
+              "@type": "MOD.Core.SpriteGUIRendererComponent",
+              "AnimClipPlayType": 0,
+              "EndFrameIndex": 2147483647,
+              "ImageRUID": {
+                "DataId": ""
+              },
+              "LocalPosition": {
+                "x": 0,
+                "y": 0
+              },
+              "LocalScale": {
+                "x": 1,
+                "y": 1
+              },
+              "OverrideSorting": true,
+              "PlayRate": 1,
+              "PreserveSprite": 0,
+              "StartFrameIndex": 0,
+              "Color": {
+                "r": 0.11,
+                "g": 0.13,
+                "b": 0.16,
+                "a": 1
+              },
+              "DropShadow": false,
+              "DropShadowAngle": 30,
+              "DropShadowColor": {
+                "r": 0,
+                "g": 0,
+                "b": 0,
+                "a": 0.72
+              },
+              "DropShadowDistance": 32,
+              "FillAmount": 1,
+              "FillCenter": true,
+              "FillClockWise": true,
+              "FillMethod": 0,
+              "FillOrigin": 0,
+              "FlipX": false,
+              "FlipY": false,
+              "FrameColumn": 1,
+              "FrameRate": 0,
+              "FrameRow": 1,
+              "Outline": false,
+              "OutlineColor": {
+                "r": 0,
+                "g": 0,
+                "b": 0,
+                "a": 1
+              },
+              "OutlineWidth": 3,
+              "RaycastTarget": true,
+              "Type": 1,
+              "Enable": true,
+              "SortingLayer": "UI",
+              "OrderInLayer": 4103
+            },
+            {
+              "@type": "MOD.Core.ButtonComponent",
+              "Colors": {
+                "NormalColor": {
+                  "r": 1,
+                  "g": 1,
+                  "b": 1,
+                  "a": 1
+                },
+                "HighlightedColor": {
+                  "r": 0.9607843,
+                  "g": 0.9607843,
+                  "b": 0.9607843,
+                  "a": 1
+                },
+                "PressedColor": {
+                  "r": 0.784313738,
+                  "g": 0.784313738,
+                  "b": 0.784313738,
+                  "a": 1
+                },
+                "SelectedColor": {
+                  "r": 0.9607843,
+                  "g": 0.9607843,
+                  "b": 0.9607843,
+                  "a": 1
+                },
+                "DisabledColor": {
+                  "r": 0.784313738,
+                  "g": 0.784313738,
+                  "b": 0.784313738,
+                  "a": 0.5019608
+                },
+                "ColorMultiplier": 1,
+                "FadeDuration": 0.1
+              },
+              "ImageRUIDs": {
+                "HighlightedSprite": null,
+                "PressedSprite": null,
+                "SelectedSprite": null,
+                "DisabledSprite": null
+              },
+              "KeyCode": 0,
+              "OverrideSorting": false,
+              "Transition": 1,
+              "Enable": true
+            },
+            {
+              "@type": "MOD.Core.TextComponent",
+              "Alignment": 4,
+              "Bold": true,
+              "DropShadow": false,
+              "DropShadowAngle": 30,
+              "DropShadowColor": {
+                "r": 0,
+                "g": 0,
+                "b": 0,
+                "a": 0.72
+              },
+              "DropShadowDistance": 32,
+              "Font": 0,
+              "FontColor": {
+                "r": 0.94,
+                "g": 0.74,
+                "b": 0.26,
+                "a": 1
+              },
+              "FontSize": 22,
+              "MaxSize": 22,
+              "MinSize": 8,
+              "OutlineColor": {
+                "r": 0.08,
+                "g": 0.08,
+                "b": 0.08,
+                "a": 1
+              },
+              "OutlineDistance": {
+                "x": 1,
+                "y": -1
+              },
+              "OutlineWidth": 1,
+              "Overflow": 0,
+              "OverrideSorting": true,
+              "Padding": {
+                "left": 0,
+                "right": 0,
+                "top": 0,
+                "bottom": 0
+              },
+              "SizeFit": false,
+              "Text": "전사",
+              "UseOutLine": true,
+              "Enable": true,
+              "SortingLayer": "UI",
+              "OrderInLayer": 4103
+            }
+          ],
+          "@version": 1
+        }
+      },
+      {
+        "id": "0e20000b-0000-4000-8000-00000e20000b",
+        "path": "/ui/DefaultGroup/DeckAllHud/ThiefTab",
+        "componentNames": "MOD.Core.UITransformComponent,MOD.Core.SpriteGUIRendererComponent,MOD.Core.ButtonComponent,MOD.Core.TextComponent",
+        "jsonString": {
+          "name": "ThiefTab",
+          "path": "/ui/DefaultGroup/DeckAllHud/ThiefTab",
+          "nameEditable": true,
+          "enable": true,
+          "visible": true,
+          "localize": true,
+          "displayOrder": 4104,
+          "pathConstraints": "////",
+          "revision": 1,
+          "origin": {
+            "type": "Model",
+            "entry_id": "UIButton",
+            "sub_entity_id": null,
+            "root_entity_id": null,
+            "replaced_model_id": null
+          },
+          "modelId": "uibutton",
+          "@components": [
+            {
+              "@type": "MOD.Core.UITransformComponent",
+              "ActivePlatform": 255,
+              "AlignmentOption": 0,
+              "AnchorsMax": {
+                "x": 0.5,
+                "y": 0.5
+              },
+              "AnchorsMin": {
+                "x": 0.5,
+                "y": 0.5
+              },
+              "MobileOnly": false,
+              "OffsetMax": {
+                "x": 85,
+                "y": 341
+              },
+              "OffsetMin": {
+                "x": -85,
+                "y": 295
+              },
+              "Pivot": {
+                "x": 0.5,
+                "y": 0.5
+              },
+              "RectSize": {
+                "x": 170,
+                "y": 46
+              },
+              "UIMode": 1,
+              "UIScale": {
+                "x": 1,
+                "y": 1,
+                "z": 1
+              },
+              "UIVersion": 2,
+              "anchoredPosition": {
+                "x": 0,
+                "y": 318
+              },
+              "Position": {
+                "x": 0,
+                "y": 318,
+                "z": 0
+              },
+              "QuaternionRotation": {
+                "x": 0,
+                "y": 0,
+                "z": 0,
+                "w": 1
+              },
+              "Scale": {
+                "x": 1,
+                "y": 1,
+                "z": 1
+              },
+              "Enable": true
+            },
+            {
+              "@type": "MOD.Core.SpriteGUIRendererComponent",
+              "AnimClipPlayType": 0,
+              "EndFrameIndex": 2147483647,
+              "ImageRUID": {
+                "DataId": ""
+              },
+              "LocalPosition": {
+                "x": 0,
+                "y": 0
+              },
+              "LocalScale": {
+                "x": 1,
+                "y": 1
+              },
+              "OverrideSorting": true,
+              "PlayRate": 1,
+              "PreserveSprite": 0,
+              "StartFrameIndex": 0,
+              "Color": {
+                "r": 0.11,
+                "g": 0.13,
+                "b": 0.16,
+                "a": 1
+              },
+              "DropShadow": false,
+              "DropShadowAngle": 30,
+              "DropShadowColor": {
+                "r": 0,
+                "g": 0,
+                "b": 0,
+                "a": 0.72
+              },
+              "DropShadowDistance": 32,
+              "FillAmount": 1,
+              "FillCenter": true,
+              "FillClockWise": true,
+              "FillMethod": 0,
+              "FillOrigin": 0,
+              "FlipX": false,
+              "FlipY": false,
+              "FrameColumn": 1,
+              "FrameRate": 0,
+              "FrameRow": 1,
+              "Outline": false,
+              "OutlineColor": {
+                "r": 0,
+                "g": 0,
+                "b": 0,
+                "a": 1
+              },
+              "OutlineWidth": 3,
+              "RaycastTarget": true,
+              "Type": 1,
+              "Enable": true,
+              "SortingLayer": "UI",
+              "OrderInLayer": 4104
+            },
+            {
+              "@type": "MOD.Core.ButtonComponent",
+              "Colors": {
+                "NormalColor": {
+                  "r": 1,
+                  "g": 1,
+                  "b": 1,
+                  "a": 1
+                },
+                "HighlightedColor": {
+                  "r": 0.9607843,
+                  "g": 0.9607843,
+                  "b": 0.9607843,
+                  "a": 1
+                },
+                "PressedColor": {
+                  "r": 0.784313738,
+                  "g": 0.784313738,
+                  "b": 0.784313738,
+                  "a": 1
+                },
+                "SelectedColor": {
+                  "r": 0.9607843,
+                  "g": 0.9607843,
+                  "b": 0.9607843,
+                  "a": 1
+                },
+                "DisabledColor": {
+                  "r": 0.784313738,
+                  "g": 0.784313738,
+                  "b": 0.784313738,
+                  "a": 0.5019608
+                },
+                "ColorMultiplier": 1,
+                "FadeDuration": 0.1
+              },
+              "ImageRUIDs": {
+                "HighlightedSprite": null,
+                "PressedSprite": null,
+                "SelectedSprite": null,
+                "DisabledSprite": null
+              },
+              "KeyCode": 0,
+              "OverrideSorting": false,
+              "Transition": 1,
+              "Enable": true
+            },
+            {
+              "@type": "MOD.Core.TextComponent",
+              "Alignment": 4,
+              "Bold": true,
+              "DropShadow": false,
+              "DropShadowAngle": 30,
+              "DropShadowColor": {
+                "r": 0,
+                "g": 0,
+                "b": 0,
+                "a": 0.72
+              },
+              "DropShadowDistance": 32,
+              "Font": 0,
+              "FontColor": {
+                "r": 0.94,
+                "g": 0.74,
+                "b": 0.26,
+                "a": 1
+              },
+              "FontSize": 22,
+              "MaxSize": 22,
+              "MinSize": 8,
+              "OutlineColor": {
+                "r": 0.08,
+                "g": 0.08,
+                "b": 0.08,
+                "a": 1
+              },
+              "OutlineDistance": {
+                "x": 1,
+                "y": -1
+              },
+              "OutlineWidth": 1,
+              "Overflow": 0,
+              "OverrideSorting": true,
+              "Padding": {
+                "left": 0,
+                "right": 0,
+                "top": 0,
+                "bottom": 0
+              },
+              "SizeFit": false,
+              "Text": "도적",
+              "UseOutLine": true,
+              "Enable": true,
+              "SortingLayer": "UI",
+              "OrderInLayer": 4104
+            }
+          ],
+          "@version": 1
+        }
+      },
+      {
+        "id": "0e20000c-0000-4000-8000-00000e20000c",
+        "path": "/ui/DefaultGroup/DeckAllHud/MageTab",
+        "componentNames": "MOD.Core.UITransformComponent,MOD.Core.SpriteGUIRendererComponent,MOD.Core.ButtonComponent,MOD.Core.TextComponent",
+        "jsonString": {
+          "name": "MageTab",
+          "path": "/ui/DefaultGroup/DeckAllHud/MageTab",
+          "nameEditable": true,
+          "enable": true,
+          "visible": true,
+          "localize": true,
+          "displayOrder": 4105,
+          "pathConstraints": "////",
+          "revision": 1,
+          "origin": {
+            "type": "Model",
+            "entry_id": "UIButton",
+            "sub_entity_id": null,
+            "root_entity_id": null,
+            "replaced_model_id": null
+          },
+          "modelId": "uibutton",
+          "@components": [
+            {
+              "@type": "MOD.Core.UITransformComponent",
+              "ActivePlatform": 255,
+              "AlignmentOption": 0,
+              "AnchorsMax": {
+                "x": 0.5,
+                "y": 0.5
+              },
+              "AnchorsMin": {
+                "x": 0.5,
+                "y": 0.5
+              },
+              "MobileOnly": false,
+              "OffsetMax": {
+                "x": 295,
+                "y": 341
+              },
+              "OffsetMin": {
+                "x": 125,
+                "y": 295
+              },
+              "Pivot": {
+                "x": 0.5,
+                "y": 0.5
+              },
+              "RectSize": {
+                "x": 170,
+                "y": 46
+              },
+              "UIMode": 1,
+              "UIScale": {
+                "x": 1,
+                "y": 1,
+                "z": 1
+              },
+              "UIVersion": 2,
+              "anchoredPosition": {
+                "x": 210,
+                "y": 318
+              },
+              "Position": {
+                "x": 210,
+                "y": 318,
+                "z": 0
+              },
+              "QuaternionRotation": {
+                "x": 0,
+                "y": 0,
+                "z": 0,
+                "w": 1
+              },
+              "Scale": {
+                "x": 1,
+                "y": 1,
+                "z": 1
+              },
+              "Enable": true
+            },
+            {
+              "@type": "MOD.Core.SpriteGUIRendererComponent",
+              "AnimClipPlayType": 0,
+              "EndFrameIndex": 2147483647,
+              "ImageRUID": {
+                "DataId": ""
+              },
+              "LocalPosition": {
+                "x": 0,
+                "y": 0
+              },
+              "LocalScale": {
+                "x": 1,
+                "y": 1
+              },
+              "OverrideSorting": true,
+              "PlayRate": 1,
+              "PreserveSprite": 0,
+              "StartFrameIndex": 0,
+              "Color": {
+                "r": 0.11,
+                "g": 0.13,
+                "b": 0.16,
+                "a": 1
+              },
+              "DropShadow": false,
+              "DropShadowAngle": 30,
+              "DropShadowColor": {
+                "r": 0,
+                "g": 0,
+                "b": 0,
+                "a": 0.72
+              },
+              "DropShadowDistance": 32,
+              "FillAmount": 1,
+              "FillCenter": true,
+              "FillClockWise": true,
+              "FillMethod": 0,
+              "FillOrigin": 0,
+              "FlipX": false,
+              "FlipY": false,
+              "FrameColumn": 1,
+              "FrameRate": 0,
+              "FrameRow": 1,
+              "Outline": false,
+              "OutlineColor": {
+                "r": 0,
+                "g": 0,
+                "b": 0,
+                "a": 1
+              },
+              "OutlineWidth": 3,
+              "RaycastTarget": true,
+              "Type": 1,
+              "Enable": true,
+              "SortingLayer": "UI",
+              "OrderInLayer": 4105
+            },
+            {
+              "@type": "MOD.Core.ButtonComponent",
+              "Colors": {
+                "NormalColor": {
+                  "r": 1,
+                  "g": 1,
+                  "b": 1,
+                  "a": 1
+                },
+                "HighlightedColor": {
+                  "r": 0.9607843,
+                  "g": 0.9607843,
+                  "b": 0.9607843,
+                  "a": 1
+                },
+                "PressedColor": {
+                  "r": 0.784313738,
+                  "g": 0.784313738,
+                  "b": 0.784313738,
+                  "a": 1
+                },
+                "SelectedColor": {
+                  "r": 0.9607843,
+                  "g": 0.9607843,
+                  "b": 0.9607843,
+                  "a": 1
+                },
+                "DisabledColor": {
+                  "r": 0.784313738,
+                  "g": 0.784313738,
+                  "b": 0.784313738,
+                  "a": 0.5019608
+                },
+                "ColorMultiplier": 1,
+                "FadeDuration": 0.1
+              },
+              "ImageRUIDs": {
+                "HighlightedSprite": null,
+                "PressedSprite": null,
+                "SelectedSprite": null,
+                "DisabledSprite": null
+              },
+              "KeyCode": 0,
+              "OverrideSorting": false,
+              "Transition": 1,
+              "Enable": true
+            },
+            {
+              "@type": "MOD.Core.TextComponent",
+              "Alignment": 4,
+              "Bold": true,
+              "DropShadow": false,
+              "DropShadowAngle": 30,
+              "DropShadowColor": {
+                "r": 0,
+                "g": 0,
+                "b": 0,
+                "a": 0.72
+              },
+              "DropShadowDistance": 32,
+              "Font": 0,
+              "FontColor": {
+                "r": 0.94,
+                "g": 0.74,
+                "b": 0.26,
+                "a": 1
+              },
+              "FontSize": 22,
+              "MaxSize": 22,
+              "MinSize": 8,
+              "OutlineColor": {
+                "r": 0.08,
+                "g": 0.08,
+                "b": 0.08,
+                "a": 1
+              },
+              "OutlineDistance": {
+                "x": 1,
+                "y": -1
+              },
+              "OutlineWidth": 1,
+              "Overflow": 0,
+              "OverrideSorting": true,
+              "Padding": {
+                "left": 0,
+                "right": 0,
+                "top": 0,
+                "bottom": 0
+              },
+              "SizeFit": false,
+              "Text": "마법사",
+              "UseOutLine": true,
+              "Enable": true,
+              "SortingLayer": "UI",
+              "OrderInLayer": 4105
+            }
+          ],
+          "@version": 1
+        }
+      },
       {
         "id": "0e200004-0000-4000-8000-00000e200004",
         "path": "/ui/DefaultGroup/DeckAllHud/Empty",