@adminide-stack/yantra-mobile 12.0.128 → 12.0.129-alpha.1

package/lib/features/design/editor/PageStrip.js

@@ -0,0 +1,203 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useState,useRef,useMemo}from'react';import {Platform,ActionSheetIOS,Alert,PanResponder,View,ScrollView,Text,StyleSheet}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useCanvasTheme,themedStyles}from'../../canvas/canvasTheme.js';import {Pressable,RADIUS,SPACE,TYPE}from'../../canvas/canvasUi.js';import {DesignPageView}from'../render/DesignPageView.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const THUMB_H = 54;
+const GAP = SPACE.sm;
+function dropIndex(from, dx, slot, count) {
+  return Math.max(0, Math.min(count - 1, from + Math.round(dx / Math.max(1, slot))));
+}
+function chooseAction(title, options, onPick) {
+  if (Platform.OS === "ios") {
+    const labels = [...options.map((o) => o.label), "Cancel"];
+    const destructiveButtonIndex = options.findIndex((o) => o.destructive);
+    ActionSheetIOS.showActionSheetWithOptions(__spreadValues({
+      title,
+      options: labels,
+      cancelButtonIndex: labels.length - 1
+    }, destructiveButtonIndex >= 0 ? {
+      destructiveButtonIndex
+    } : {}), (index) => {
+      if (index < options.length) onPick(options[index].id);
+    });
+    return;
+  }
+  Alert.alert(title, void 0, [...options.map((o) => ({
+    text: o.label,
+    style: o.destructive ? "destructive" : "default",
+    onPress: () => onPick(o.id)
+  })), {
+    text: "Cancel",
+    style: "cancel"
+  }]);
+}
+function PageStrip({
+  doc,
+  pageId,
+  onSelect,
+  onAdd,
+  onAction,
+  onMove
+}) {
+  const theme = useCanvasTheme();
+  const styles = makeStyles(theme);
+  const thumbW = Math.min(110, Math.max(30, THUMB_H * doc.pageWidth / doc.pageHeight));
+  const thumbH = Math.min(THUMB_H, thumbW * doc.pageHeight / doc.pageWidth);
+  const count = doc.pages.length;
+  const slot = thumbW + 4 + GAP;
+  const [drag, setDrag] = useState(null);
+  const live = useRef({
+    drag,
+    moved: false,
+    slot,
+    count,
+    onMove
+  });
+  live.current = __spreadProps(__spreadValues({}, live.current), {
+    drag,
+    slot,
+    count,
+    onMove
+  });
+  const responder = useMemo(() => PanResponder.create({
+    onMoveShouldSetPanResponderCapture: () => Boolean(live.current.drag),
+    onPanResponderGrant: () => {
+      live.current.moved = true;
+    },
+    onPanResponderMove: (_e, g) => setDrag((d) => d ? __spreadProps(__spreadValues({}, d), {
+      dx: g.dx
+    }) : d),
+    onPanResponderRelease: (_e, g) => {
+      var _a, _b;
+      const d = live.current.drag;
+      if (d) {
+        const to = dropIndex(d.from, g.dx, live.current.slot, live.current.count);
+        if (to !== d.from) (_b = (_a = live.current).onMove) == null ? void 0 : _b.call(_a, d.id, to);
+      }
+      setDrag(null);
+    },
+    onPanResponderTerminate: () => setDrag(null)
+  }), []);
+  const actions = (pageIdForActions, index) => chooseAction(`Page ${index + 1}`, [{
+    id: "duplicate",
+    label: "Duplicate page"
+  }, ...index > 0 ? [{
+    id: "left",
+    label: "Move left"
+  }] : [], ...index < count - 1 ? [{
+    id: "right",
+    label: "Move right"
+  }] : [], ...count > 1 ? [{
+    id: "delete",
+    label: "Delete page",
+    destructive: true
+  }] : []], (action) => onAction(pageIdForActions, action));
+  const target = drag ? dropIndex(drag.from, drag.dx, slot, count) : -1;
+  return /* @__PURE__ */ jsx(View, __spreadProps(__spreadValues({}, responder.panHandlers), { children: /* @__PURE__ */ jsxs(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles.strip, contentContainerStyle: styles.stripContent, scrollEnabled: !drag, children: [
+    doc.pages.map((page, index) => {
+      const on = page.id === pageId;
+      const dragging = (drag == null ? void 0 : drag.id) === page.id;
+      const shift = drag && !dragging ? index > drag.from && index <= target ? -slot : index < drag.from && index >= target ? slot : 0 : 0;
+      return /* @__PURE__ */ jsxs(Pressable, { onPress: () => on ? actions(page.id, index) : onSelect(page.id), onLongPress: () => {
+        if (!onMove || count < 2) {
+          actions(page.id, index);
+          return;
+        }
+        live.current.moved = false;
+        setDrag({
+          id: page.id,
+          from: index,
+          dx: 0
+        });
+      }, onPressOut: () => {
+        setTimeout(() => {
+          var _a;
+          if (((_a = live.current.drag) == null ? void 0 : _a.id) === page.id && !live.current.moved) {
+            setDrag(null);
+            actions(page.id, index);
+          }
+        }, 60);
+      }, delayLongPress: 300, style: [styles.thumbWrap, dragging ? {
+        transform: [{
+          translateX: drag.dx
+        }, {
+          scale: 1.08
+        }],
+        zIndex: 2,
+        opacity: 0.92
+      } : null, shift ? {
+        transform: [{
+          translateX: shift
+        }]
+      } : null], accessibilityRole: "button", accessibilityLabel: `Page ${index + 1}${page.name ? `, ${page.name}` : ""}`, accessibilityState: {
+        selected: on
+      }, children: [
+        /* @__PURE__ */ jsx(View, { style: [styles.thumb, on && {
+          borderColor: theme.edAccent
+        }], children: /* @__PURE__ */ jsx(DesignPageView, { doc, page, width: thumbW, style: {
+          height: thumbH
+        } }) }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.thumbLabel, on && {
+          color: theme.edInk
+        }], numberOfLines: 1, children: page.name || index + 1 })
+      ] }, page.id);
+    }),
+    /* @__PURE__ */ jsxs(Pressable, { onPress: onAdd, style: styles.thumbWrap, accessibilityRole: "button", accessibilityLabel: "Add page", children: [
+      /* @__PURE__ */ jsx(View, { style: [styles.add, {
+        width: Math.max(44, thumbW * 0.7),
+        height: thumbH
+      }], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "plus", size: 22, color: theme.edInk2 }) }),
+      /* @__PURE__ */ jsx(Text, { style: styles.thumbLabel, children: "Add" })
+    ] })
+  ] }) }));
+}
+const makeStyles = themedStyles((theme) => StyleSheet.create({
+  strip: {
+    flexGrow: 0
+  },
+  stripContent: {
+    paddingHorizontal: SPACE.md,
+    gap: GAP,
+    alignItems: "flex-start",
+    paddingVertical: SPACE.xs
+  },
+  thumbWrap: {
+    alignItems: "center",
+    gap: 2
+  },
+  thumb: {
+    borderRadius: 4,
+    borderWidth: 2,
+    borderColor: "transparent",
+    overflow: "hidden"
+  },
+  thumbLabel: __spreadProps(__spreadValues({}, TYPE.caption), {
+    fontSize: 10,
+    color: theme.edInk3,
+    maxWidth: 80
+  }),
+  add: {
+    borderRadius: RADIUS.sm,
+    borderWidth: 1,
+    borderStyle: "dashed",
+    borderColor: theme.edLineHi,
+    alignItems: "center",
+    justifyContent: "center",
+    marginTop: 2
+  }
+}));export{PageStrip,chooseAction,dropIndex};//# sourceMappingURL=PageStrip.js.map

package/lib/features/design/editor/PageStrip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageStrip.js","sources":["../../../../src/features/design/editor/PageStrip.tsx"],"sourcesContent":["/**\n * The page rail (web `PageRail`): every page as a live thumbnail, the open one\n * ringed, Add page at the end. Long press and drag a page to move it; long\n * press and let go (or tap the open page) for its actions.\n */\nimport React, { useMemo, useRef, useState } from 'react';\nimport { ActionSheetIOS, Alert, PanResponder, Platform, ScrollView, StyleSheet, Text, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { themedStyles, useCanvasTheme, type CanvasPalette } from '../../canvas/canvasTheme';\nimport { Pressable, RADIUS, SPACE, TYPE } from '../../canvas/canvasUi';\nimport type { DesignDoc } from '../doc/types';\nimport { DesignPageView } from '../render/DesignPageView';\n\nconst THUMB_H = 54;\nconst GAP = SPACE.sm;\n\n/** Where a page dragged `dx` from slot `from` lands, one slot per thumbnail width. */\nexport function dropIndex(from: number, dx: number, slot: number, count: number): number {\n    return Math.max(0, Math.min(count - 1, from + Math.round(dx / Math.max(1, slot))));\n}\n\nexport type PageAction = 'duplicate' | 'delete' | 'left' | 'right';\n\n/** A native action list: the iOS sheet, else an alert with buttons. */\nexport function chooseAction<T extends string>(\n    title: string,\n    options: Array<{ id: T; label: string; destructive?: boolean }>,\n    onPick: (id: T) => void,\n): void {\n    if (Platform.OS === 'ios') {\n        const labels = [...options.map((o) => o.label), 'Cancel'];\n        const destructiveButtonIndex = options.findIndex((o) => o.destructive);\n        ActionSheetIOS.showActionSheetWithOptions(\n            {\n                title,\n                options: labels,\n                cancelButtonIndex: labels.length - 1,\n                ...(destructiveButtonIndex >= 0 ? { destructiveButtonIndex } : {}),\n            },\n            (index) => {\n                if (index < options.length) onPick(options[index].id);\n            },\n        );\n        return;\n    }\n    Alert.alert(title, undefined, [\n        ...options.map((o) => ({\n            text: o.label,\n            style: o.destructive ? ('destructive' as const) : ('default' as const),\n            onPress: () => onPick(o.id),\n        })),\n        { text: 'Cancel', style: 'cancel' as const },\n    ]);\n}\n\nexport function PageStrip({\n    doc,\n    pageId,\n    onSelect,\n    onAdd,\n    onAction,\n    onMove,\n}: {\n    doc: DesignDoc;\n    pageId: string;\n    onSelect: (pageId: string) => void;\n    onAdd: () => void;\n    onAction: (pageId: string, action: PageAction) => void;\n    /** A page dragged to a new place. */\n    onMove?: (pageId: string, index: number) => void;\n}) {\n    const theme = useCanvasTheme();\n    const styles = makeStyles(theme);\n    const thumbW = Math.min(110, Math.max(30, (THUMB_H * doc.pageWidth) / doc.pageHeight));\n    const thumbH = Math.min(THUMB_H, (thumbW * doc.pageHeight) / doc.pageWidth);\n    const count = doc.pages.length;\n    const slot = thumbW + 4 + GAP;\n    const [drag, setDrag] = useState<{ id: string; from: number; dx: number } | null>(null);\n    const live = useRef({ drag, moved: false, slot, count, onMove });\n    live.current = { ...live.current, drag, slot, count, onMove };\n    const responder = useMemo(\n        () =>\n            PanResponder.create({\n                onMoveShouldSetPanResponderCapture: () => Boolean(live.current.drag),\n                onPanResponderGrant: () => {\n                    live.current.moved = true;\n                },\n                onPanResponderMove: (_e, g) => setDrag((d) => (d ? { ...d, dx: g.dx } : d)),\n                onPanResponderRelease: (_e, g) => {\n                    const d = live.current.drag;\n                    if (d) {\n                        const to = dropIndex(d.from, g.dx, live.current.slot, live.current.count);\n                        if (to !== d.from) live.current.onMove?.(d.id, to);\n                    }\n                    setDrag(null);\n                },\n                onPanResponderTerminate: () => setDrag(null),\n            }),\n        [],\n    );\n    const actions = (pageIdForActions: string, index: number) =>\n        chooseAction<PageAction>(\n            `Page ${index + 1}`,\n            [\n                { id: 'duplicate', label: 'Duplicate page' },\n                ...(index > 0 ? [{ id: 'left' as const, label: 'Move left' }] : []),\n                ...(index < count - 1 ? [{ id: 'right' as const, label: 'Move right' }] : []),\n                ...(count > 1 ? [{ id: 'delete' as const, label: 'Delete page', destructive: true }] : []),\n            ],\n            (action) => onAction(pageIdForActions, action),\n        );\n    const target = drag ? dropIndex(drag.from, drag.dx, slot, count) : -1;\n    return (\n        <View {...responder.panHandlers}>\n            <ScrollView\n                horizontal\n                showsHorizontalScrollIndicator={false}\n                style={styles.strip}\n                contentContainerStyle={styles.stripContent}\n                scrollEnabled={!drag}\n            >\n                {doc.pages.map((page, index) => {\n                    const on = page.id === pageId;\n                    const dragging = drag?.id === page.id;\n                    // Pages between the dragged one and its drop slot step aside.\n                    const shift =\n                        drag && !dragging\n                            ? index > drag.from && index <= target\n                                ? -slot\n                                : index < drag.from && index >= target\n                                  ? slot\n                                  : 0\n                            : 0;\n                    return (\n                        <Pressable\n                            key={page.id}\n                            onPress={() => (on ? actions(page.id, index) : onSelect(page.id))}\n                            onLongPress={() => {\n                                if (!onMove || count < 2) {\n                                    actions(page.id, index);\n                                    return;\n                                }\n                                live.current.moved = false;\n                                setDrag({ id: page.id, from: index, dx: 0 });\n                            }}\n                            onPressOut={() => {\n                                // A long press that never moved is a request for the page's actions.\n                                setTimeout(() => {\n                                    if (live.current.drag?.id === page.id && !live.current.moved) {\n                                        setDrag(null);\n                                        actions(page.id, index);\n                                    }\n                                }, 60);\n                            }}\n                            delayLongPress={300}\n                            style={[\n                                styles.thumbWrap,\n                                dragging\n                                    ? {\n                                          transform: [{ translateX: drag.dx }, { scale: 1.08 }],\n                                          zIndex: 2,\n                                          opacity: 0.92,\n                                      }\n                                    : null,\n                                shift ? { transform: [{ translateX: shift }] } : null,\n                            ]}\n                            accessibilityRole=\"button\"\n                            accessibilityLabel={`Page ${index + 1}${page.name ? `, ${page.name}` : ''}`}\n                            accessibilityState={{ selected: on }}\n                        >\n                            <View style={[styles.thumb, on && { borderColor: theme.edAccent }]}>\n                                <DesignPageView doc={doc} page={page} width={thumbW} style={{ height: thumbH }} />\n                            </View>\n                            <Text style={[styles.thumbLabel, on && { color: theme.edInk }]} numberOfLines={1}>\n                                {page.name || index + 1}\n                            </Text>\n                        </Pressable>\n                    );\n                })}\n                <Pressable\n                    onPress={onAdd}\n                    style={styles.thumbWrap}\n                    accessibilityRole=\"button\"\n                    accessibilityLabel=\"Add page\"\n                >\n                    <View style={[styles.add, { width: Math.max(44, thumbW * 0.7), height: thumbH }]}>\n                        <MaterialCommunityIcons name=\"plus\" size={22} color={theme.edInk2} />\n                    </View>\n                    <Text style={styles.thumbLabel}>Add</Text>\n                </Pressable>\n            </ScrollView>\n        </View>\n    );\n}\n\nconst makeStyles = themedStyles((theme: CanvasPalette) =>\n    StyleSheet.create({\n        strip: { flexGrow: 0 },\n        stripContent: { paddingHorizontal: SPACE.md, gap: GAP, alignItems: 'flex-start', paddingVertical: SPACE.xs },\n        thumbWrap: { alignItems: 'center', gap: 2 },\n        thumb: { borderRadius: 4, borderWidth: 2, borderColor: 'transparent', overflow: 'hidden' },\n        thumbLabel: { ...TYPE.caption, fontSize: 10, color: theme.edInk3, maxWidth: 80 },\n        add: {\n            borderRadius: RADIUS.sm,\n            borderWidth: 1,\n            borderStyle: 'dashed',\n            borderColor: theme.edLineHi,\n            alignItems: 'center',\n            justifyContent: 'center',\n            marginTop: 2,\n        },\n    }),\n);\n"],"names":[],"mappings":"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"}

package/lib/features/design/editor/Slideshow.js

@@ -0,0 +1,97 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef}from'react';import {StyleSheet,useWindowDimensions,Modal,StatusBar,View,ScrollView,Text}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {SPACE,Pressable,TYPE}from'../../canvas/canvasUi.js';import {DesignPageView}from'../render/DesignPageView.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function Slideshow({
+  doc,
+  startIndex,
+  onClose
+}) {
+  const {
+    width,
+    height
+  } = useWindowDimensions();
+  const [index, setIndex] = useState(startIndex);
+  const scroller = useRef(null);
+  const aspect = doc.pageWidth / Math.max(1, doc.pageHeight);
+  const pageW = Math.min(width - SPACE.lg * 2, (height - 120) * aspect);
+  const go = (i) => {
+    var _a;
+    const next = Math.max(0, Math.min(doc.pages.length - 1, i));
+    setIndex(next);
+    (_a = scroller.current) == null ? void 0 : _a.scrollTo({
+      x: next * width,
+      animated: true
+    });
+  };
+  return /* @__PURE__ */ jsxs(Modal, { visible: true, animationType: "fade", onRequestClose: onClose, supportedOrientations: ["portrait", "landscape"], children: [
+    /* @__PURE__ */ jsx(StatusBar, { hidden: true }),
+    /* @__PURE__ */ jsxs(View, { style: styles.root, children: [
+      /* @__PURE__ */ jsx(ScrollView, { ref: scroller, horizontal: true, pagingEnabled: true, showsHorizontalScrollIndicator: false, style: [styles.pager, {
+        height
+      }], contentOffset: {
+        x: startIndex * width,
+        y: 0
+      }, onMomentumScrollEnd: (e) => setIndex(Math.round(e.nativeEvent.contentOffset.x / width)), children: doc.pages.map((page, i) => /* @__PURE__ */ jsx(Pressable, { onPress: () => go(i + 1 < doc.pages.length ? i + 1 : i), style: [styles.slide, {
+        width,
+        height
+      }], accessibilityRole: "button", accessibilityLabel: `Page ${i + 1} of ${doc.pages.length}`, children: Math.abs(i - index) <= 1 ? /* @__PURE__ */ jsx(DesignPageView, { doc, page, width: pageW }) : null }, page.id)) }),
+      /* @__PURE__ */ jsxs(View, { style: styles.bar, pointerEvents: "box-none", children: [
+        /* @__PURE__ */ jsx(Pressable, { onPress: onClose, hitSlop: 12, style: styles.close, accessibilityRole: "button", accessibilityLabel: "Close", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 26, color: "#ffffff" }) }),
+        /* @__PURE__ */ jsxs(Text, { style: styles.counter, children: [
+          index + 1,
+          " / ",
+          doc.pages.length
+        ] }),
+        /* @__PURE__ */ jsx(View, { style: styles.close })
+      ] })
+    ] })
+  ] });
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    backgroundColor: "#000000"
+  },
+  pager: {
+    flexGrow: 0
+  },
+  slide: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  bar: {
+    position: "absolute",
+    top: SPACE.xl,
+    left: 0,
+    right: 0,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: SPACE.lg
+  },
+  close: {
+    width: 40,
+    height: 40,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  counter: __spreadProps(__spreadValues({}, TYPE.label), {
+    color: "#ffffff"
+  })
+});export{Slideshow};//# sourceMappingURL=Slideshow.js.map

package/lib/features/design/editor/Slideshow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slideshow.js","sources":["../../../../src/features/design/editor/Slideshow.tsx"],"sourcesContent":["/**\n * Present (web slideshow): the design full screen, one page at a time, swiped\n * or tapped through, on black.\n */\nimport React, { useRef, useState } from 'react';\nimport { Modal, ScrollView, StatusBar, StyleSheet, Text, useWindowDimensions, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Pressable, SPACE, TYPE } from '../../canvas/canvasUi';\nimport type { DesignDoc } from '../doc/types';\nimport { DesignPageView } from '../render/DesignPageView';\n\nexport function Slideshow({ doc, startIndex, onClose }: { doc: DesignDoc; startIndex: number; onClose: () => void }) {\n    const { width, height } = useWindowDimensions();\n    const [index, setIndex] = useState(startIndex);\n    const scroller = useRef<ScrollView>(null);\n    const aspect = doc.pageWidth / Math.max(1, doc.pageHeight);\n    const pageW = Math.min(width - SPACE.lg * 2, (height - 120) * aspect);\n    const go = (i: number) => {\n        const next = Math.max(0, Math.min(doc.pages.length - 1, i));\n        setIndex(next);\n        scroller.current?.scrollTo({ x: next * width, animated: true });\n    };\n    return (\n        <Modal visible animationType=\"fade\" onRequestClose={onClose} supportedOrientations={['portrait', 'landscape']}>\n            <StatusBar hidden />\n            <View style={styles.root}>\n                <ScrollView\n                    ref={scroller}\n                    horizontal\n                    pagingEnabled\n                    showsHorizontalScrollIndicator={false}\n                    style={[styles.pager, { height }]}\n                    contentOffset={{ x: startIndex * width, y: 0 }}\n                    onMomentumScrollEnd={(e) => setIndex(Math.round(e.nativeEvent.contentOffset.x / width))}\n                >\n                    {doc.pages.map((page, i) => (\n                        <Pressable\n                            key={page.id}\n                            onPress={() => go(i + 1 < doc.pages.length ? i + 1 : i)}\n                            style={[styles.slide, { width, height }]}\n                            accessibilityRole=\"button\"\n                            accessibilityLabel={`Page ${i + 1} of ${doc.pages.length}`}\n                        >\n                            {Math.abs(i - index) <= 1 ? <DesignPageView doc={doc} page={page} width={pageW} /> : null}\n                        </Pressable>\n                    ))}\n                </ScrollView>\n                <View style={styles.bar} pointerEvents=\"box-none\">\n                    <Pressable\n                        onPress={onClose}\n                        hitSlop={12}\n                        style={styles.close}\n                        accessibilityRole=\"button\"\n                        accessibilityLabel=\"Close\"\n                    >\n                        <MaterialCommunityIcons name=\"close\" size={26} color=\"#ffffff\" />\n                    </Pressable>\n                    <Text style={styles.counter}>\n                        {index + 1} / {doc.pages.length}\n                    </Text>\n                    <View style={styles.close} />\n                </View>\n            </View>\n        </Modal>\n    );\n}\n\nconst styles = StyleSheet.create({\n    root: { flex: 1, backgroundColor: '#000000' },\n    pager: { flexGrow: 0 },\n    slide: { alignItems: 'center', justifyContent: 'center' },\n    bar: {\n        position: 'absolute',\n        top: SPACE.xl,\n        left: 0,\n        right: 0,\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        paddingHorizontal: SPACE.lg,\n    },\n    close: { width: 40, height: 40, alignItems: 'center', justifyContent: 'center' },\n    counter: { ...TYPE.label, color: '#ffffff' },\n});\n"],"names":[],"mappings":"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"}