@squadbase/vantage 0.6.1-dev2.5f947f1 → 0.6.2-dev1.31accb1

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,
@@ -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",
@@ -523,6 +559,7 @@ function SlideToolbar({
   onPrev,
   onNext,
   onFullscreen,
+  canFullscreen,
   onExport,
   exportProgress,
   railOpen,
@@ -531,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",
     {
@@ -556,36 +594,36 @@ function SlideToolbar({
         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" })
           }
         ),
-        /* @__PURE__ */ jsx(
+        canFullscreen ? /* @__PURE__ */ jsx(
           "button",
           {
             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,
         /* @__PURE__ */ jsxs(
           "button",
           {
@@ -593,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: [
@@ -1376,6 +1414,10 @@ function collectSlides(children) {
   }
   return { slides, transitions };
 }
+function fullscreenEnabled() {
+  if (typeof document === "undefined") return false;
+  return document.fullscreenEnabled === true;
+}
 function defaultExportName() {
   if (typeof window === "undefined") return "slides";
   const parts = window.location.pathname.split("/").filter(Boolean);
@@ -1396,6 +1438,7 @@ function SlideDeck({
   const index = Math.min(Math.max(Math.floor(page) - 1, 0), Math.max(total - 1, 0));
   const [railOpen, setRailOpen] = useSearchState("rail", rail);
   const [isFullscreen, setIsFullscreen] = useState(false);
+  const [canFullscreen] = useState(fullscreenEnabled);
   const [entryDirection, setEntryDirection] = useState("jump");
   const [exporting, setExporting] = useState(null);
   const stepControllerRef = useRef(null);
@@ -1421,9 +1464,11 @@ function SlideDeck({
   const toggleRail = useCallback(() => setRailOpen((open) => !open), [setRailOpen]);
   const toggleFullscreen = useCallback(() => {
     const el = viewportRef.current;
-    if (!el) return;
-    if (document.fullscreenElement) void document.exitFullscreen();
-    else void el.requestFullscreen?.();
+    if (!el || !fullscreenEnabled()) return;
+    if (document.fullscreenElement) document.exitFullscreen().catch(() => {
+    });
+    else el.requestFullscreen?.().catch(() => {
+    });
   }, []);
   useEffect(() => {
     const onChange = () => setIsFullscreen(document.fullscreenElement === viewportRef.current);
@@ -1541,6 +1586,7 @@ function SlideDeck({
               onPrev: goPrev,
               onNext: goNext,
               onFullscreen: toggleFullscreen,
+              canFullscreen,
               onExport,
               exportProgress: exporting,
               railOpen,