@cardenelabs/cdl 0.61.0 → 0.63.0

package/dist/react.cjs

@@ -565,6 +565,18 @@ var en = {
   "readout.kanban.inprogress": "In Progress",
   /** `kanban-board` の列の見出し (値は `done` で読む) */
   "readout.kanban.done": "Done",
+  /** `status-timeline` の区間の字 (値は `active` で読む) */
+  "readout.statusTimeline.active": "ACTIVE",
+  /** `status-timeline` の区間の字 (値は `idle` で読む) */
+  "readout.statusTimeline.idle": "IDLE",
+  /** `status-timeline` の区間の字 (値は `error` で読む) */
+  "readout.statusTimeline.error": "ERROR",
+  /** `user-presence` の状態の字 (値は `online` で読む) */
+  "readout.presence.online": "online",
+  /** `user-presence` の状態の字 (値は `away` で読む) */
+  "readout.presence.away": "away",
+  /** `user-presence` の状態の字 (値は `offline` で読む) */
+  "readout.presence.offline": "offline",
   /** `traffic-light` の赤の灯の見出し (値は `red` で読む) */
   "readout.trafficLight.red": "red",
   /** `traffic-light` の黄の灯の見出し (値は `yellow` / `amber` で読む) */
@@ -673,6 +685,12 @@ var ja = {
   "readout.kanban.todo": "\u672A\u7740\u624B",
   "readout.kanban.inprogress": "\u9032\u884C\u4E2D",
   "readout.kanban.done": "\u5B8C\u4E86",
+  "readout.statusTimeline.active": "\u7A3C\u50CD",
+  "readout.statusTimeline.idle": "\u5F85\u6A5F",
+  "readout.statusTimeline.error": "\u7570\u5E38",
+  "readout.presence.online": "\u30AA\u30F3\u30E9\u30A4\u30F3",
+  "readout.presence.away": "\u96E2\u5E2D",
+  "readout.presence.offline": "\u30AA\u30D5\u30E9\u30A4\u30F3",
   "readout.trafficLight.red": "\u8D64",
   "readout.trafficLight.yellow": "\u9EC4",
   "readout.trafficLight.green": "\u7DD1"
@@ -26422,12 +26440,14 @@ function StatusTimelineReadout({
     } catch {
     }
   }
+  const \u5F15\u304F = use\u5B57\u5F15();
   const colorLookup = new Map(colorMap.map((c) => [c.status.toLowerCase(), c.color]));
   const shown = events.slice(0, max);
   const stripHeight = 28;
   const width = 320;
   const cellW = shown.length > 0 ? (width - 20) / shown.length : 0;
   const height = stripHeight + 40;
+  const \u533A\u9593\u306E\u5B57 = (status) => status === "active" || status === "idle" || status === "error" ? \u5F15\u304F(`readout.statusTimeline.${status}`) : status.toUpperCase();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-status-timeline", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -26440,9 +26460,11 @@ function StatusTimelineReadout({
         children: shown.map((ev, i) => {
           const x = 10 + i * cellW;
           const c = colorLookup.get(ev.status) ?? "#cbd5e1";
-          return /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-status-event": i, children: [
+          const \u5B572 = \u533A\u9593\u306E\u5B57(ev.status);
+          const \u63CF\u304F\u5B57 = \u5E45\u3067\u5207\u308B(\u5B572, 10, cellW - 8);
+          return /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-status-event": i, "data-cdl-status": ev.status, children: [
             /* @__PURE__ */ jsxRuntime.jsx("rect", { x, y: 10, width: cellW - 2, height: stripHeight, fill: c, rx: 2 }),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsxs(
               "text",
               {
                 x: x + cellW / 2,
@@ -26452,7 +26474,10 @@ function StatusTimelineReadout({
                 fill: "#ffffff",
                 fontWeight: 600,
                 style: { userSelect: "none" },
-                children: ev.status.length > 5 ? ev.status.slice(0, 4).toUpperCase() : ev.status.toUpperCase()
+                children: [
+                  \u63CF\u304F\u5B57 !== \u5B572 ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: \u5B572 }) : null,
+                  \u63CF\u304F\u5B57
+                ]
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -26770,6 +26795,8 @@ function UserPresenceReadout({
   const width = 260;
   const height = shown.length * rowH + (overflow > 0 ? 20 : 0) + 8;
   const statusColor = (s) => s === "online" ? "#22c55e" : s === "away" ? "#eab308" : "#94a3b8";
+  const \u5F15\u304F = use\u5B57\u5F15();
+  const \u72B6\u614B\u306E\u5B57 = (s) => s === "online" || s === "away" || s === "offline" ? \u5F15\u304F(`readout.presence.${s}`) : s;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-user-presence", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -26782,7 +26809,7 @@ function UserPresenceReadout({
         children: [
           shown.map((u, i) => {
             const y = 4 + i * rowH;
-            return /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-presence-user": i, children: [
+            return /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-presence-user": i, "data-cdl-presence-status": u.status, children: [
               /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 12, cy: y + rowH / 2, r: 6, fill: statusColor(u.status) }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "text",
@@ -26805,7 +26832,7 @@ function UserPresenceReadout({
                   textAnchor: "end",
                   fill: "#64748b",
                   style: { userSelect: "none" },
-                  children: u.status
+                  children: \u72B6\u614B\u306E\u5B57(u.status)
                 }
               )
             ] }, i);