Files
shkim4andClaude Opus 5.5 c8e5fbeebc refactor(storybook): consolidate property panel comparison layout
Keep sw-header--property-panel-compare as the single property panel state
page: the four existing SWHeaderPropertyPanel states in 2 columns x 2 rows
at their original size, inside a scrolling Inner. Remove the duplicate
Property Panel Variants and the four single-state Stories (SW 24 -> 19).
Storybook-only change; SW runtime and public API untouched.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-19 12:52:29 +09:00

1516 lines
31 KiB
JSON
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
{
"mode": "verify",
"base": "static",
"browser": "155.0.8059.80",
"checks": [
{
"name": "inventory: 24 -> 19 SW Stories, 343 -> 338 total, only 5 approved retirements",
"status": "PASS",
"data": {
"before": [
343,
24
],
"after": [
338,
19
]
}
},
{
"name": "inventory: retained SW Story IDs, names, titles, tags unchanged",
"status": "PASS",
"data": {
"retained": 19
}
},
{
"name": "inventory: compare Story keeps its ID and name",
"status": "PASS"
},
{
"name": "inventory: Dropdown Story keeps ID / name / title",
"status": "PASS"
},
{
"name": "390: four states in original order with captions",
"status": "PASS",
"data": [
[
"none",
"선택된 객체 없음"
],
[
"all",
"전체 객체 선택"
],
[
"circle",
"원 1개 선택"
],
[
"expanded",
"모든 항목 펼침"
]
]
},
{
"name": "390: original panel sizes 314 × 256 / 361 / 658 / 754",
"status": "PASS",
"data": [
[
"none",
314,
256
],
[
"all",
314,
361
],
[
"circle",
314,
658
],
[
"expanded",
314,
754
]
]
},
{
"name": "390: 2 columns × 2 rows by coordinates",
"status": "PASS",
"data": {
"a": {
"x": 16,
"y": 212.5,
"w": 314,
"h": 322,
"right": 330,
"bottom": 534.5
},
"b": {
"x": 354,
"y": 212.5,
"w": 314,
"h": 427,
"right": 668,
"bottom": 639.5
},
"c": {
"x": 16,
"y": 663.5,
"w": 314,
"h": 724,
"right": 330,
"bottom": 1387.5
},
"d": {
"x": 354,
"y": 663.5,
"w": 314,
"h": 820,
"right": 668,
"bottom": 1483.5
}
}
},
{
"name": "390: consistent 24px column and row gaps",
"status": "PASS",
"data": {
"colGap": 24,
"colGap2": 24,
"rowGap": 24
}
},
{
"name": "390: page itself does not scroll (no document overflow)",
"status": "PASS",
"data": {
"scrollW": 390,
"clientW": 390,
"scrollH": 900,
"clientH": 900
}
},
{
"name": "390: Inner scroller scrolls vertically to the 754px panel",
"status": "PASS",
"data": {
"x": 16,
"y": 212.5,
"w": 358,
"h": 671.5,
"right": 374,
"bottom": 884,
"scrollW": 652,
"clientW": 358,
"scrollH": 1271,
"clientH": 672
}
},
{
"name": "390: bottom of the 754px panel reachable, not clipped",
"status": "PASS",
"data": {
"scrollTop": 599,
"scrollLeft": 294,
"panels": [
{
"bottom": -64.5,
"right": 36
},
{
"bottom": 40.5,
"right": 374
},
{
"bottom": 788.5,
"right": 36
},
{
"bottom": 884.5,
"right": 374
}
],
"sBottom": 884,
"sRight": 374
}
},
{
"name": "390: narrow Inner scrolls horizontally, keeping 2 columns",
"status": "PASS",
"data": {
"scrollW": 652,
"clientW": 358,
"end": {
"scrollTop": 599,
"scrollLeft": 294,
"panels": [
{
"bottom": -64.5,
"right": 36
},
{
"bottom": 40.5,
"right": 374
},
{
"bottom": 788.5,
"right": 36
},
{
"bottom": 884.5,
"right": 374
}
],
"sBottom": 884,
"sRight": 374
}
}
},
{
"name": "768: four states in original order with captions",
"status": "PASS",
"data": [
[
"none",
"선택된 객체 없음"
],
[
"all",
"전체 객체 선택"
],
[
"circle",
"원 1개 선택"
],
[
"expanded",
"모든 항목 펼침"
]
]
},
{
"name": "768: original panel sizes 314 × 256 / 361 / 658 / 754",
"status": "PASS",
"data": [
[
"none",
314,
256
],
[
"all",
314,
361
],
[
"circle",
314,
658
],
[
"expanded",
314,
754
]
]
},
{
"name": "768: 2 columns × 2 rows by coordinates",
"status": "PASS",
"data": {
"a": {
"x": 23.046875,
"y": 199.53125,
"w": 314,
"h": 322,
"right": 337.046875,
"bottom": 521.53125
},
"b": {
"x": 361.046875,
"y": 199.53125,
"w": 314,
"h": 427,
"right": 675.046875,
"bottom": 626.53125
},
"c": {
"x": 23.046875,
"y": 650.53125,
"w": 314,
"h": 724,
"right": 337.046875,
"bottom": 1374.53125
},
"d": {
"x": 361.046875,
"y": 650.53125,
"w": 314,
"h": 820,
"right": 675.046875,
"bottom": 1470.53125
}
}
},
{
"name": "768: consistent 24px column and row gaps",
"status": "PASS",
"data": {
"colGap": 24,
"colGap2": 24,
"rowGap": 24
}
},
{
"name": "768: page itself does not scroll (no document overflow)",
"status": "PASS",
"data": {
"scrollW": 768,
"clientW": 768,
"scrollH": 900,
"clientH": 900
}
},
{
"name": "768: Inner scroller scrolls vertically to the 754px panel",
"status": "PASS",
"data": {
"x": 23.046875,
"y": 199.53125,
"w": 721.90625,
"h": 677.4375,
"right": 744.953125,
"bottom": 876.96875,
"scrollW": 722,
"clientW": 722,
"scrollH": 1271,
"clientH": 677
}
},
{
"name": "768: bottom of the 754px panel reachable, not clipped",
"status": "PASS",
"data": {
"scrollTop": 594,
"scrollLeft": 0,
"panels": [
{
"bottom": -72.46875,
"right": 337.046875
},
{
"bottom": 32.53125,
"right": 675.046875
},
{
"bottom": 780.53125,
"right": 337.046875
},
{
"bottom": 876.53125,
"right": 675.046875
}
],
"sBottom": 876.96875,
"sRight": 744.953125
}
},
{
"name": "768: both columns fit without horizontal scroll",
"status": "PASS",
"data": {
"x": 23.046875,
"y": 199.53125,
"w": 721.90625,
"h": 677.4375,
"right": 744.953125,
"bottom": 876.96875,
"scrollW": 722,
"clientW": 722,
"scrollH": 1271,
"clientH": 677
}
},
{
"name": "1280: four states in original order with captions",
"status": "PASS",
"data": [
[
"none",
"선택된 객체 없음"
],
[
"all",
"전체 객체 선택"
],
[
"circle",
"원 1개 선택"
],
[
"expanded",
"모든 항목 펼침"
]
]
},
{
"name": "1280: original panel sizes 314 × 256 / 361 / 658 / 754",
"status": "PASS",
"data": [
[
"none",
314,
256
],
[
"all",
314,
361
],
[
"circle",
314,
658
],
[
"expanded",
314,
754
]
]
},
{
"name": "1280: 2 columns × 2 rows by coordinates",
"status": "PASS",
"data": {
"a": {
"x": 38.40625,
"y": 214.890625,
"w": 314,
"h": 322,
"right": 352.40625,
"bottom": 536.890625
},
"b": {
"x": 376.40625,
"y": 214.890625,
"w": 314,
"h": 427,
"right": 690.40625,
"bottom": 641.890625
},
"c": {
"x": 38.40625,
"y": 665.890625,
"w": 314,
"h": 724,
"right": 352.40625,
"bottom": 1389.890625
},
"d": {
"x": 376.40625,
"y": 665.890625,
"w": 314,
"h": 820,
"right": 690.40625,
"bottom": 1485.890625
}
}
},
{
"name": "1280: consistent 24px column and row gaps",
"status": "PASS",
"data": {
"colGap": 24,
"colGap2": 24,
"rowGap": 24
}
},
{
"name": "1280: page itself does not scroll (no document overflow)",
"status": "PASS",
"data": {
"scrollW": 1280,
"clientW": 1280,
"scrollH": 900,
"clientH": 900
}
},
{
"name": "1280: Inner scroller scrolls vertically to the 754px panel",
"status": "PASS",
"data": {
"x": 38.40625,
"y": 214.890625,
"w": 1203.1875,
"h": 646.71875,
"right": 1241.59375,
"bottom": 861.609375,
"scrollW": 1203,
"clientW": 1203,
"scrollH": 1271,
"clientH": 647
}
},
{
"name": "1280: bottom of the 754px panel reachable, not clipped",
"status": "PASS",
"data": {
"scrollTop": 624,
"scrollLeft": 0,
"panels": [
{
"bottom": -87.109375,
"right": 352.40625
},
{
"bottom": 17.890625,
"right": 690.40625
},
{
"bottom": 765.890625,
"right": 352.40625
},
{
"bottom": 861.890625,
"right": 690.40625
}
],
"sBottom": 861.609375,
"sRight": 1241.59375
}
},
{
"name": "1280: both columns fit without horizontal scroll",
"status": "PASS",
"data": {
"x": 38.40625,
"y": 214.890625,
"w": 1203.1875,
"h": 646.71875,
"right": 1241.59375,
"bottom": 861.609375,
"scrollW": 1203,
"clientW": 1203,
"scrollH": 1271,
"clientH": 647
}
},
{
"name": "1440: four states in original order with captions",
"status": "PASS",
"data": [
[
"none",
"선택된 객체 없음"
],
[
"all",
"전체 객체 선택"
],
[
"circle",
"원 1개 선택"
],
[
"expanded",
"모든 항목 펼침"
]
]
},
{
"name": "1440: original panel sizes 314 × 256 / 361 / 658 / 754",
"status": "PASS",
"data": [
[
"none",
314,
256
],
[
"all",
314,
361
],
[
"circle",
314,
658
],
[
"expanded",
314,
754
]
]
},
{
"name": "1440: 2 columns × 2 rows by coordinates",
"status": "PASS",
"data": {
"a": {
"x": 120,
"y": 216.5,
"w": 314,
"h": 322,
"right": 434,
"bottom": 538.5
},
"b": {
"x": 458,
"y": 216.5,
"w": 314,
"h": 427,
"right": 772,
"bottom": 643.5
},
"c": {
"x": 120,
"y": 667.5,
"w": 314,
"h": 724,
"right": 434,
"bottom": 1391.5
},
"d": {
"x": 458,
"y": 667.5,
"w": 314,
"h": 820,
"right": 772,
"bottom": 1487.5
}
}
},
{
"name": "1440: consistent 24px column and row gaps",
"status": "PASS",
"data": {
"colGap": 24,
"colGap2": 24,
"rowGap": 24
}
},
{
"name": "1440: page itself does not scroll (no document overflow)",
"status": "PASS",
"data": {
"scrollW": 1440,
"clientW": 1440,
"scrollH": 900,
"clientH": 900
}
},
{
"name": "1440: Inner scroller scrolls vertically to the 754px panel",
"status": "PASS",
"data": {
"x": 120,
"y": 216.5,
"w": 1200,
"h": 643.5,
"right": 1320,
"bottom": 860,
"scrollW": 1200,
"clientW": 1200,
"scrollH": 1271,
"clientH": 644
}
},
{
"name": "1440: bottom of the 754px panel reachable, not clipped",
"status": "PASS",
"data": {
"scrollTop": 627,
"scrollLeft": 0,
"panels": [
{
"bottom": -88.5,
"right": 434
},
{
"bottom": 16.5,
"right": 772
},
{
"bottom": 764.5,
"right": 434
},
{
"bottom": 860.5,
"right": 772
}
],
"sBottom": 860,
"sRight": 1320
}
},
{
"name": "1440: both columns fit without horizontal scroll",
"status": "PASS",
"data": {
"x": 120,
"y": 216.5,
"w": 1200,
"h": 643.5,
"right": 1320,
"bottom": 860,
"scrollW": 1200,
"clientW": 1200,
"scrollH": 1271,
"clientH": 644
}
},
{
"name": "Input Enter commits via callback; only that panel changes",
"status": "PASS",
"data": {
"circle": "5.5",
"expanded": "4.0526",
"log": "circle: property(radius, 5.5)"
}
},
{
"name": "Input Escape cancels the edit",
"status": "PASS",
"data": "5.5"
},
{
"name": "Focus stays inside the edited panel after Escape",
"status": "PASS"
},
{
"name": "Tab moves focus within the page (no trap / loss to body)",
"status": "PASS"
},
{
"name": "Dropdown all: opens, has items, fully inside the viewport",
"status": "PASS",
"data": {
"x": 521,
"y": 353.5,
"w": 234,
"h": 250,
"bottom": 603.5,
"right": 755,
"vw": 1440,
"vh": 900,
"items": 36
}
},
{
"name": "Dropdown all: Escape closes and returns focus to its field",
"status": "PASS"
},
{
"name": "Dropdown expanded: opens, has items, fully inside the viewport",
"status": "PASS",
"data": {
"x": 521,
"y": 526.5,
"w": 234,
"h": 250,
"bottom": 776.5,
"right": 755,
"vw": 1440,
"vh": 900,
"items": 36
}
},
{
"name": "Dropdown follows the Inner scroller (stays attached to its field)",
"status": "PASS",
"data": {
"moved": 120,
"before": {
"x": 521,
"y": 526.5,
"w": 234,
"h": 250,
"bottom": 776.5,
"right": 755,
"vw": 1440,
"vh": 900,
"items": 36
},
"after": {
"dTop": 406.5,
"dBottom": 656.5,
"fTop": 657.5,
"fBottom": 683.5
}
}
},
{
"name": "Dropdown expanded: Escape closes and returns focus to its field",
"status": "PASS"
},
{
"name": "Dropdown selection commits via callback in its own panel only",
"status": "PASS",
"data": "circle: property(radius, 5.5) → all: property(layer, CC-D GNL)"
},
{
"name": "Tool toggle in one panel does not affect the others",
"status": "PASS"
},
{
"name": "Group expand is per panel and collapses back to 256",
"status": "PASS",
"data": {
"h0": 256,
"h1": 352,
"h2": 256,
"allH": 361
}
},
{
"name": "Close button calls onClose of that panel",
"status": "PASS",
"data": "circle: property(radius, 5.5) → all: property(layer, CC-D GNL) → circle: close"
},
{
"name": "Overview: Header 49px and Stage render",
"status": "PASS"
},
{
"name": "Dropdown Story renders composed controls",
"status": "PASS"
},
{
"name": "Window Move Motion Story renders",
"status": "PASS"
},
{
"name": "Property Panel (Header-connected) still opens; Escape closes",
"status": "PASS",
"data": {
"opened": 1
}
},
{
"name": "render property-shape-slot",
"status": "PASS"
},
{
"name": "render property-fields",
"status": "PASS"
},
{
"name": "render property-bar",
"status": "PASS"
},
{
"name": "render layer-detail-input",
"status": "PASS"
},
{
"name": "render k-guide",
"status": "PASS"
},
{
"name": "no browser console or page errors",
"status": "PASS",
"data": []
}
],
"errors": [],
"data": {
"inventory": {
"total": 338,
"sw": 19,
"ids": [
[
"sw-header--composed-controls",
"Dropdown"
],
[
"sw-header--detail-buttons",
"Detail Buttons (Shared States)"
],
[
"sw-header--overview",
"Overview"
],
[
"sw-header--interactive-states",
"Interactive States"
],
[
"sw-header--window-move-motion",
"Window Move Motion"
],
[
"sw-header--logo-slot",
"Logo Slot"
],
[
"sw-header--document-dropdown",
"Document Dropdown"
],
[
"sw-header--responsive-more",
"Responsive More"
],
[
"sw-header--layer-detail-input",
"Layer Detail · Input"
],
[
"sw-header--property-panel",
"Property Panel"
],
[
"sw-header--k-guide",
"K Guide"
],
[
"sw-header--additional-hover",
"Additional Hover"
],
[
"sw-header--property-bar",
"Property Bar"
],
[
"sw-header--dynamic-controls",
"Dynamic Controls"
],
[
"sw-header--colorize",
"Colorize"
],
[
"sw-header--composition",
"Composition (Visibility · Order)"
],
[
"sw-header--property-panel-compare",
"Property Panel · 4개 비교"
],
[
"sw-header--property-shape-slot",
"Property Panel · 형상 Slot"
],
[
"sw-header--property-fields",
"Property Panel · 필드 13개"
]
]
},
"layout390": {
"cells": [
{
"id": "none",
"cell": {
"x": 16,
"y": 212.5,
"w": 314,
"h": 322,
"right": 330,
"bottom": 534.5
},
"panel": {
"x": 16,
"y": 278.5,
"w": 314,
"h": 256,
"right": 330,
"bottom": 534.5
},
"caption": "선택된 객체 없음"
},
{
"id": "all",
"cell": {
"x": 354,
"y": 212.5,
"w": 314,
"h": 427,
"right": 668,
"bottom": 639.5
},
"panel": {
"x": 354,
"y": 278.5,
"w": 314,
"h": 361,
"right": 668,
"bottom": 639.5
},
"caption": "전체 객체 선택"
},
{
"id": "circle",
"cell": {
"x": 16,
"y": 663.5,
"w": 314,
"h": 724,
"right": 330,
"bottom": 1387.5
},
"panel": {
"x": 16,
"y": 729.5,
"w": 314,
"h": 658,
"right": 330,
"bottom": 1387.5
},
"caption": "원 1개 선택"
},
{
"id": "expanded",
"cell": {
"x": 354,
"y": 663.5,
"w": 314,
"h": 820,
"right": 668,
"bottom": 1483.5
},
"panel": {
"x": 354,
"y": 729.5,
"w": 314,
"h": 754,
"right": 668,
"bottom": 1483.5
},
"caption": "모든 항목 펼침"
}
],
"scroller": {
"x": 16,
"y": 212.5,
"w": 358,
"h": 671.5,
"right": 374,
"bottom": 884,
"scrollW": 652,
"clientW": 358,
"scrollH": 1271,
"clientH": 672
},
"doc": {
"scrollW": 390,
"clientW": 390,
"scrollH": 900,
"clientH": 900
}
},
"gaps390": {
"colGap": 24,
"colGap2": 24,
"rowGap": 24
},
"end390": {
"scrollTop": 599,
"scrollLeft": 294,
"panels": [
{
"bottom": -64.5,
"right": 36
},
{
"bottom": 40.5,
"right": 374
},
{
"bottom": 788.5,
"right": 36
},
{
"bottom": 884.5,
"right": 374
}
],
"sBottom": 884,
"sRight": 374
},
"layout768": {
"cells": [
{
"id": "none",
"cell": {
"x": 23.046875,
"y": 199.53125,
"w": 314,
"h": 322,
"right": 337.046875,
"bottom": 521.53125
},
"panel": {
"x": 23.046875,
"y": 265.53125,
"w": 314,
"h": 256,
"right": 337.046875,
"bottom": 521.53125
},
"caption": "선택된 객체 없음"
},
{
"id": "all",
"cell": {
"x": 361.046875,
"y": 199.53125,
"w": 314,
"h": 427,
"right": 675.046875,
"bottom": 626.53125
},
"panel": {
"x": 361.046875,
"y": 265.53125,
"w": 314,
"h": 361,
"right": 675.046875,
"bottom": 626.53125
},
"caption": "전체 객체 선택"
},
{
"id": "circle",
"cell": {
"x": 23.046875,
"y": 650.53125,
"w": 314,
"h": 724,
"right": 337.046875,
"bottom": 1374.53125
},
"panel": {
"x": 23.046875,
"y": 716.53125,
"w": 314,
"h": 658,
"right": 337.046875,
"bottom": 1374.53125
},
"caption": "원 1개 선택"
},
{
"id": "expanded",
"cell": {
"x": 361.046875,
"y": 650.53125,
"w": 314,
"h": 820,
"right": 675.046875,
"bottom": 1470.53125
},
"panel": {
"x": 361.046875,
"y": 716.53125,
"w": 314,
"h": 754,
"right": 675.046875,
"bottom": 1470.53125
},
"caption": "모든 항목 펼침"
}
],
"scroller": {
"x": 23.046875,
"y": 199.53125,
"w": 721.90625,
"h": 677.4375,
"right": 744.953125,
"bottom": 876.96875,
"scrollW": 722,
"clientW": 722,
"scrollH": 1271,
"clientH": 677
},
"doc": {
"scrollW": 768,
"clientW": 768,
"scrollH": 900,
"clientH": 900
}
},
"gaps768": {
"colGap": 24,
"colGap2": 24,
"rowGap": 24
},
"end768": {
"scrollTop": 594,
"scrollLeft": 0,
"panels": [
{
"bottom": -72.46875,
"right": 337.046875
},
{
"bottom": 32.53125,
"right": 675.046875
},
{
"bottom": 780.53125,
"right": 337.046875
},
{
"bottom": 876.53125,
"right": 675.046875
}
],
"sBottom": 876.96875,
"sRight": 744.953125
},
"layout1280": {
"cells": [
{
"id": "none",
"cell": {
"x": 38.40625,
"y": 214.890625,
"w": 314,
"h": 322,
"right": 352.40625,
"bottom": 536.890625
},
"panel": {
"x": 38.40625,
"y": 280.890625,
"w": 314,
"h": 256,
"right": 352.40625,
"bottom": 536.890625
},
"caption": "선택된 객체 없음"
},
{
"id": "all",
"cell": {
"x": 376.40625,
"y": 214.890625,
"w": 314,
"h": 427,
"right": 690.40625,
"bottom": 641.890625
},
"panel": {
"x": 376.40625,
"y": 280.890625,
"w": 314,
"h": 361,
"right": 690.40625,
"bottom": 641.890625
},
"caption": "전체 객체 선택"
},
{
"id": "circle",
"cell": {
"x": 38.40625,
"y": 665.890625,
"w": 314,
"h": 724,
"right": 352.40625,
"bottom": 1389.890625
},
"panel": {
"x": 38.40625,
"y": 731.890625,
"w": 314,
"h": 658,
"right": 352.40625,
"bottom": 1389.890625
},
"caption": "원 1개 선택"
},
{
"id": "expanded",
"cell": {
"x": 376.40625,
"y": 665.890625,
"w": 314,
"h": 820,
"right": 690.40625,
"bottom": 1485.890625
},
"panel": {
"x": 376.40625,
"y": 731.890625,
"w": 314,
"h": 754,
"right": 690.40625,
"bottom": 1485.890625
},
"caption": "모든 항목 펼침"
}
],
"scroller": {
"x": 38.40625,
"y": 214.890625,
"w": 1203.1875,
"h": 646.71875,
"right": 1241.59375,
"bottom": 861.609375,
"scrollW": 1203,
"clientW": 1203,
"scrollH": 1271,
"clientH": 647
},
"doc": {
"scrollW": 1280,
"clientW": 1280,
"scrollH": 900,
"clientH": 900
}
},
"gaps1280": {
"colGap": 24,
"colGap2": 24,
"rowGap": 24
},
"end1280": {
"scrollTop": 624,
"scrollLeft": 0,
"panels": [
{
"bottom": -87.109375,
"right": 352.40625
},
{
"bottom": 17.890625,
"right": 690.40625
},
{
"bottom": 765.890625,
"right": 352.40625
},
{
"bottom": 861.890625,
"right": 690.40625
}
],
"sBottom": 861.609375,
"sRight": 1241.59375
},
"layout1440": {
"cells": [
{
"id": "none",
"cell": {
"x": 120,
"y": 216.5,
"w": 314,
"h": 322,
"right": 434,
"bottom": 538.5
},
"panel": {
"x": 120,
"y": 282.5,
"w": 314,
"h": 256,
"right": 434,
"bottom": 538.5
},
"caption": "선택된 객체 없음"
},
{
"id": "all",
"cell": {
"x": 458,
"y": 216.5,
"w": 314,
"h": 427,
"right": 772,
"bottom": 643.5
},
"panel": {
"x": 458,
"y": 282.5,
"w": 314,
"h": 361,
"right": 772,
"bottom": 643.5
},
"caption": "전체 객체 선택"
},
{
"id": "circle",
"cell": {
"x": 120,
"y": 667.5,
"w": 314,
"h": 724,
"right": 434,
"bottom": 1391.5
},
"panel": {
"x": 120,
"y": 733.5,
"w": 314,
"h": 658,
"right": 434,
"bottom": 1391.5
},
"caption": "원 1개 선택"
},
{
"id": "expanded",
"cell": {
"x": 458,
"y": 667.5,
"w": 314,
"h": 820,
"right": 772,
"bottom": 1487.5
},
"panel": {
"x": 458,
"y": 733.5,
"w": 314,
"h": 754,
"right": 772,
"bottom": 1487.5
},
"caption": "모든 항목 펼침"
}
],
"scroller": {
"x": 120,
"y": 216.5,
"w": 1200,
"h": 643.5,
"right": 1320,
"bottom": 860,
"scrollW": 1200,
"clientW": 1200,
"scrollH": 1271,
"clientH": 644
},
"doc": {
"scrollW": 1440,
"clientW": 1440,
"scrollH": 900,
"clientH": 900
}
},
"gaps1440": {
"colGap": 24,
"colGap2": 24,
"rowGap": 24
},
"end1440": {
"scrollTop": 627,
"scrollLeft": 0,
"panels": [
{
"bottom": -88.5,
"right": 434
},
{
"bottom": 16.5,
"right": 772
},
{
"bottom": 764.5,
"right": 434
},
{
"bottom": 860.5,
"right": 772
}
],
"sBottom": 860,
"sRight": 1320
},
"drop-all": {
"x": 521,
"y": 353.5,
"w": 234,
"h": 250,
"bottom": 603.5,
"right": 755,
"vw": 1440,
"vh": 900,
"items": 36
},
"drop-expanded": {
"x": 521,
"y": 526.5,
"w": 234,
"h": 250,
"bottom": 776.5,
"right": 755,
"vw": 1440,
"vh": 900,
"items": 36
},
"dropScroll": {
"moved": 120,
"before": {
"x": 521,
"y": 526.5,
"w": 234,
"h": 250,
"bottom": 776.5,
"right": 755,
"vw": 1440,
"vh": 900,
"items": 36
},
"after": {
"dTop": 406.5,
"dBottom": 656.5,
"fTop": 657.5,
"fBottom": 683.5
}
}
}
}