@wipco/sdui 1.5.0 → 1.6.1

package/dist/meta.js

@@ -493,7 +493,14 @@ var CardMeta = {
       ],
       group: "appearance"
     },
-    { name: "interactive", kind: "boolean", label: "\uD074\uB9AD \uAC00\uB2A5 \uD45C\uC2DC", default: false, group: "appearance" },
+    {
+      name: "interactive",
+      kind: "boolean",
+      label: "\uD074\uB9AD \uAC00\uB2A5 \uD45C\uC2DC",
+      default: false,
+      description: "\uD074\uB9AD(onClick)\uACFC \uD568\uAED8 \uC8FC\uBA74 \uD0A4\uBCF4\uB4DC\uB85C\uB3C4 \uB204\uB97C \uC218 \uC788\uB2E4 \u2014 Tab \uC73C\uB85C \uD3EC\uCEE4\uC2A4, Enter\xB7Space \uB85C \uC2E4\uD589.",
+      group: "appearance"
+    },
     { name: "selected", kind: "boolean", label: "\uC120\uD0DD\uB428", default: false, bindable: true, group: "appearance" },
     { name: "onClick", kind: "action", label: "\uD074\uB9AD", group: "behavior" },
     styleProp,
@@ -593,7 +600,15 @@ var GridMeta = {
       name: "template",
       kind: "string",
       label: "\uCEE4\uC2A4\uD140 \uD2B8\uB799",
-      description: 'grid-template-columns \uAC12. \uC608: "minmax(0,1.6fr) minmax(0,1fr)". columns\uB97C \uBB34\uC2DC\uD55C\uB2E4.',
+      description: 'grid-template-columns \uAC12. \uC608: "minmax(0,1.6fr) minmax(0,1fr)". columns\uB97C \uBB34\uC2DC\uD55C\uB2E4. \uBAA8\uBC14\uC77C(\u2264767px)\uC5D0\uC11C\uB294 \uD55C \uCE78\uC73C\uB85C \uC811\uD78C\uB2E4 \u2014 \uC811\uC9C0 \uC54A\uC73C\uB824\uBA74 \uBAA8\uBC14\uC77C \uC811\uAE30\uB97C \uB048\uB2E4.',
+      group: "layout"
+    },
+    {
+      name: "collapse",
+      kind: "boolean",
+      label: "\uBAA8\uBC14\uC77C\uC5D0\uC11C \uD55C \uCE78\uC73C\uB85C",
+      default: true,
+      description: '\uC881\uC740 \uD654\uBA74\uC5D0\uC11C \uCE78\uC744 \uC138\uB85C\uB85C \uC313\uB294\uB2E4(template\xB75\xB76\uC5F4). \uB044\uBA74 \uD2B8\uB799\uC744 \uC9C0\uD0A8\uB2E4 \u2014 "A \u2192 B [x]"\uCC98\uB7FC \uCE78 \uC0AC\uC774 \uAD00\uACC4\uAC00 \uB73B\uC778 \uC904\uC5D0\uB9CC \uB048\uB2E4.',
       group: "layout"
     },
     {
@@ -932,6 +947,39 @@ var ButtonMeta = {
       group: "behavior",
       advanced: true
     },
+    {
+      name: "aria-label",
+      kind: "string",
+      label: "\uC811\uADFC\uC131 \uB77C\uBCA8",
+      bindable: true,
+      description: "\uBCF4\uC774\uB294 \uAE00\uC790 \uC5C6\uC774 \uC544\uC774\uCF58\uB9CC \uC788\uB294 \uBC84\uD2BC \uB4F1 \u2014 \uC2A4\uD06C\uB9B0\uB9AC\uB354\uAC00 \uC77D\uC744 \uC774\uB984. \uD589\uB9C8\uB2E4 \uB2E4\uB974\uBA74 $calc/$item \uC73C\uB85C \uC5EE\uB294\uB2E4.",
+      group: "content",
+      advanced: true
+    },
+    {
+      name: "role",
+      kind: "enum",
+      label: "\uC811\uADFC\uC131 \uC5ED\uD560",
+      description: '\uBCF4\uC870\uAE30\uC220\uC5D0 \uBC84\uD2BC\uC744 \uB2E4\uB978 \uC5ED\uD560\uB85C \uC54C\uB9B0\uB2E4(\uB098\uBA38\uC9C0 \uD504\uB86D\uCC98\uB7FC <button>\uC5D0 \uADF8\uB300\uB85C \uC5B9\uD78C\uB2E4). \uB2E8\uC77C \uC120\uD0DD \uBB36\uC74C(Row/Col role="radiogroup") \uC548\uC758 \uC120\uD0DD\uC9C0 \uBC84\uD2BC\uC774 radio \uB2E4 \u2014 \uADF8\uB54C aria-checked \uB97C \uAC19\uC774 \uC900\uB2E4.',
+      options: [
+        { value: "radio", label: "\uB2E8\uC77C \uC120\uD0DD \uD56D\uBAA9(radio)" },
+        { value: "checkbox", label: "\uCF1C\uACE0 \uB044\uB294 \uD56D\uBAA9(checkbox)" },
+        { value: "switch", label: "\uC2A4\uC704\uCE58(switch)" },
+        { value: "tab", label: "\uD0ED(tab)" },
+        { value: "menuitem", label: "\uBA54\uB274 \uD56D\uBAA9(menuitem)" }
+      ],
+      group: "behavior",
+      advanced: true
+    },
+    {
+      name: "aria-checked",
+      kind: "boolean",
+      label: "\uC811\uADFC\uC131: \uC120\uD0DD\uB428",
+      bindable: true,
+      description: 'role \uC774 radio\xB7checkbox\xB7switch \uC77C \uB54C \uC774 \uBC84\uD2BC\uC774 \uACE8\uB77C\uC838 \uC788\uB294\uAC00. \uBCF4\uD1B5 \uC0C1\uD0DC\uC640 \uBE44\uAD50\uD574 \uC5EE\uB294\uB2E4 \u2014 {"$calc":{"op":"eq","args":[{"$item":"key"},{"$state":"filter"}]}}. \uBAA8\uC591\uC740 \uBC14\uAFB8\uC9C0 \uC54A\uC73C\uB2C8 variant \uB3C4 \uAC19\uC774 \uC5EE\uB294\uB2E4.',
+      group: "behavior",
+      advanced: true
+    },
     { name: "onClick", kind: "action", label: "\uD074\uB9AD", group: "behavior" },
     styleProp,
     classNameProp,
@@ -977,6 +1025,15 @@ var CheckboxMeta = {
       group: "data"
     },
     { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" },
+    {
+      name: "aria-label",
+      kind: "string",
+      label: "\uC811\uADFC\uC131 \uB77C\uBCA8",
+      bindable: true,
+      description: "\uBCF4\uC774\uB294 \uB77C\uBCA8 \uC5C6\uC774 \uC0C1\uC790\uB9CC \uB458 \uB54C(\uD45C \uCE78\xB7\uBC18\uBCF5 \uD589) \uC2A4\uD06C\uB9B0\uB9AC\uB354\uAC00 \uC77D\uC744 \uC774\uB984 \u2014 \uC228\uC740 <input>\uC5D0 \uBD99\uB294\uB2E4. \uD589\uB9C8\uB2E4 \uB2E4\uB974\uBA74 $calc/$item \uC73C\uB85C \uC5EE\uB294\uB2E4.",
+      group: "content",
+      advanced: true
+    },
     classNameProp
   ],
   children: { accepts: false },
@@ -1013,6 +1070,13 @@ var DatePickerMeta = {
       description: "\uAC12\uC774 'YYYY-MM-DDTHH:mm'\uC774 \uB41C\uB2E4 \u2014 \uBE0C\uB77C\uC6B0\uC800 datetime-local\uACFC \uAC19\uC740 \uBAA8\uC591.",
       group: "behavior"
     },
+    {
+      name: "zoned",
+      kind: "boolean",
+      label: "\uC2DC\uAC04\uB300 \uBD99\uC5EC \uC800\uC7A5",
+      description: "\uC2DC\uAC01 \uCE78\uC758 \uAC12\uC744 '2026-07-03T01:00:00+09:00'\uCC98\uB7FC \uC2DC\uAC04\uB300\uB97C \uBD99\uC5EC \uB3CC\uB824\uC900\uB2E4. \uC0DD\uB7B5\uD558\uBA74 \uB4E4\uC5B4\uC628 \uAC12\uC5D0 \uC2DC\uAC04\uB300\uAC00 \uC788\uC744 \uB54C\uB9CC \uBD99\uC778\uB2E4 \u2014 timestamptz \uC5F4\uC5D0 \uC0C8\uB85C \uC785\uB825\uD558\uB294 \uB4F1\uB85D \uCE78\uC740 \uCF20\uB2E4. \uC2DC\uAC04\uB300\uAC00 \uBD99\uC740 \uAC12\uC740 \uC5B8\uC81C\uB098 \uD604\uC9C0 \uC2DC\uAC01\uC73C\uB85C \uBCF4\uC778\uB2E4.",
+      group: "behavior"
+    },
     {
       name: "size",
       kind: "enum",
@@ -1218,7 +1282,7 @@ var FormMeta = {
       kind: "boolean",
       label: "\uC774\uD0C8 \uACBD\uACE0",
       default: false,
-      description: "\uC791\uC131 \uC911(dirty)\uC5D0 \uC0C8\uB85C\uACE0\uCE68\xB7\uCC3D \uB2EB\uAE30\uB97C \uD558\uBA74 \uD655\uC778\uC744 \uB744\uC6B4\uB2E4.",
+      description: "\uC791\uC131 \uC911(dirty)\uC5D0 \uC0C8\uB85C\uACE0\uCE68\xB7\uCC3D \uB2EB\uAE30\uC640 \uC571 \uC548 \uC774\uB3D9 \uC804\uC5D0 \uD655\uC778\uC744 \uB744\uC6B4\uB2E4(\uD398\uC774\uC9C0 \uC774\uD0C8 \uAC00\uB4DC \u2014 page.leaveGuard \uC640 \uAC19\uC740 \uD1B5\uB85C, \uC800\uC7A5 \uC9C1\uD6C4 \uC774\uB3D9\uC740 \uBB3B\uC9C0 \uC54A\uC74C). Form \uC5C6\uC774 \uC0C1\uD0DC\uB85C \uC785\uB825\uC744 \uBAA8\uC73C\uB294 \uD654\uBA74\uC740 page.leaveGuard \uC5D0 $state \uC2DD\uC744 \uC900\uB2E4.",
       group: "behavior"
     },
     {
@@ -1326,6 +1390,15 @@ var IconButtonMeta = {
     },
     { name: "onClick", kind: "action", label: "\uD074\uB9AD", group: "behavior" },
     { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" },
+    {
+      name: "aria-label",
+      kind: "string",
+      label: "\uC811\uADFC\uC131 \uB77C\uBCA8(\uB9CC)",
+      bindable: true,
+      description: "\uD234\uD301(title) \uC5C6\uC774 \uC2A4\uD06C\uB9B0\uB9AC\uB354 \uC774\uB984\uB9CC \uC904 \uB54C. \uBCF4\uD1B5\uC740 label \uD558\uB098\uBA74 \uB41C\uB2E4(aria-label\xB7title \uB458 \uB2E4 \uB41C\uB2E4). \uB458 \uB2E4 \uC8FC\uBA74 aria-label \uC740 \uC774\uCABD\uC774 \uC774\uAE34\uB2E4.",
+      group: "content",
+      advanced: true
+    },
     styleProp,
     classNameProp
   ],
@@ -1392,6 +1465,15 @@ var InputMeta = {
     { name: "max", kind: "number", label: "\uCD5C\uB300\uAC12", description: "type=number/date\uC758 \uC0C1\uD55C", group: "validation" },
     { name: "step", kind: "number", label: "\uC99D\uAC10 \uB2E8\uC704", group: "validation", advanced: true },
     { name: "title", kind: "string", label: "\uD234\uD301", group: "content", advanced: true },
+    {
+      name: "aria-label",
+      kind: "string",
+      label: "\uC811\uADFC\uC131 \uB77C\uBCA8",
+      bindable: true,
+      description: "Field \uB77C\uBCA8\uC774 \uC5C6\uC744 \uB54C(\uD45C \uCE78\xB7\uBC18\uBCF5 \uD589\uC758 \uC785\uB825) \uC2A4\uD06C\uB9B0\uB9AC\uB354\uAC00 \uC77D\uC744 \uC774\uB984. \uD589\uB9C8\uB2E4 \uB2E4\uB974\uBA74 $calc/$item \uC73C\uB85C \uC5EE\uB294\uB2E4.",
+      group: "content",
+      advanced: true
+    },
     {
       name: "trailing",
       kind: "icon",
@@ -1519,6 +1601,15 @@ var SwitchMeta = {
       group: "appearance"
     },
     { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" },
+    {
+      name: "aria-label",
+      kind: "string",
+      label: "\uC811\uADFC\uC131 \uB77C\uBCA8",
+      bindable: true,
+      description: '\uBCF4\uC774\uB294 \uB77C\uBCA8 \uC5C6\uC774 \uD1A0\uAE00\uB9CC \uB458 \uB54C \uC2A4\uD06C\uB9B0\uB9AC\uB354\uAC00 \uC77D\uC744 \uC774\uB984 \u2014 \uC228\uC740 <input role="switch">\uC5D0 \uBD99\uB294\uB2E4.',
+      group: "content",
+      advanced: true
+    },
     classNameProp
   ],
   children: { accepts: false },
@@ -1597,6 +1688,14 @@ var BadgeMeta = {
       ],
       group: "appearance"
     },
+    {
+      name: "wrap",
+      kind: "boolean",
+      label: "\uC904\uBC14\uAFC8",
+      default: false,
+      description: "\uAE34 \uBB38\uAD6C\uB97C \uD55C \uC904\uB85C \uB450\uC9C0 \uC54A\uACE0 \uCE78 \uD3ED \uC548\uC5D0\uC11C \uC5EC\uB7EC \uC904\uB85C \uAC10\uC2FC\uB2E4(\uB192\uC774\uB294 \uAE00\uC5D0 \uB9DE\uCDB0 \uB298\uC5B4\uB09C\uB2E4).",
+      group: "appearance"
+    },
     classNameProp
   ],
   children: { accepts: true, text: true, label: "\uBC30\uC9C0 \uBB38\uAD6C" },
@@ -1660,6 +1759,25 @@ var KeyValueListMeta = {
           kind: "string",
           label: "\uD0DC\uADF8 \uC811\uB450\uC5B4",
           description: "\uAC12\uC774 \uBB38\uC790\uC5F4 \uBC30\uC5F4\uC774\uBA74 \uD0DC\uADF8\uB85C \uADF8\uB9B0\uB2E4 \u2014 \uADF8\uB54C \uAC01 \uC55E\uC5D0 \uBD99\uC77C \uAE00\uC790(\uC608: #). \uBE48 \uBC30\uC5F4\uC740 \u2014."
+        },
+        {
+          name: "format",
+          kind: "enum",
+          label: "\uD45C\uC2DC \uC11C\uC2DD",
+          description: '\uB0A0\uC9DC\xB7\uC77C\uC2DC\xB7\uC2DC\uAC01\uC740 \uD55C\uAD6D \uC2DC\uAC01\uC73C\uB85C, \uC22B\uC790\xB7\uAE08\uC561\uC740 \uCC9C \uB2E8\uC704 \uC27C\uD45C\uB85C. \uC8FC\uC9C0 \uC54A\uC544\uB3C4 \uC2DC\uAC04\uB300\uAC00 \uBD99\uC740 \uC11C\uBC84 \uC77C\uC2DC(\u2026T01:27:23+00:00)\uB294 "YYYY-MM-DD HH:mm"\uC73C\uB85C \uBC14\uB010\uB2E4.',
+          options: [
+            { value: "date", label: "\uB0A0\uC9DC (YYYY-MM-DD)" },
+            { value: "datetime", label: "\uC77C\uC2DC (YYYY-MM-DD HH:mm)" },
+            { value: "time", label: "\uC2DC\uAC01 (HH:mm)" },
+            { value: "number", label: "\uC22B\uC790 (1,234)" },
+            { value: "currency", label: "\uAE08\uC561 (1,234\uC6D0)" }
+          ]
+        },
+        {
+          name: "block",
+          kind: "boolean",
+          label: "\uAE34 \uAE00\uB85C \uD45C\uC2DC",
+          description: "\uAC12\uC744 \uB77C\uBCA8 \uC544\uB798 \uC804\uCCB4 \uD3ED\uC5D0 \uC67C\uCABD \uC815\uB82C\uB85C(\uC904\uBC14\uAFC8 \uC720\uC9C0). \uC8FC\uC9C0 \uC54A\uC73C\uBA74 \uC904\uBC14\uAFC8\uC774 \uC788\uAC70\uB098 80\uC790\uB97C \uB118\uB294 \uAE00\uC77C \uB54C \uC790\uB3D9\uC73C\uB85C \uCF1C\uC9C4\uB2E4."
         }
       ]
     },
@@ -1687,7 +1805,16 @@ var StatCardMeta = {
   description: "\uC22B\uC790 \uD558\uB098\uB97C \uAC15\uC870\uD558\uB294 \uCE74\uB4DC. \uB300\uC2DC\uBCF4\uB4DC\uC758 \uAE30\uBCF8 \uD0C0\uC77C\uC774\uB2E4.",
   props: [
     { name: "label", kind: "node", label: "\uB77C\uBCA8", required: true, slot: true, group: "content" },
-    { name: "value", kind: "node", label: "\uAC12", required: true, slot: true, bindable: true, group: "data" },
+    {
+      name: "value",
+      kind: "node",
+      label: "\uAC12",
+      required: true,
+      slot: true,
+      bindable: true,
+      description: "\uC22B\uC790\uBA74 \uCC9C \uB2E8\uC704 \uC27C\uD45C\uB97C \uB123\uC5B4 \uADF8\uB9B0\uB2E4(11200 \u2192 11,200). \uBB38\uC790\uC5F4\uC740 \uADF8\uB300\uB85C.",
+      group: "data"
+    },
     { name: "unit", kind: "string", label: "\uB2E8\uC704", description: '"GB", "\uAC74", "%"', group: "content" },
     { name: "delta", kind: "node", label: "\uBE44\uAD50 \uD14D\uC2A4\uD2B8", description: '"+12.4%"', slot: true, bindable: true, group: "content" },
     {
@@ -1872,7 +1999,7 @@ var PaginationMeta = {
   label: "\uD398\uC774\uC9C0 \uC774\uB3D9",
   category: "data",
   icon: "chevron-right",
-  description: '\uD398\uC774\uC9C0 \uBC88\uD638 \uBC14. total\uACFC pageSize\uB97C \uD568\uAED8 \uC8FC\uBA74 "1\u201310 / 240"\uC774 \uD45C\uC2DC\uB41C\uB2E4.',
+  description: '\uD398\uC774\uC9C0 \uBC88\uD638 \uBC14. total\uACFC pageSize\uB97C \uD568\uAED8 \uC8FC\uBA74 "1\u201310 / 240"\uC774 \uD45C\uC2DC\uB41C\uB2E4(0\uAC74\uC774\uBA74 "0\uAC74").',
   props: [
     { name: "page", kind: "number", label: "\uD604\uC7AC \uD398\uC774\uC9C0", required: true, default: 1, bindable: true, group: "data" },
     { name: "pageCount", kind: "number", label: "\uC804\uCCB4 \uD398\uC774\uC9C0 \uC218", required: true, default: 1, bindable: true, group: "data" },
@@ -1923,6 +2050,19 @@ var TableMeta = {
             { name: "toneMap", kind: "object", label: "\uAC12 \u2192 \uD1A4" },
             { name: "labelMap", kind: "object", label: "\uAC12 \u2192 \uD45C\uC2DC \uBB38\uAD6C" }
           ]
+        },
+        {
+          name: "format",
+          kind: "enum",
+          label: "\uD45C\uC2DC \uC11C\uC2DD",
+          description: '\uB0A0\uC9DC\xB7\uC77C\uC2DC\xB7\uC2DC\uAC01\uC740 \uD55C\uAD6D \uC2DC\uAC01\uC73C\uB85C, \uC22B\uC790\xB7\uAE08\uC561\uC740 \uCC9C \uB2E8\uC704 \uC27C\uD45C\uB85C. \uC8FC\uC9C0 \uC54A\uC544\uB3C4 \uC2DC\uAC04\uB300\uAC00 \uBD99\uC740 \uC11C\uBC84 \uC77C\uC2DC\uB294 "YYYY-MM-DD HH:mm"\uC73C\uB85C \uBC14\uB010\uB2E4.',
+          options: [
+            { value: "date", label: "\uB0A0\uC9DC (YYYY-MM-DD)" },
+            { value: "datetime", label: "\uC77C\uC2DC (YYYY-MM-DD HH:mm)" },
+            { value: "time", label: "\uC2DC\uAC01 (HH:mm)" },
+            { value: "number", label: "\uC22B\uC790 (1,234)" },
+            { value: "currency", label: "\uAE08\uC561 (1,234\uC6D0)" }
+          ]
         }
       ]
     },
@@ -1961,13 +2101,30 @@ var TableMeta = {
     },
     { name: "rowKey", kind: "string", label: "\uD589 key \uD544\uB4DC", default: "id", group: "data", advanced: true },
     { name: "onRowClick", kind: "action", label: "\uD589 \uD074\uB9AD", eventArg: "\uD589 \uAC1D\uCCB4 \uC804\uCCB4", group: "behavior" },
-    { name: "empty", kind: "node", label: "\uBE48 \uBAA9\uB85D \uD45C\uC2DC", slot: true, description: "EmptyState \uAD8C\uC7A5", group: "content" },
+    { name: "empty", kind: "node", label: "\uBE48 \uBAA9\uB85D \uD45C\uC2DC", slot: true, description: 'EmptyState \uAD8C\uC7A5. \uC5C6\uC73C\uBA74 \uBA38\uB9AC\uAE00 \uC544\uB798 "\uBE48 \uD45C \uBB38\uAD6C" \uD55C \uC904\uC774 \uC120\uB2E4.', group: "content" },
+    {
+      name: "emptyText",
+      kind: "string",
+      label: "\uBE48 \uD45C \uBB38\uAD6C",
+      description: 'empty \uC2AC\uB86F \uC5C6\uC774 \uBE44\uC5C8\uC744 \uB54C \uD45C \uC548\uC5D0 \uB193\uB294 \uD55C \uC904. \uC0DD\uB7B5\uD558\uBA74 "\uD45C\uC2DC\uD560 \uD56D\uBAA9\uC774 \uC5C6\uC2B5\uB2C8\uB2E4".',
+      group: "content"
+    },
+    {
+      name: "stackable",
+      kind: "boolean",
+      label: "\uBAA8\uBC14\uC77C \uD589 \uCE74\uB4DC",
+      default: true,
+      description: "\uC881\uC740 \uD654\uBA74(\u2264767px)\uC5D0\uC11C \uD589\uC744 \uCE74\uB4DC\uB85C \uC313\uB294\uB2E4(\uBA38\uB9AC\uAE00\uC774 \uCE78 \uC774\uB984\uC774 \uB41C\uB2E4). \uB044\uBA74 \uD45C \uADF8\uB300\uB85C \uC606\uC73C\uB85C \uBBF8\uB294 \uC0C1\uC790\uAC00 \uB41C\uB2E4 \u2014 \uC5F4\uC774 \uB9CE\uC740 \uC9D1\uACC4\uD45C\uC5D0. sticky \uD45C\uB294 \uAE30\uBCF8\uC774 \uAEBC\uC9D0(\uACE0\uC815 \uBA38\uB9AC\uAE00\uACFC \uD589 \uCE74\uB4DC\uB294 \uC5B4\uAE0B\uB09C\uB2E4).",
+      group: "appearance",
+      advanced: true
+    },
     styleProp,
     classNameProp
   ],
   // 컬럼·행이 전부 프롭이다 — 자식을 넣어도 렌더되지 않는다.
   children: { accepts: false },
-  dom: { element: "table", slotElement: { empty: "fragment" } },
+  // 비고정 표는 가로 스크롤 상자(div.wp-table-scroll)로 감싸 나간다 — sticky 일 때만 table 이 루트다.
+  dom: { element: "div", slotElement: { empty: "fragment" } },
   preset: {
     component: "Table",
     props: {
@@ -2107,11 +2264,26 @@ var searchCommonProps = [
     item: [
       { name: "key", kind: "string", label: "\uD589\uC758 \uD544\uB4DC", required: true },
       { name: "title", kind: "string", label: "\uBA38\uB9AC\uAE00", required: true },
-      { name: "sortable", kind: "boolean", label: "\uC815\uB82C \uAC00\uB2A5" },
+      {
+        name: "sortable",
+        kind: "boolean",
+        label: "\uC815\uB82C \uAC00\uB2A5",
+        description: "\uBA38\uB9AC\uB97C \uB204\uB974\uBA74 sort\xB7order \uD30C\uB77C\uBBF8\uD130\uAC00 \uBC14\uB010\uB2E4. \uC804 \uD589\uC774 \uB85C\uB4DC\uB41C \uBAA9\uB85D\uC740 \uD654\uBA74\uC5D0\uC11C \uC815\uB82C\uD558\uACE0, \uC11C\uBC84 \uD398\uC774\uC9D5 \uBAA9\uB85D\uC740 \uC11C\uBC84\uAC00 \uC804\uCCB4\uB97C \uC815\uB82C\uD55C 1\uCABD\uC744 \uB2E4\uC2DC \uBC1B\uB294\uB2E4 \u2014 \uC11C\uBC84\uAC00 \uC815\uB82C \uBA54\uC544\uB9AC(sort)\uB97C \uC8FC\uC9C0 \uC54A\uC73C\uBA74 \uC815\uB82C \uBA38\uB9AC\uAC00 \uAEBC\uC9C4\uB2E4."
+      },
       { name: "textAlign", kind: "enum", label: "\uC815\uB82C", options: [{ value: "left", label: "\uC67C\uCABD" }, { value: "right", label: "\uC624\uB978\uCABD" }] },
       { name: "ratio", kind: "number", label: "\uD3ED \uBE44\uC728" },
       { name: "mono", kind: "boolean", label: "\uACE0\uC815\uD3ED \uAE00\uAF34" },
       { name: "strong", kind: "boolean", label: "\uAD75\uAC8C" },
+      {
+        name: "mobile",
+        kind: "enum",
+        label: "\uBAA8\uBC14\uC77C \uCE74\uB4DC \uC5ED\uD560",
+        description: "\uC881\uC740 \uD654\uBA74(\u2264767px)\uC5D0\uC11C \uD45C\uAC00 \uD589 \uCE74\uB4DC\uB85C \uC313\uC77C \uB54C \uC774 \uC5F4\uC758 \uC790\uB9AC. \uC0DD\uB7B5\uD558\uBA74 \uB77C\uBCA8 \uBD99\uC740 \uBCF4\uD1B5 \uC904\uC774\uB2E4. \uC544\uBB34 \uC5F4\uB3C4 \uBA38\uB9AC\uAC00 \uC544\uB2C8\uBA74 \uCE74\uB4DC \uC81C\uBAA9 \uD544\uB4DC(gridCard.titleKey) \uC5F4, \uADF8\uB2E4\uC74C \uCCAB \uAD75\uC740 \uC5F4\uC774 \uBA38\uB9AC\uAC00 \uB41C\uB2E4.",
+        options: [
+          { value: "title", label: "\uCE74\uB4DC \uBA38\uB9AC" },
+          { value: "hide", label: "\uBAA8\uBC14\uC77C\uC5D0\uC11C \uC228\uAE40" }
+        ]
+      },
       {
         name: "cell",
         kind: "object",
@@ -2271,6 +2443,7 @@ var searchCommonProps = [
     name: "initialView",
     kind: "enum",
     label: "\uCD08\uAE30 \uBCF4\uAE30",
+    description: "\uCE74\uB4DC \uBCF4\uAE30\uAC00 \uC788\uB294 \uBAA9\uB85D\uC740 \uBAA8\uBC14\uC77C(\u2264767px)\uC5D0\uC11C \uC774 \uAC12\uACFC \uBB34\uAD00\uD558\uAC8C \uCE74\uB4DC\uB85C \uC2DC\uC791\uD55C\uB2E4. \uC0AC\uC6A9\uC790\uAC00 \uACE0\uB978 \uBCF4\uAE30\uB294 \uAC19\uC740 \uD0ED(\uC138\uC158) \uB3D9\uC548 \uAE30\uC5B5\uB41C\uB2E4.",
     options: [
       { value: "list", label: "\uBAA9\uB85D" },
       { value: "grid", label: "\uACA9\uC790" }
@@ -2312,7 +2485,31 @@ var searchCommonProps = [
   { name: "disableGrid", kind: "boolean", label: "\uACA9\uC790 \uBCF4\uAE30 \uB044\uAE30", description: "views\uC758 \uCD95\uC57D\uD615", group: "appearance" },
   { name: "disableList", kind: "boolean", label: "\uBAA9\uB85D \uBCF4\uAE30 \uB044\uAE30", description: "views\uC758 \uCD95\uC57D\uD615", group: "appearance" },
   { name: "searchPlaceholder", kind: "string", label: "\uAC80\uC0C9\uCC3D \uC548\uB0B4 \uBB38\uAD6C", group: "content" },
+  {
+    name: "emptyTitle",
+    kind: "string",
+    label: "\uBE48 \uBAA9\uB85D \uC81C\uBAA9",
+    description: '\uAC80\uC0C9\xB7\uD544\uD130 \uC5C6\uC774 \uBE44\uC5C8\uC744 \uB54C\uC758 \uBB38\uAD6C. \uC0DD\uB7B5\uD558\uBA74 "\uC544\uC9C1 {\uBAA9\uB85D \uC81C\uBAA9}\uC774/\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4". \uC870\uAC74\uC774 \uAC78\uB9B0 \uCC44 \uBE44\uBA74 \uC774 \uAC12\uACFC \uBB34\uAD00\uD558\uAC8C "\uC870\uAC74\uC5D0 \uB9DE\uB294 \u2026\uC774 \uC5C6\uC2B5\uB2C8\uB2E4"\uC640 \uC870\uAC74 \uCD08\uAE30\uD654 \uBC84\uD2BC\uC774 \uB098\uC628\uB2E4.',
+    group: "content"
+  },
+  { name: "emptyText", kind: "string", label: "\uBE48 \uBAA9\uB85D \uBCF4\uC870 \uBB38\uAD6C", description: "\uAC80\uC0C9\xB7\uD544\uD130 \uC5C6\uC774 \uBE44\uC5C8\uC744 \uB54C \uC81C\uBAA9 \uC544\uB798", group: "content" },
+  {
+    name: "queryStateKey",
+    kind: "string",
+    label: "\uC870\uD68C \uC870\uAC74 \uC0C1\uD0DC \uD0A4",
+    description: '\uC9C0\uAE08\uC758 \uAC80\uC0C9\uC5B4\xB7\uC0C1\uC138\uAC80\uC0C9\xB7\uD544\uD130\xB7\uAD6C\uBD84 \uD0ED\xB7\uC815\uB82C(page/limit \uC81C\uC678)\uC744 \uCFFC\uB9AC \uBB38\uC790\uC5F4\uB85C \uC774 \uC0C1\uD0DC \uD0A4\uC5D0 \uC801\uC5B4 \uB454\uB2E4. \uAC19\uC740 \uC870\uAC74\uC73C\uB85C \uB2E4\uB978 \uD654\uBA74\uC744 \uC5F4 \uB54C(\uC778\uC1C4 \uBCF4\uAE30 \uB4F1) concat("/print/\u2026?", {"$state": \uD0A4})\uCC98\uB7FC \uC77D\uB294\uB2E4. \uC870\uAC74\uC774 \uC5C6\uC73C\uBA74 \uBE48 \uBB38\uC790\uC5F4.',
+    group: "behavior",
+    advanced: true
+  },
   { name: "rowClick", kind: "action", label: "\uD589 \uD074\uB9AD", eventArg: "\uD589 \uAC1D\uCCB4 \uC804\uCCB4", group: "behavior" },
+  {
+    name: "selectedIds",
+    kind: "binding",
+    label: "\uAC15\uC870\uD560 \uD589 id",
+    bindable: true,
+    description: '\uC774 id \uB4E4\uC758 \uD589(\uBAA9\uB85D)\xB7\uCE74\uB4DC(\uCE74\uB4DC \uBCF4\uAE30)\uB97C \uAC15\uC870\uD55C\uB2E4 \u2014 \uD45C\uC2DC \uC804\uC6A9\uC774\uB77C \uCCB4\uD06C\uBC15\uC2A4 \uC120\uD0DD\xB7\uC77C\uAD04 \uC561\uC158\uACFC \uBB34\uAD00\uD558\uB2E4. \uC606 \uCC3D\uC5D0 \uC5F4\uC5B4 \uB454 \uD589\uC744 \uAC00\uB9AC\uD0AC \uB54C [{"$state":"rt.$picked.id"}]\uCC98\uB7FC \uC900\uB2E4. \uBE44\uC5B4 \uC788\uAC70\uB098 null \uC778 \uC6D0\uC18C\uB294 \uBB34\uC2DC\uD55C\uB2E4.',
+    group: "data"
+  },
   {
     name: "virtual",
     kind: "boolean",
@@ -2320,7 +2517,9 @@ var searchCommonProps = [
     description: "true\uBA74 150\uD589\uBD80\uD130. \uC22B\uC790\uB97C \uC8FC\uBA74 \uADF8 \uAC12\uC774 \uC784\uACC4 \uD589\uC218\uAC00 \uB41C\uB2E4.",
     group: "behavior",
     advanced: true
-  }
+  },
+  // 뿌리 상자(boxed)에 붙는다 — 소비 앱 시트의 옵트인 훅 자리(예: 태블릿에서 data-mobile=hide 열 숨기기).
+  classNameProp
 ];
 var searchSlots = [
   {
@@ -2614,6 +2813,13 @@ var DialogMeta = {
       group: "appearance"
     },
     { name: "onClose", kind: "action", label: "\uB2EB\uAE30", group: "behavior" },
+    {
+      name: "confirmClose",
+      kind: "binding",
+      label: "\uB2EB\uAE30 \uC804 \uD655\uC778",
+      description: "Escape\xB7\uBC30\uACBD \uD074\uB9AD(\uBAA8\uBC14\uC77C \uB4A4\uB85C \uAC00\uAE30)\uC73C\uB85C \uB2EB\uC744 \uB54C '\uC791\uC131 \uC911\uC778 \uB0B4\uC6A9\uC744 \uBC84\uB9B4\uAE4C\uC694?'\uB97C \uBB3B\uB294\uB2E4. \uC0DD\uB7B5: \uCC3D \uC548 Form \uC774 \uC791\uC131 \uC911\uC77C \uB54C\uB9CC. true \uB610\uB294 \uBB38\uAD6C: \uC5B8\uC81C\uB098(\uBB38\uAD6C\uBA74 \uADF8 \uBB38\uAD6C\uB85C). false: \uBB3B\uC9C0 \uC54A\uC74C. Form \uC5C6\uC774 \uC0C1\uD0DC\uB85C \uC785\uB825\uC744 \uBAA8\uC73C\uB294 \uCC3D\uC740 $calc \uB85C '\uC785\uB825\uC774 \uC788\uC73C\uBA74 \uBB38\uAD6C, \uC5C6\uC73C\uBA74 false'\uB97C \uBB36\uB294\uB2E4. X\xB7\uCDE8\uC18C \uBC84\uD2BC\uC740 \uBB3B\uC9C0 \uC54A\uB294\uB2E4.",
+      group: "behavior"
+    },
     styleProp,
     classNameProp
   ],
@@ -3310,7 +3516,18 @@ var ChartMeta = {
             { value: "dashed-line", label: "\uC810\uC120" }
           ]
         },
-        { name: "stack", kind: "string", label: "\uB204\uC801 \uADF8\uB8F9", description: "\uAC19\uC740 \uBB38\uC790\uC5F4\uB07C\uB9AC \uB9C9\uB300\uB97C \uC313\uB294\uB2E4." }
+        { name: "stack", kind: "string", label: "\uB204\uC801 \uADF8\uB8F9", description: "\uAC19\uC740 \uBB38\uC790\uC5F4\uB07C\uB9AC \uB9C9\uB300\uB97C \uC313\uB294\uB2E4." },
+        {
+          name: "axis",
+          kind: "enum",
+          label: "y\uCD95",
+          default: "left",
+          description: "\uB9C9\uB300/\uC120 \uCC28\uD2B8 \uC804\uC6A9. \uB2E8\uC704\uAC00 \uB2E4\uB978 \uC2DC\uB9AC\uC988(\uC6D0 \uB9C9\uB300 + km \uC120)\uB294 'right'\uB85C \uC624\uB978\uCABD \uBCF4\uC870\uCD95\uC5D0 \uADF8\uB9B0\uB2E4 \u2014 \uD55C \uCD95\uC5D0 \uADF8\uB9AC\uBA74 \uC791\uC740 \uCABD\uC774 0\uC5D0 \uBD99\uB294\uB2E4. \uC67C\uCABD\xB7\uC624\uB978\uCABD \uC2DC\uB9AC\uC988\uAC00 \uB458 \uB2E4 \uC788\uC744 \uB54C\uB9CC \uCD95\uC774 \uB458\uC774 \uB41C\uB2E4.",
+          options: [
+            { value: "left", label: "\uC67C\uCABD(\uC8FC\uCD95)" },
+            { value: "right", label: "\uC624\uB978\uCABD(\uBCF4\uC870\uCD95)" }
+          ]
+        }
       ]
     },
     { name: "height", kind: "number", label: "\uB192\uC774(px)", default: 300, group: "layout" },
@@ -3319,7 +3536,7 @@ var ChartMeta = {
       kind: "enum",
       label: "\uAC12 \uD615\uC2DD",
       default: "number",
-      description: "currency\uB294 \uC5B5/\uB9CC\uC73C\uB85C \uCD95\uC57D\uD55C\uB2E4(1.2\uC5B5, 3,400\uB9CC).",
+      description: "currency\uB294 \uC5B5/\uB9CC\uC73C\uB85C \uCD95\uC57D\uD55C\uB2E4(1.2\uC5B5, 3,400\uB9CC, 1.4\uB9CC). \uCD95 \uB208\uAE08\uC740 \uD55C \uCD95 \uC548\uC5D0\uC11C \uB2E8\uC704\uB97C \uB9DE\uCD98\uB2E4 \u2014 \uCD95 \uCD5C\uB313\uAC12\uC774 10\uB9CC \uBBF8\uB9CC\uC774\uBA74 \uC6D0 \uB2E8\uC704 \uADF8\uB300\uB85C(4,500 / 13,500).",
       options: [
         { value: "number", label: "\uC22B\uC790" },
         { value: "currency", label: "\uAE08\uC561" },
@@ -3340,7 +3557,7 @@ var ChartMeta = {
       kind: "enum",
       label: "\uBC94\uB840 \uC704\uCE58",
       default: "bottom",
-      description: 'pie/donut \uC804\uC6A9. "\uC6B0\uCE21 \uC218\uCE58 \uD45C"\uB294 \uC810 \uBC94\uB840 \uB300\uC2E0 \uC804\uCCB4 \uD589 + \uC870\uAC01\uBCC4 \uAC12\xB7\uC810\uC720\uC728\uC744 \uCC28\uD2B8 \uC624\uB978\uCABD\uC5D0 \uC801\uB294\uB2E4.',
+      description: 'pie/donut \uC804\uC6A9. "\uC6B0\uCE21 \uC218\uCE58 \uD45C"\uB294 \uC810 \uBC94\uB840 \uB300\uC2E0 \uC804\uCCB4 \uD589 + \uC870\uAC01\uBCC4 \uAC12\xB7\uC810\uC720\uC728\uC744 \uCC28\uD2B8 \uC624\uB978\uCABD\uC5D0 \uC801\uB294\uB2E4. \uD3ED\uC774 \uC881\uC73C\uBA74(\uBAA8\uBC14\uC77C\xB7\uC881\uC740 \uCE74\uB4DC) \uD45C\uAC00 \uCC28\uD2B8 \uC544\uB798 \uC904\uB85C \uB0B4\uB824\uAC04\uB2E4.',
       options: [
         { value: "bottom", label: "\uC544\uB798 \uC810 \uBC94\uB840" },
         { value: "right", label: "\uC6B0\uCE21 \uC218\uCE58 \uD45C" }
@@ -3365,7 +3582,37 @@ var ChartMeta = {
         { name: "value", kind: "string", label: "\uAC12" }
       ]
     },
-    { name: "emptyText", kind: "string", label: "\uB370\uC774\uD130 \uC5C6\uC74C \uBB38\uAD6C", group: "content" }
+    { name: "emptyText", kind: "string", label: "\uB370\uC774\uD130 \uC5C6\uC74C \uBB38\uAD6C", group: "content" },
+    {
+      name: "rightValueFormat",
+      kind: "enum",
+      label: "\uBCF4\uC870\uCD95 \uAC12 \uD615\uC2DD",
+      default: "number",
+      description: "\uC2DC\uB9AC\uC988 axis:'right'\uAC00 \uC788\uC744 \uB54C \uC624\uB978\uCABD \uCD95 \uB208\uAE08\uACFC \uADF8 \uC2DC\uB9AC\uC988 \uD234\uD301\uC758 \uD615\uC2DD.",
+      options: [
+        { value: "number", label: "\uC22B\uC790" },
+        { value: "currency", label: "\uAE08\uC561" },
+        { value: "percent", label: "\uBC31\uBD84\uC728" }
+      ],
+      group: "appearance",
+      advanced: true
+    },
+    {
+      name: "integer",
+      kind: "boolean",
+      label: "\uC815\uC218 \uB208\uAE08",
+      description: "\uC0DD\uB7B5\uD558\uBA74 \uCD95\uB9C8\uB2E4 \uC790\uB3D9 \u2014 \uADF8 \uCD95\uC758 \uAC12\uC774 \uC804\uBD80 \uC815\uC218(\uAC74\uC218\xB7\uC778\uC6D0)\uBA74 \uC815\uC218 \uB208\uAE08\uB9CC \uC4F4\uB2E4(0.3\uBA85 \uAC19\uC740 \uB208\uAE08 \uAE08\uC9C0). true/false\uB85C \uAC15\uC81C\uD55C\uB2E4.",
+      group: "appearance",
+      advanced: true
+    },
+    {
+      name: "xTickWrap",
+      kind: "boolean",
+      label: "x\uCD95 \uB77C\uBCA8 \uBAA8\uB450 \uBCF4\uC774\uAE30",
+      default: false,
+      description: "\uB9C9\uB300/\uC120 \uCC28\uD2B8 \uC804\uC6A9. \uAE34 \uBC94\uC8FC \uB77C\uBCA8(\uBCF8\uBD80\uBA85 \uB4F1)\uC744 \uCE78 \uD3ED\uC5D0 \uB9DE\uCDB0 \uCD5C\uB300 3\uC904\uB85C \uC904\uBC14\uAFC8\uD558\uACE0, \uADF8\uB798\uB3C4 \uBAA8\uC790\uB77C\uBA74 45\xB0 \uAE30\uC6B8\uC5EC \uC804\uBD80 \uBCF4\uC778\uB2E4(\uAE30\uC6B8\uC774\uBA74 \uCCAB \uB77C\uBCA8\uC774 \uC798\uB9AC\uC9C0 \uC54A\uAC8C \uC67C\uCABD \uC5EC\uBC31\uC744 \uB77C\uBCA8 \uAE38\uC774\uB9CC\uD07C \uB298\uB9B0\uB2E4). \uB044\uBA74 \uACB9\uCE58\uB294 \uB77C\uBCA8\uC744 \uAC74\uB108\uB6F4\uB2E4.",
+      group: "appearance"
+    }
   ],
   children: { accepts: false },
   dom: { element: "div" },
@@ -3479,7 +3726,7 @@ var ApprovalStepperMeta = {
   label: "\uACB0\uC7AC \uC9C4\uD589 \uC2A4\uD14C\uD37C",
   category: "display",
   icon: "workflow",
-  description: '\uC2E0\uCCAD\uC790 \u2192 \uACB0\uC7AC \uB2E8\uACC4\uB97C \uAC00\uB85C\uB85C \uB098\uC5F4\uD558\uB294 \uC77D\uAE30 \uC804\uC6A9 \uC2A4\uD14C\uD37C. \uB2E8\uACC4\uAC00 \uD558\uB098\uB3C4 \uC5C6\uC73C\uBA74 "\uC790\uB3D9 \uC2B9\uC778"\uC73C\uB85C \uD45C\uC2DC\uD55C\uB2E4.',
+  description: '\uC2E0\uCCAD\uC790 \u2192 \uACB0\uC7AC \uB2E8\uACC4\uB97C \uAC00\uB85C\uB85C \uB098\uC5F4\uD558\uB294 \uC77D\uAE30 \uC804\uC6A9 \uC2A4\uD14C\uD37C. \uB2E8\uACC4\uAC00 \uD558\uB098\uB3C4 \uC5C6\uC73C\uBA74 \uCC98\uB9AC\uC790(decidedBy)\uC758 "\uACB0\uC7AC" \uB178\uB4DC \uD558\uB098, \uADF8\uAC83\uB3C4 \uC5C6\uC73C\uBA74 \uACB0\uACFC(outcome, \uAE30\uBCF8 \uC2B9\uC778)\uC5D0 \uB9DE\uB294 "\uC790\uB3D9 \uC2B9\uC778" \uC548\uB0B4\uB97C \uC644\uB8CC\uD615\uC73C\uB85C \uADF8\uB9B0\uB2E4.',
   props: [
     {
       name: "steps",
@@ -3487,7 +3734,7 @@ var ApprovalStepperMeta = {
       label: "\uACB0\uC7AC \uB2E8\uACC4",
       required: true,
       bindable: true,
-      description: "\uBE48 \uBC30\uC5F4\uC774\uBA74 \uC790\uB3D9 \uC2B9\uC778\uC73C\uB85C \uADF8\uB9B0\uB2E4(\uBC31\uC5D4\uB4DC \uD574\uC11D\uAE30\uC640 \uAC19\uC740 \uC758\uBBF8).",
+      description: "\uBE48 \uBC30\uC5F4\uC774\uBA74 decidedBy\xB7outcome \uC73C\uB85C \uADF8\uB9B0\uB2E4(\uBC31\uC5D4\uB4DC\uB294 \uB2E8\uACC4 \uC5C6\uB294 \uACB0\uC7AC\uB97C \uC62C\uB9AC\uB294 \uC989\uC2DC \uC2B9\uC778\uD55C\uB2E4). \uBAA8\uB974\uB294 status \uAC12\uC740 \uB300\uAE30\uB85C \uADF8\uB9B0\uB2E4.",
       group: "data",
       item: [
         { name: "id", kind: "string", label: "\uB2E8\uACC4 id", required: true },
@@ -3502,16 +3749,17 @@ var ApprovalStepperMeta = {
           name: "status",
           kind: "enum",
           label: "\uC0C1\uD0DC",
-          description: "\uBBF8\uC9C0\uC815\uC774\uBA74 \uB300\uAE30\uB85C \uBCF8\uB2E4.",
-          // 스펙에는 approved·current·pending만 등장하지만(각 4·4·1), rejected·skipped도
-          // 구현이 실제로 그리는 상태다(STATUS_META 5종). 값 후보는 구현 기준으로 적는다 —
+          description: "\uBBF8\uC9C0\uC815\uC774\uAC70\uB098 \uBAA9\uB85D\uC5D0 \uC5C6\uB294 \uAC12\uC774\uBA74 \uB300\uAE30\uB85C \uBCF8\uB2E4.",
+          // 스펙에는 approved·current·pending만 등장하지만(각 4·4·1), rejected·skipped·cancelled도
+          // 구현이 실제로 그리는 상태다(STATUS_META 6종). 값 후보는 구현 기준으로 적는다 —
           // 실사용이 없다는 이유로 빼면 편집기가 반려 상태를 만들 수단을 잃는다.
           options: [
             { value: "pending", label: "\uB300\uAE30" },
             { value: "current", label: "\uC9C4\uD589 \uC911" },
             { value: "approved", label: "\uC2B9\uC778" },
             { value: "rejected", label: "\uBC18\uB824" },
-            { value: "skipped", label: "\uAC74\uB108\uB700" }
+            { value: "skipped", label: "\uAC74\uB108\uB700" },
+            { value: "cancelled", label: "\uCDE8\uC18C" }
           ]
         },
         { name: "approver", kind: "string", label: "\uCC98\uB9AC\uC790", description: "\uC2B9\uC778\xB7\uBC18\uB824\uB41C \uB2E8\uACC4\uC5D0\uC11C \uD234\uD301\uC5D0 \uBCF4\uC778\uB2E4." },
@@ -3536,6 +3784,37 @@ var ApprovalStepperMeta = {
         { name: "sub", kind: "string", label: "\uC18C\uC18D\xB7\uC9C1\uAE09", description: '\uBE44\uBA74 "\uC2E0\uCCAD\uC790"\uB85C \uB300\uC2E0 \uD45C\uC2DC\uD55C\uB2E4.' }
       ]
     },
+    {
+      name: "decidedBy",
+      kind: "string",
+      label: "\uCC98\uB9AC\uC790(\uB2E8\uACC4 \uC5C6\uC74C)",
+      bindable: true,
+      description: 'steps \uAC00 \uBE44\uC5B4 \uC788\uC744 \uB54C\uB9CC \uC4F0\uC778\uB2E4. \uC788\uC73C\uBA74 "\uC790\uB3D9 \uC2B9\uC778" \uB300\uC2E0 \uC774 \uC0AC\uB78C\uC774 \uCC98\uB9AC\uD55C "\uACB0\uC7AC" \uB178\uB4DC \uD558\uB098\uB97C \uADF8\uB9B0\uB2E4(\uC608: approval.approver_name).',
+      group: "data"
+    },
+    {
+      name: "decidedAt",
+      kind: "string",
+      label: "\uCC98\uB9AC \uC77C\uC2DC(\uB2E8\uACC4 \uC5C6\uC74C)",
+      bindable: true,
+      description: "ISO \uAD8C\uC7A5. decidedBy \uB178\uB4DC\uC758 \uD234\uD301, \uC790\uB3D9 \uC2B9\uC778 \uC548\uB0B4\uC758 \uB458\uC9F8 \uC904\uC5D0 \uBCF4\uC778\uB2E4(\uC608: approval.approval_time).",
+      group: "data"
+    },
+    {
+      name: "outcome",
+      kind: "enum",
+      label: "\uACB0\uACFC(\uB2E8\uACC4 \uC5C6\uC74C)",
+      bindable: true,
+      description: 'steps \uAC00 \uBE44\uC5B4 \uC788\uC744 \uB54C \uBB38\uC11C\uC758 \uACB0\uACFC. \uAE30\uBCF8 \uC2B9\uC778("\uACB0\uC7AC \uB2E8\uACC4 \uC5C6\uC774 \uC790\uB3D9 \uC2B9\uC778\uB418\uC5C8\uC2B5\uB2C8\uB2E4"). pending \uC740 \uC62C\uB9AC\uAE30 \uC804 \uBBF8\uB9AC\uBCF4\uAE30\uC758 \uBBF8\uB798\uD615, cancelled\xB7rejected \uB294 \uADF8 \uC0C1\uD0DC\uB85C \uADF8\uB9B0\uB2E4.',
+      options: [
+        { value: "approved", label: "\uC2B9\uC778" },
+        { value: "pending", label: "\uC62C\uB9AC\uAE30 \uC804" },
+        { value: "rejected", label: "\uBC18\uB824" },
+        { value: "cancelled", label: "\uCDE8\uC18C" }
+      ],
+      group: "data",
+      advanced: true
+    },
     {
       name: "typeLabels",
       kind: "object",
@@ -3852,7 +4131,7 @@ var OrgChartBoardMeta = {
   label: "\uC870\uC9C1\uB3C4 \uBCF4\uB4DC",
   category: "display",
   icon: "git-branch",
-  description: "\uC2E4\uB370\uC774\uD130 \uC870\uC9C1\uB3C4 \uCE94\uBC84\uC2A4(v2 \uC774\uC2DD). /employees\xB7/departments?include=paths\xB7/job-positions 3\uC6D0\uC744 \uC2A4\uC2A4\uB85C \uD398\uC774\uC9C0 \uC218\uC9D1\uD574 \uB9AC\uB354\uC2ED \uC2A4\uD0DD\xB7\uBCF8\uBD80 \uC0C9 \uD5E4\uB354\xB7\uC138\uB85C\uC4F0\uAE30 \uD300 \uB77C\uBCA8\xB72\uC5F4 \uAD6C\uC131\uC6D0 \uADF8\uB9AC\uB4DC\uB85C \uADF8\uB9B0\uB2E4(\uBD80\uC11C\xB7\uC9C1\uC704 \uC870\uD68C\uB294 \uC2E4\uD328 \uD5C8\uC6A9). \uAD6C\uC131\uC6D0 \uC815\uB82C\uC740 \uC9C1\uCC45\u2192\uC9C1\uC704 \uB9C8\uC2A4\uD130 rank_order(\uCD5C\uC7A5 \uD3EC\uD568 \uB9E4\uCE6D)\u2192GRADE_ORDER \uD3F4\uBC31\u2192level\u2192\uC774\uB984. \uD720 \uC90C\xB7\uB4DC\uB798\uADF8 \uD32C\xB7\uC804\uCCB4\uD654\uBA74 \uB0B4\uC7A5, \uBBF8\uC9C0\uC815 \uADF8\uB8F9\uC740 \uC228\uAE34\uB2E4.",
+  description: "\uC2E4\uB370\uC774\uD130 \uC870\uC9C1\uB3C4 \uCE94\uBC84\uC2A4(v2 \uC774\uC2DD). /employees\xB7/departments?include=paths\xB7/job-positions 3\uC6D0\uC744 \uC2A4\uC2A4\uB85C \uD398\uC774\uC9C0 \uC218\uC9D1\uD574 \uB9AC\uB354\uC2ED \uC2A4\uD0DD\xB7\uBCF8\uBD80 \uC0C9 \uD5E4\uB354\xB7\uC138\uB85C\uC4F0\uAE30 \uD300 \uB77C\uBCA8\xB72\uC5F4 \uAD6C\uC131\uC6D0 \uADF8\uB9AC\uB4DC\uB85C \uADF8\uB9B0\uB2E4(\uBD80\uC11C\xB7\uC9C1\uC704 \uC870\uD68C\uB294 \uC2E4\uD328 \uD5C8\uC6A9). \uAD6C\uC131\uC6D0 \uC815\uB82C\uC740 \uC9C1\uCC45\u2192\uC9C1\uC704 \uB9C8\uC2A4\uD130 rank_order(\uCD5C\uC7A5 \uD3EC\uD568 \uB9E4\uCE6D)\u2192GRADE_ORDER \uD3F4\uBC31\u2192level\u2192\uC774\uB984. \uD720\xB7\uB450 \uC190\uAC00\uB77D \uD540\uCE58 \uC90C, \uB4DC\uB798\uADF8 \uD32C, \uD654\uBA74 \uB9DE\uCDA4(\uCC98\uC74C \uC5F4 \uB54C \uC790\uB3D9), \uC804\uCCB4\uD654\uBA74(\uC694\uC18C \uC804\uCCB4\uD654\uBA74\uC774 \uC5C6\uB294 \uBE0C\uB77C\uC6B0\uC800\uB294 \uD654\uBA74\uC744 \uB36E\uB294 \uBC30\uCE58\uB85C \uB300\uC2E0) \uB0B4\uC7A5. \uD130\uCE58\uC5D0\uC11C \uD55C \uC190\uAC00\uB77D \uC138\uB85C \uC774\uB3D9\uC740 \uD398\uC774\uC9C0 \uC2A4\uD06C\uB864\uC5D0 \uC591\uBCF4\uD55C\uB2E4. \uBBF8\uC9C0\uC815 \uADF8\uB8F9\uC740 \uC228\uAE34\uB2E4.",
   props: [
     {
       name: "onMemberClick",
@@ -4007,11 +4286,19 @@ var PermissionMatrixEditorMeta = {
       name: "sourceEndpoint",
       kind: "string",
       label: "\uD604\uC7AC \uBD80\uC5EC \uC2DC\uB529 \uACBD\uB85C",
-      description: "/roles/{id}/permissions \u2014 \uACBD\uB85C\uAC00 \uBC14\uB014 \uB54C\uB9C8\uB2E4 \uC11C\uBC84 \uAC12\uC744 onChange \uB85C \uD55C \uBC88 \uD758\uB9B0\uB2E4.",
+      description: "/roles/{id}/permissions \u2014 \uACBD\uB85C\uAC00 \uBC14\uB014 \uB54C\uB9C8\uB2E4 \uC11C\uBC84 \uAC12\uC744 onChange \uB85C \uD55C \uBC88 \uD758\uB9B0\uB2E4. \uC2DC\uB529\uC774 \uB05D\uB098\uAE30 \uC804\uC5D0\uB294 \uAD6C\uC5ED\uC744 \uC811\uC5B4 \uB450\uACE0, \uB05D\uB098\uBA74 \uBD80\uC5EC\uAC00 \uC788\uB294 \uAD6C\uC5ED\uB9CC \uD3BC\uCE5C\uB2E4(\uBD80\uC5EC\uAC00 \uD558\uB098\uB3C4 \uC5C6\uC73C\uBA74 \uC804\uBD80 \uD3BC\uCE5C\uB2E4).",
       group: "data",
       advanced: true
     },
-    { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" }
+    { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" },
+    {
+      name: "scrollMaxHeight",
+      kind: "string",
+      label: "\uC548\uCABD \uC2A4\uD06C\uB864 \uCD5C\uB300 \uB192\uC774",
+      description: "\uC608: '400px'. \uC0DD\uB7B5\uD558\uBA74(\uAE30\uBCF8) \uC0C1\uC790\uAC00 \uB0B4\uC6A9\uB9CC\uD07C \uC790\uB77C\uACE0 \uBC14\uAE65(\uB2E4\uC774\uC5BC\uB85C\uADF8 \uBCF8\uBB38\xB7\uD398\uC774\uC9C0) \uC2A4\uD06C\uB864 \uD558\uB098\uB85C \uBCF8\uB2E4 \u2014 1.5.0 \uAE4C\uC9C0\uB294 min(46vh, 400px) \uACE0\uC815\uC774\uB77C \uB2E4\uC774\uC5BC\uB85C\uADF8 \uC548\uC5D0\uC11C \uC774\uC911 \uC2A4\uD06C\uB864\uC774 \uB410\uB2E4. \uBAA8\uBC14\uC77C \uD3ED\uC5D0\uC11C\uB294 \uC8FC\uC5B4\uB3C4 \uD480\uB9B0\uB2E4.",
+      group: "layout",
+      advanced: true
+    }
   ],
   children: { accepts: false },
   dom: { element: "div" },
@@ -4782,7 +5069,7 @@ var PeriodFilterMeta = {
       name: "modes",
       kind: "array",
       label: "\uB178\uCD9C\uD560 \uBAA8\uB4DC",
-      description: '\uC0DD\uB7B5\uD558\uBA74 \uB2E4\uC12F \uBAA8\uB4DC\uAC00 \uADF8\uB300\uB85C \uB098\uC628\uB2E4. \uBB38\uC790\uC5F4 \uCD95\uC57D\uD615(["month","custom"])\uB3C4 \uBC1B\uB294\uB2E4 \u2014 \uADF8\uB54C\uB294 \uB77C\uBCA8\xB7\uC544\uC774\uCF58\uC774 \uAE30\uBCF8\uAC12\uC774\uB2E4.',
+      description: '\uC0DD\uB7B5\uD558\uBA74 \uB2E4\uC12F \uBAA8\uB4DC\uAC00 \uADF8\uB300\uB85C \uB098\uC628\uB2E4. \uBB38\uC790\uC5F4 \uCD95\uC57D\uD615(["month","custom"])\uB3C4 \uBC1B\uB294\uB2E4 \u2014 \uADF8\uB54C\uB294 \uB77C\uBCA8\xB7\uC544\uC774\uCF58\uC774 \uAE30\uBCF8\uAC12\uC774\uB2E4. \uD558\uB098\uB9CC \uC8FC\uBA74 \uBAA8\uB4DC \uC804\uD658 \uBC84\uD2BC\uC740 \uADF8\uB9AC\uC9C0 \uC54A\uB294\uB2E4(\uB20C\uB7EC\uB3C4 \uBC14\uB00C\uB294 \uAC83\uC774 \uC5C6\uB2E4).',
       group: "behavior",
       advanced: true,
       item: [
@@ -5179,6 +5466,14 @@ var ImageLightboxMeta = {
       description: "\uAE30\uBCF8 \uC378\uB124\uC77C <img>\uC5D0 \uBD99\uB294\uB2E4. \uCEE4\uC2A4\uD140 \uD2B8\uB9AC\uAC70(\uC790\uC2DD)\uB97C \uC8FC\uBA74 \uC4F0\uC774\uC9C0 \uC54A\uB294\uB2E4.",
       group: "layout",
       advanced: true
+    },
+    {
+      name: "thumbStyle",
+      kind: "object",
+      label: "\uC378\uB124\uC77C \uC2A4\uD0C0\uC77C",
+      description: '\uAE30\uBCF8 \uC378\uB124\uC77C <img>\uC5D0 \uC5B9\uB294 CSS \uC18D\uC131 \uAC1D\uCCB4(\uD06C\uAE30\xB7\uB9DE\uCDA4\xB7\uBAA8\uC11C\uB9AC \u2014 \uC608: {"width":96,"height":96,"objectFit":"cover"}). \uCEE4\uC2A4\uD140 \uD2B8\uB9AC\uAC70(\uC790\uC2DD)\uB97C \uC8FC\uBA74 \uC4F0\uC774\uC9C0 \uC54A\uB294\uB2E4. \uCEF4\uD3EC\uB10C\uD2B8 \uC790\uCCB4\uC758 \uD3ED\xB7\uC5EC\uBC31\uC740 \uC790\uAE30 \uCD95(width\xB7marginTop \u2026)\uC73C\uB85C.',
+      group: "layout",
+      advanced: true
     }
   ],
   children: { accepts: true, label: "\uCEE4\uC2A4\uD140 \uD2B8\uB9AC\uAC70 \u2014 \uC0DD\uB7B5\uD558\uBA74 \uAE30\uBCF8 \uC378\uB124\uC77C\uC774 \uADF8\uB824\uC9C4\uB2E4" },
@@ -5520,6 +5815,7 @@ var EventCalendarMeta = {
       label: "\uBCF4\uAE30",
       default: "month",
       bindable: true,
+      description: "\uC0DD\uB7B5\uD558\uBA74 \uB370\uC2A4\uD06C\uD1B1\uC740 '\uC6D4', \uBAA8\uBC14\uC77C \uD3ED(\u2264767.98px)\uC740 '\uC77C\uC815 \uBAA9\uB85D'\uC73C\uB85C \uC5F0\uB2E4(\uC6D4 \uCE78\uC774 \uC881\uC544 \uC81C\uBAA9\uC774 \uC798\uB9B0\uB2E4). \uC0C1\uD0DC\uC5D0 \uBC14\uC778\uB529\uD560 \uB54C default \uB97C \uBC15\uC73C\uBA74 \uADF8 \uAC12\uC774 \uBAA8\uBC14\uC77C\uC5D0\uC11C\uB3C4 \uC774\uAE34\uB2E4 \u2014 \uD3ED\uC5D0 \uB9E1\uAE30\uB824\uBA74 default \uB97C \uBE44\uC6B4\uB2E4.",
       options: [
         { value: "month", label: "\uC6D4" },
         { value: "week", label: "\uC8FC" },
@@ -5574,6 +5870,14 @@ var EventCalendarMeta = {
       description: "\uC8FC\uBA74 \uC81C\uC5B4 \uBAA8\uB4DC\uAC00 \uB41C\uB2E4.",
       group: "data",
       advanced: true
+    },
+    {
+      name: "className",
+      kind: "string",
+      label: "\uCD94\uAC00 \uD074\uB798\uC2A4",
+      description: "\uB2EC\uB825 \uBFCC\uB9AC \uC0C1\uC790\uC5D0 \uB367\uBD99\uB294\uB2E4 \u2014 \uC18C\uBE44 \uC571 \uC2DC\uD2B8\uAC00 \uB2EC\uB825 \uC548\uCABD\uC744 \uB2E4\uB4EC\uB294 \uD6C5 \uC790\uB9AC.",
+      group: "layout",
+      advanced: true
     }
   ],
   children: { accepts: false },
@@ -5763,7 +6067,7 @@ var TreeViewMeta = {
       kind: "string",
       label: "\uC120\uD0DD\uB41C \uB178\uB4DC id",
       bindable: true,
-      description: "\uC8FC\uBA74 \uC81C\uC5B4 \uBAA8\uB4DC\uAC00 \uB41C\uB2E4 \u2014 \uB0B4\uBD80 \uC120\uD0DD \uC0C1\uD0DC\uB97C \uC4F0\uC9C0 \uC54A\uB294\uB2E4.",
+      description: "\uC8FC\uBA74 \uC81C\uC5B4 \uBAA8\uB4DC\uAC00 \uB41C\uB2E4 \u2014 \uB0B4\uBD80 \uC120\uD0DD \uC0C1\uD0DC\uB97C \uC4F0\uC9C0 \uC54A\uB294\uB2E4. \uAC12\uC774 \uBC14\uB00C\uBA74(\uB525\uB9C1\uD06C\xB7\uD558\uC704 \uD45C\uC5D0\uC11C \uB0B4\uB824\uAC10) \uC811\uD78C \uC870\uC0C1\uC744 \uD3BC\uCE58\uACE0 \uADF8 \uD589\uC744 \uD2B8\uB9AC \uC2A4\uD06C\uB864 \uC548\uC73C\uB85C \uAC00\uC838\uC628\uB2E4. \uAC19\uC740 \uC120\uD0DD\uC5D0\uC11C \uC0AC\uC6A9\uC790\uAC00 \uC811\uC740 \uAC83\uC740 \uADF8\uB300\uB85C \uB454\uB2E4.",
       group: "data"
     },
     { name: "onSelect", kind: "action", label: "\uB178\uB4DC \uC120\uD0DD", eventArg: "\uC120\uD0DD\uB41C \uB178\uB4DC id", group: "behavior" },
@@ -5822,6 +6126,19 @@ var PrintSheetMeta = {
       default: false,
       description: "\uC0C8 \uCC3D(window.opener \uC788\uC74C)\uC73C\uB85C \uC5F4\uB838\uC744 \uB54C\uB9CC \uB3D9\uC791\uD55C\uB2E4 \u2014 \uD398\uC774\uC9C0 \uC548\uC5D0 \uB07C\uC6CC \uB123\uC740 \uACBD\uC6B0\uC5D0\uB294 \uC544\uBB34 \uC77C\uB3C4 \uC5C6\uB2E4.",
       group: "behavior"
+    },
+    {
+      name: "toolbar",
+      kind: "enum",
+      label: "\uB3C4\uAD6C\uC904",
+      default: "auto",
+      description: "\uC2DC\uD2B8 \uC704 '\uC778\uC1C4\uD558\uAE30'\xB7'\uB2EB\uAE30' \uC904. '\uB2EB\uAE30'\uB294 \uC2A4\uD06C\uB9BD\uD2B8\uAC00 \uB2EB\uC744 \uC218 \uC788\uB294 \uCC3D(\uC0C8 \uCC3D)\uC5D0\uC11C\uB9CC \uBCF4\uC778\uB2E4 \u2014 \uC571 \uC548\uC5D0 \uB07C\uC6CC \uB123\uC740 \uD654\uBA74\uC5D0\uC11C\uB294 \uB20C\uB7EC\uB3C4 \uC544\uBB34 \uC77C\uC774 \uC5C6\uAE30 \uB54C\uBB38\uC774\uB2E4. \uD654\uBA74 \uBA38\uB9AC\uC5D0 \uC778\uC1C4 \uBC84\uD2BC\uC774 \uB530\uB85C \uC788\uC73C\uBA74 '\uC5C6\uC74C'\uC73C\uB85C \uC778\uC1C4 \uC9C4\uC785\uC810\uC744 \uD558\uB098\uB85C \uB454\uB2E4.",
+      options: [
+        { value: "auto", label: "\uC790\uB3D9", description: "'\uC778\uC1C4\uD558\uAE30' + (\uC0C8 \uCC3D\uC774\uBA74) '\uB2EB\uAE30'" },
+        { value: "print", label: "\uC778\uC1C4\uB9CC" },
+        { value: "none", label: "\uC5C6\uC74C" }
+      ],
+      group: "behavior"
     }
   ],
   children: { accepts: true, text: true, label: "\uC885\uC774\uC5D0 \uC5B9\uC744 \uB0B4\uC6A9" },
@@ -5999,7 +6316,16 @@ var SecureScreenMeta = {
       description: "false\uBA74 \uC544\uBB34 \uC81C\uC57D \uC5C6\uC774 \uC790\uC2DD\uC744 \uADF8\uB300\uB85C \uADF8\uB9B0\uB2E4.",
       group: "behavior"
     },
-    { name: "notice", kind: "string", label: "\uAC00\uB9BC\uB9C9 \uBB38\uAD6C", group: "content" }
+    { name: "notice", kind: "string", label: "\uAC00\uB9BC\uB9C9 \uBB38\uAD6C", group: "content" },
+    {
+      name: "documentWideKeys",
+      kind: "boolean",
+      label: "\uBB38\uC11C \uC804\uCCB4 \uB2E8\uCD95\uD0A4 \uCC28\uB2E8",
+      default: true,
+      description: "Ctrl/Cmd+A\xB7C\xB7P\xB7S\xB7U\xB7X \uCC28\uB2E8\uC744 \uBB38\uC11C \uC804\uCCB4\uC5D0 \uAC74\uB2E4(\uB798\uD37C \uBC16\uC5D0\uC11C \uC804\uCCB4\uC120\uD0DD\u2192\uBCF5\uC0AC \uC6B0\uD68C\uB97C \uB9C9\uB294\uB2E4). \uD398\uC774\uC9C0 \uC77C\uBD80\uB9CC \uAC10\uC2F8\uB294 \uD654\uBA74\uC5D0\uC11C \uBCF4\uD638 \uB300\uC0C1 \uC544\uB2CC \uC785\uB825\uC758 \uBCF5\uC0AC\xB7\uC800\uC7A5\uAE4C\uC9C0 \uB9C9\uC9C0 \uC54A\uC73C\uB824\uBA74 \uB048\uB2E4 \u2014 \uADF8\uB54C\uB294 \uB798\uD37C \uC548\uC5D0\uC11C \uB204\uB978 \uC870\uD569\uB9CC \uB9C9\uB294\uB2E4.",
+      group: "behavior",
+      advanced: true
+    }
   ],
   children: { accepts: true, text: true, label: "\uBCF4\uD638\uD560 \uB0B4\uC6A9" },
   dom: { element: "div" },