@squadbase/vantage 0.6.2-dev1.a7c4a3e → 0.6.2-dev1.b28a4df

package/dist/slide/index.js

@@ -380,6 +380,41 @@ function isForwardKey(e) {
 function isBackwardKey(e) {
   return e.key === "ArrowLeft" || e.key === "ArrowUp" || e.key === "PageUp";
 }
+
+// src/slide/messages.ts
+var MESSAGES_JA = {
+  previousSlide: "\u524D\u306E\u30B9\u30E9\u30A4\u30C9",
+  nextSlide: "\u6B21\u306E\u30B9\u30E9\u30A4\u30C9",
+  slideList: "\u30B9\u30E9\u30A4\u30C9\u4E00\u89A7",
+  closeSlideList: "\u30B9\u30E9\u30A4\u30C9\u4E00\u89A7\u3092\u9589\u3058\u308B (L)",
+  openSlideList: "\u30B9\u30E9\u30A4\u30C9\u4E00\u89A7\u3092\u958B\u304F (L)",
+  fullscreen: "\u5168\u753B\u9762\u8868\u793A (F)",
+  exitFullscreen: "\u5168\u753B\u9762\u8868\u793A\u3092\u7D42\u4E86 (F)",
+  exportToPowerPoint: "PowerPoint \u3068\u3057\u3066\u66F8\u304D\u51FA\u3059",
+  slideNumber: (n) => `\u30B9\u30E9\u30A4\u30C9 ${n}`
+};
+var MESSAGES_EN = {
+  previousSlide: "Previous slide",
+  nextSlide: "Next slide",
+  slideList: "Slide list",
+  closeSlideList: "Close slide list (L)",
+  openSlideList: "Open slide list (L)",
+  fullscreen: "Fullscreen (F)",
+  exitFullscreen: "Exit fullscreen (F)",
+  exportToPowerPoint: "Export to PowerPoint",
+  slideNumber: (n) => `Slide ${n}`
+};
+function detectLanguage() {
+  if (typeof document === "undefined") return "ja";
+  const lang = document.documentElement.lang;
+  if (!lang) return "ja";
+  if (lang.toLowerCase().startsWith("en")) return "en";
+  return "ja";
+}
+function getSlideMessages() {
+  const lang = detectLanguage();
+  return lang === "en" ? MESSAGES_EN : MESSAGES_JA;
+}
 var THUMB_WIDTH = 176;
 var THUMB_HEIGHT = Math.round(THUMB_WIDTH * CANVAS_HEIGHT / CANVAS_WIDTH);
 var NUMBER_COLUMN = 20;
@@ -400,6 +435,7 @@ var ITEM_BUTTON = {
 };
 function SlideRail({ slides, index, onSelect, themeVars }) {
   const listRef = useRef(null);
+  const messages = useMemo(() => getSlideMessages(), []);
   useEffect(() => {
     const item = listRef.current?.children[index];
     item?.scrollIntoView({ block: "nearest" });
@@ -408,7 +444,7 @@ function SlideRail({ slides, index, onSelect, themeVars }) {
     "div",
     {
       "data-slide-chrome": "",
-      "aria-label": "\u30B9\u30E9\u30A4\u30C9\u4E00\u89A7",
+      "aria-label": messages.slideList,
       style: {
         flex: "0 0 auto",
         width: RAIL_WIDTH,
@@ -418,7 +454,7 @@ function SlideRail({ slides, index, onSelect, themeVars }) {
         background: "color-mix(in oklab, var(--slide-fg) 6%, var(--slide-bg))",
         color: "var(--slide-fg)",
         borderRight: "1px solid color-mix(in oklab, var(--slide-fg) 14%, transparent)",
-        fontFamily: 'system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif',
+        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, system-ui, sans-serif',
         userSelect: "none",
         // An embedded deck does not put the theme on its root, so the rail
         // carries it too rather than reading whatever cascaded in.
@@ -452,7 +488,7 @@ function SlideRail({ slides, index, onSelect, themeVars }) {
                     style: ITEM_BUTTON,
                     onClick: () => onSelect(i),
                     "aria-current": active ? "true" : void 0,
-                    "aria-label": `\u30B9\u30E9\u30A4\u30C9 ${i + 1}`,
+                    "aria-label": messages.slideNumber(i + 1),
                     children: [
                       /* @__PURE__ */ jsx(
                         "span",
@@ -532,6 +568,7 @@ function SlideToolbar({
 }) {
   const [hovered, setHovered] = useState(false);
   const busy = exportProgress !== null && exportProgress.phase !== "done";
+  const messages = useMemo(() => getSlideMessages(), []);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -553,25 +590,25 @@ function SlideToolbar({
         backdropFilter: "blur(8px)",
         opacity: hovered || busy ? 1 : 0.25,
         transition: "opacity 150ms ease",
-        fontFamily: 'system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif',
+        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, system-ui, sans-serif',
         userSelect: "none"
       },
       children: [
-        /* @__PURE__ */ jsx("button", { type: "button", style: BUTTON, onClick: onPrev, "aria-label": "\u524D\u306E\u30B9\u30E9\u30A4\u30C9", children: /* @__PURE__ */ jsx(ChevronLeftIcon, { size: 16, "aria-hidden": "true" }) }),
+        /* @__PURE__ */ jsx("button", { type: "button", style: BUTTON, onClick: onPrev, "aria-label": messages.previousSlide, children: /* @__PURE__ */ jsx(ChevronLeftIcon, { size: 16, "aria-hidden": "true" }) }),
         /* @__PURE__ */ jsxs("span", { style: { padding: "0 8px", fontSize: 13, fontVariantNumeric: "tabular-nums" }, children: [
           current,
           " / ",
           total
         ] }),
-        /* @__PURE__ */ jsx("button", { type: "button", style: BUTTON, onClick: onNext, "aria-label": "\u6B21\u306E\u30B9\u30E9\u30A4\u30C9", children: /* @__PURE__ */ jsx(ChevronRightIcon, { size: 16, "aria-hidden": "true" }) }),
+        /* @__PURE__ */ jsx("button", { type: "button", style: BUTTON, onClick: onNext, "aria-label": messages.nextSlide, children: /* @__PURE__ */ jsx(ChevronRightIcon, { size: 16, "aria-hidden": "true" }) }),
         isFullscreen ? null : /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
             style: BUTTON,
             onClick: onToggleRail,
-            "aria-label": railOpen ? "\u30B9\u30E9\u30A4\u30C9\u4E00\u89A7\u3092\u9589\u3058\u308B (L)" : "\u30B9\u30E9\u30A4\u30C9\u4E00\u89A7\u3092\u958B\u304F (L)",
-            title: railOpen ? "\u30B9\u30E9\u30A4\u30C9\u4E00\u89A7\u3092\u9589\u3058\u308B (L)" : "\u30B9\u30E9\u30A4\u30C9\u4E00\u89A7\u3092\u958B\u304F (L)",
+            "aria-label": railOpen ? messages.closeSlideList : messages.openSlideList,
+            title: railOpen ? messages.closeSlideList : messages.openSlideList,
             "aria-pressed": railOpen,
             children: railOpen ? /* @__PURE__ */ jsx(PanelLeftCloseIcon, { size: 16, "aria-hidden": "true" }) : /* @__PURE__ */ jsx(PanelLeftOpenIcon, { size: 16, "aria-hidden": "true" })
           }
@@ -582,8 +619,8 @@ function SlideToolbar({
             type: "button",
             style: BUTTON,
             onClick: onFullscreen,
-            "aria-label": isFullscreen ? "\u5168\u753B\u9762\u8868\u793A\u3092\u7D42\u4E86 (F)" : "\u5168\u753B\u9762\u8868\u793A (F)",
-            title: isFullscreen ? "\u5168\u753B\u9762\u8868\u793A\u3092\u7D42\u4E86 (F)" : "\u5168\u753B\u9762\u8868\u793A (F)",
+            "aria-label": isFullscreen ? messages.exitFullscreen : messages.fullscreen,
+            title: isFullscreen ? messages.exitFullscreen : messages.fullscreen,
             children: isFullscreen ? /* @__PURE__ */ jsx(MinimizeIcon, { size: 16, "aria-hidden": "true" }) : /* @__PURE__ */ jsx(MaximizeIcon, { size: 16, "aria-hidden": "true" })
           }
         ) : null,
@@ -594,8 +631,8 @@ function SlideToolbar({
             style: { ...BUTTON, opacity: busy ? 0.6 : 1, cursor: busy ? "progress" : "pointer" },
             onClick: onExport,
             disabled: busy,
-            "aria-label": "PowerPoint \u3068\u3057\u3066\u66F8\u304D\u51FA\u3059",
-            title: "PowerPoint \u3068\u3057\u3066\u66F8\u304D\u51FA\u3059",
+            "aria-label": messages.exportToPowerPoint,
+            title: messages.exportToPowerPoint,
             children: [
               /* @__PURE__ */ jsx(DownloadIcon, { size: 16, "aria-hidden": "true" }),
               busy ? /* @__PURE__ */ jsxs("span", { children: [