pptx-react-viewer 3.0.3 → 3.0.4

package/CHANGELOG.md

@@ -7,6 +7,12 @@ A release listed with no entries carried no Conventional Commit in this package'
 scope: scripts/release-plan.mjs re-releases a package whenever any of its files
 change, not only on conventional ones.
 
+## [3.0.3](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@3.0.3) - 2026-08-22
+
+### Bug Fixes
+
+- **react:** Stop the handle overlay shadowing the element's own id (by @ChristopherVR) ([19ed4de](https://github.com/ChristopherVR/pptx-viewer/commit/19ed4deda9c716c6179e7509fadcfbcf71fe501f))
+
 ## [3.0.2](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@3.0.2) - 2026-08-22
 
 ### Bug Fixes

package/dist/{AiChatPanel-235ZZA3Y.js → AiChatPanel-E4V3FYLR.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkGJ7E44BG_js = require('./chunk-GJ7E44BG.js');
-var chunkUU6NFFRR_js = require('./chunk-UU6NFFRR.js');
+var chunk5IYGA2HX_js = require('./chunk-5IYGA2HX.js');
+var chunkZ4F5BCQB_js = require('./chunk-Z4F5BCQB.js');
 require('./chunk-U6A5FWWE.js');
-require('./chunk-35YJ5RLU.js');
+require('./chunk-7HPI5HBA.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
 var reactI18next = require('react-i18next');
@@ -23,7 +23,7 @@ function useAiChat(bridge, config) {
     setInitError(void 0);
     void (async () => {
       try {
-        const available = await chunkGJ7E44BG_js.isAiAvailable();
+        const available = await chunk5IYGA2HX_js.isAiAvailable();
         if (cancelled) {
           return;
         }
@@ -31,7 +31,7 @@ function useAiChat(bridge, config) {
           setState("unavailable");
           return;
         }
-        const built = await chunkGJ7E44BG_js.createAiChatSession(bridge, configRef.current);
+        const built = await chunk5IYGA2HX_js.createAiChatSession(bridge, configRef.current);
         if (cancelled) {
           return;
         }
@@ -137,7 +137,7 @@ function withDeckContext(inner, bridge, strategy) {
       }
       let context = "";
       try {
-        context = await chunkGJ7E44BG_js.buildDeckContext(bridge, { strategy, focus: {} });
+        context = await chunk5IYGA2HX_js.buildDeckContext(bridge, { strategy, focus: {} });
       } catch {
         context = "";
       }
@@ -200,7 +200,7 @@ function useAiConversation(useChat, session, config, bridge, options = {}) {
         continue;
       }
       seen.add(call.toolCallId);
-      onToolTargetRef.current?.(chunkGJ7E44BG_js.toolCanvasTarget(call.toolName, call.input));
+      onToolTargetRef.current?.(chunk5IYGA2HX_js.toolCanvasTarget(call.toolName, call.input));
     }
   }, [chat.messages]);
   const send = react.useCallback(
@@ -276,7 +276,7 @@ function deriveTitle(messages) {
 }
 function useAiHistory(input) {
   const { deckId, messages, setMessages } = input;
-  const store = react.useMemo(() => input.store ?? chunkGJ7E44BG_js.createChatHistoryStore(), [input.store]);
+  const store = react.useMemo(() => input.store ?? chunk5IYGA2HX_js.createChatHistoryStore(), [input.store]);
   const [activeChatId, setActiveChatId] = react.useState(newChatId);
   const [chats, setChats] = react.useState([]);
   const createdAtRef = react.useRef(Date.now());
@@ -419,7 +419,7 @@ function AiComposer({
         disabled: value.trim().length === 0,
         title: t("pptx.ai.send"),
         "aria-label": t("pptx.ai.send"),
-        className: chunkUU6NFFRR_js.cn(
+        className: chunkZ4F5BCQB_js.cn(
           "shrink-0 rounded-sm p-1.5 transition-colors",
           value.trim().length === 0 ? "text-muted-foreground/50" : "bg-primary text-primary-foreground hover:bg-primary/90"
         ),
@@ -445,15 +445,15 @@ function AiFocusBar({
   onClearPicks
 }) {
   const { t } = reactI18next.useTranslation();
-  const chips = chunkGJ7E44BG_js.focusTargetChips(targets, slides);
-  const twoTables = chunkGJ7E44BG_js.isTwoTableFocus(targets, slides);
+  const chips = chunk5IYGA2HX_js.focusTargetChips(targets, slides);
+  const twoTables = chunk5IYGA2HX_js.isTwoTableFocus(targets, slides);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border bg-secondary/30", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1 px-2.5 py-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("pptx.ai.focusScope") }),
       chips.map((chip) => /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
-          className: chunkUU6NFFRR_js.cn(
+          className: chunkZ4F5BCQB_js.cn(
             "inline-flex max-w-[10rem] items-center rounded-full px-2 py-0.5 text-[11px]",
             hasPicks || isPinned ? "bg-primary/15 text-primary" : "bg-muted text-muted-foreground"
           ),
@@ -486,7 +486,7 @@ function AiFocusBar({
             title: t("pptx.ai.pickElement"),
             "aria-label": t("pptx.ai.pickAria"),
             "aria-pressed": pickMode,
-            className: chunkUU6NFFRR_js.cn(
+            className: chunkZ4F5BCQB_js.cn(
               "rounded-sm p-1",
               pickMode ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-accent"
             ),
@@ -565,7 +565,7 @@ function AiHistoryList({ chats, activeChatId, onResume, onDelete }) {
       {
         type: "button",
         onClick: () => onResume(chat.id),
-        className: chunkUU6NFFRR_js.cn(
+        className: chunkZ4F5BCQB_js.cn(
           "flex min-w-0 flex-1 items-start gap-2 rounded-sm px-2 py-1.5 text-left hover:bg-accent",
           chat.id === activeChatId && "bg-accent/60"
         ),
@@ -720,26 +720,26 @@ function AiToolCallCard({ part }) {
   const failed = part.state === "output-error";
   const done = part.state === "output-available";
   const running = !failed && !done;
-  const activity = chunkGJ7E44BG_js.describeToolActivity(part.toolName, part.input, running ? "present" : "past");
+  const activity = chunk5IYGA2HX_js.describeToolActivity(part.toolName, part.input, running ? "present" : "past");
   const Icon = ICONS[activity.icon] ?? lu.LuWrench;
-  const rawSummary = chunkGJ7E44BG_js.summarizeToolArgs(part.input);
+  const rawSummary = chunk5IYGA2HX_js.summarizeToolArgs(part.input);
   const statusLabel = failed ? t("pptx.ai.toolFailed") : done ? t("pptx.ai.toolDone") : t("pptx.ai.toolRunning");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[12px]", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Icon,
         {
-          className: chunkUU6NFFRR_js.cn(
+          className: chunkZ4F5BCQB_js.cn(
             "w-3.5 h-3.5 shrink-0",
             failed ? "text-destructive" : "text-muted-foreground"
           )
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkUU6NFFRR_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkZ4F5BCQB_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         "span",
         {
-          className: chunkUU6NFFRR_js.cn(
+          className: chunkZ4F5BCQB_js.cn(
             "ml-auto inline-flex items-center gap-1 rounded-sm px-1.5 py-0.5 text-[10px]",
             failed ? "bg-destructive/15 text-destructive" : done ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"
           ),
@@ -756,7 +756,7 @@ function AiToolCallCard({ part }) {
     rawSummary && /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "group mt-0.5 pl-5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("summary", { className: "cursor-pointer list-none text-[10px] text-muted-foreground/70 hover:text-muted-foreground", children: t("pptx.ai.toolDetails") }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-0.5 break-words font-mono text-[10px] text-muted-foreground/80", children: [
-        chunkGJ7E44BG_js.toolLabel(part.toolName),
+        chunk5IYGA2HX_js.toolLabel(part.toolName),
         ": ",
         rawSummary
       ] })
@@ -787,7 +787,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunkUU6NFFRR_js.cn(
+            className: chunkZ4F5BCQB_js.cn(
               "mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full",
               isUser ? "bg-secondary text-muted-foreground" : "bg-primary/15 text-primary"
             ),
@@ -834,7 +834,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
 }
 function AiProposalCard({ proposal, onAccept, onReject }) {
   const { t } = reactI18next.useTranslation();
-  const lines = proposal.summary.map(chunkGJ7E44BG_js.humanizeDiffLine);
+  const lines = proposal.summary.map(chunk5IYGA2HX_js.humanizeDiffLine);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-primary/40 bg-primary/5 p-2.5", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1.5 text-[11px] font-semibold uppercase tracking-wide text-primary", children: t("pptx.ai.proposedChange") }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[12px] font-medium text-foreground", children: proposal.label }),
@@ -1042,7 +1042,7 @@ function AiChatPanel({
 }) {
   const { t } = reactI18next.useTranslation();
   const { state, session, initError } = useAiChat(bridge, config);
-  const deckId = react.useMemo(() => chunkGJ7E44BG_js.deckIdFromBridge(bridge), [bridge]);
+  const deckId = react.useMemo(() => chunk5IYGA2HX_js.deckIdFromBridge(bridge), [bridge]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {

package/dist/{AiChatPanel-DYOBY6OG.mjs → AiChatPanel-GSTUOESI.mjs}

@@ -1,7 +1,7 @@
-import { deckIdFromBridge, isAiAvailable, createAiChatSession, toolCanvasTarget, createChatHistoryStore, focusTargetChips, isTwoTableFocus, humanizeDiffLine, buildDeckContext, describeToolActivity, summarizeToolArgs, toolLabel } from './chunk-EVXT7HLY.mjs';
-import { cn } from './chunk-QG7TXWXP.mjs';
+import { deckIdFromBridge, isAiAvailable, createAiChatSession, toolCanvasTarget, createChatHistoryStore, focusTargetChips, isTwoTableFocus, humanizeDiffLine, buildDeckContext, describeToolActivity, summarizeToolArgs, toolLabel } from './chunk-J4KXCPQ3.mjs';
+import { cn } from './chunk-6ILXI752.mjs';
 import './chunk-L5MNLIQF.mjs';
-import './chunk-M2TISD4A.mjs';
+import './chunk-V7ZLEZ5W.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useMemo, useRef, useState, useEffect, useReducer, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';

package/dist/{Model3DScene-5QDYQF55.js → Model3DScene-45JR5NXN.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk35YJ5RLU_js = require('./chunk-35YJ5RLU.js');
+var chunk7HPI5HBA_js = require('./chunk-7HPI5HBA.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -14,7 +14,7 @@ function Model3DScene({ modelUrl, interactive, width, height }) {
       return;
     }
     let disposed = false;
-    void chunk35YJ5RLU_js.mountModel3D(container, modelUrl, { width, height, interactive }).then((handle) => {
+    void chunk7HPI5HBA_js.mountModel3D(container, modelUrl, { width, height, interactive }).then((handle) => {
       if (disposed) {
         handle.dispose();
       } else {

package/dist/{Model3DScene-A3652H7T.mjs → Model3DScene-634CXE46.mjs}

@@ -1,4 +1,4 @@
-import { mountModel3D } from './chunk-M2TISD4A.mjs';
+import { mountModel3D } from './chunk-V7ZLEZ5W.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{SurfaceChart3DScene-QHENN3AF.js → SurfaceChart3DScene-BBQFOGVR.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk35YJ5RLU_js = require('./chunk-35YJ5RLU.js');
+var chunk7HPI5HBA_js = require('./chunk-7HPI5HBA.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -16,7 +16,7 @@ function SurfaceChart3DScene({
       return;
     }
     let disposed = false;
-    void chunk35YJ5RLU_js.mountSurfaceChart3D(container, options).then((handle) => {
+    void chunk7HPI5HBA_js.mountSurfaceChart3D(container, options).then((handle) => {
       if (disposed) {
         handle.dispose();
       } else {

package/dist/{SurfaceChart3DScene-N66TY4SW.mjs → SurfaceChart3DScene-OBVXGXSD.mjs}

@@ -1,4 +1,4 @@
-import { mountSurfaceChart3D } from './chunk-M2TISD4A.mjs';
+import { mountSurfaceChart3D } from './chunk-V7ZLEZ5W.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-GJ7E44BG.js → chunk-5IYGA2HX.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk35YJ5RLU_js = require('./chunk-35YJ5RLU.js');
+var chunk7HPI5HBA_js = require('./chunk-7HPI5HBA.js');
 var chunk4VNS5WPM_js = require('./chunk-4VNS5WPM.js');
 var mcp = require('pptx-viewer-mcp');
 var mcpSchemas = require('pptx-viewer-mcp/schemas');
@@ -14879,7 +14879,7 @@ async function buildSlideMarkdown(slides, slideIndex2, meta3, options = {}) {
   };
   let markdown;
   try {
-    const converter = new chunk35YJ5RLU_js.PptxMarkdownConverter(
+    const converter = new chunk7HPI5HBA_js.PptxMarkdownConverter(
       "",
       {
         sourceName: meta3.title ?? "deck.pptx",
@@ -15471,7 +15471,7 @@ var getTheme = (ctx) => {
     name: theme?.name,
     colorScheme: theme?.colorScheme,
     fontScheme: theme?.fontScheme,
-    availablePresets: Object.keys(chunk35YJ5RLU_js.ThemePresets)
+    availablePresets: Object.keys(chunk7HPI5HBA_js.ThemePresets)
   };
 };
 var readExecutors = {

package/dist/{chunk-QG7TXWXP.mjs → chunk-6ILXI752.mjs}

@@ -1,5 +1,5 @@
 import { translationsEn } from './chunk-L5MNLIQF.mjs';
-import { SHAPE_PRESET_DEFS, VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, isImageLikeElement, getImageTilingStyle, runMediaCommand, findMediaElementByElementId, mediaPlaybackAttributes, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle, buildParagraphs, colorWithOpacity, normalizeHexColor, build3DExtrusionData, getComputedFillStyle, getComputedEffectStyle, getComputedStrokeStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, DEFAULT_FONT_FAMILY, cellStyleToCss, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, getRoundRectRadiusPx2, getResolvedShapeClipPath, mediaFallbackVisual, registerPersistentAudio, resolveAutoFitFontScale, resolveFontKerning, getSubstituteFontFamily, parsePanoseString, resolveScriptFontSet, hasDistinctScriptFonts, nestedTextDecorationStyle, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, buildTabContext, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects, clampUnitInterval, customGeometryPathsToSvgSubpaths, svgGradientFillRef, buildSubpathPaints, computeColumnBoundaries, getTableCellBandStyle, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, cellRunStyle, getChartStylePalette, computeChartLegendLayout, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, buildRunTabLines, chartPartToAttrs, splitRunForMetrics, splitRunByScriptFont } from './chunk-M2TISD4A.mjs';
+import { SHAPE_PRESET_DEFS, VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, isImageLikeElement, getImageTilingStyle, runMediaCommand, findMediaElementByElementId, mediaPlaybackAttributes, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle, buildParagraphs, colorWithOpacity, normalizeHexColor, build3DExtrusionData, getComputedFillStyle, getComputedEffectStyle, getComputedStrokeStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, DEFAULT_FONT_FAMILY, cellStyleToCss, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, getRoundRectRadiusPx2, getResolvedShapeClipPath, mediaFallbackVisual, registerPersistentAudio, resolveAutoFitFontScale, resolveFontKerning, getSubstituteFontFamily, parsePanoseString, resolveScriptFontSet, hasDistinctScriptFonts, nestedTextDecorationStyle, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, buildTabContext, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects, clampUnitInterval, customGeometryPathsToSvgSubpaths, svgGradientFillRef, buildSubpathPaints, computeColumnBoundaries, getTableCellBandStyle, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, cellRunStyle, getChartStylePalette, computeChartLegendLayout, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, buildRunTabLines, chartPartToAttrs, splitRunForMetrics, splitRunByScriptFont } from './chunk-V7ZLEZ5W.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import React6, { useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';

package/dist/{chunk-35YJ5RLU.js → chunk-7HPI5HBA.js}

@@ -122354,6 +122354,14 @@ function isMobileViewport(width, height, isTouch) {
   }
   return isTouch && height > 0 && height < MOBILE_LANDSCAPE_MAX_HEIGHT && width < TABLET_BREAKPOINT;
 }
+function isTabletViewport(width) {
+  return width >= MOBILE_BREAKPOINT && width < TABLET_BREAKPOINT;
+}
+function deriveViewportBreakpoints(width, height, isTouch) {
+  const isMobile = isMobileViewport(width, height, isTouch);
+  const isTablet = !isMobile && isTabletViewport(width);
+  return { isMobile, isTablet, isDesktop: !isMobile && !isTablet };
+}
 function detectTouchDevice() {
   if (typeof window === "undefined") {
     return false;
@@ -134522,6 +134530,14 @@ function createPresenterShowGuard(options) {
     }
   };
 }
+function computeAnchoredPopupPosition(anchorRect, options) {
+  const top = anchorRect.bottom;
+  if (options?.alignRight) {
+    const viewportWidth = options.viewportWidth ?? (typeof window !== "undefined" ? window.innerWidth : 0);
+    return { top, left: null, right: viewportWidth - anchorRect.right };
+  }
+  return { top, left: anchorRect.left, right: null };
+}
 function createPresentationKeyBuffer() {
   return { digits: "" };
 }
@@ -142330,6 +142346,7 @@ exports.comparePresentation = comparePresentation;
 exports.compileEquationTemplateMathMl = compileEquationTemplateMathMl;
 exports.compileLatexEquation = compileLatexEquation;
 exports.computeAllNotesPages = computeAllNotesPages;
+exports.computeAnchoredPopupPosition = computeAnchoredPopupPosition;
 exports.computeChartLegendLayout = computeChartLegendLayout;
 exports.computeColorFilter = computeColorFilter;
 exports.computeColumnBoundaries = computeColumnBoundaries;
@@ -142383,6 +142400,7 @@ exports.deleteTableRow = deleteTableRow;
 exports.deleteTagFromCollections = deleteTagFromCollections;
 exports.demote = demote;
 exports.deriveSlideFieldContext = deriveSlideFieldContext;
+exports.deriveViewportBreakpoints = deriveViewportBreakpoints;
 exports.describeFontEmbedding = describeFontEmbedding;
 exports.describeSmartArtBounds = describeSmartArtBounds;
 exports.detectOrientation = detectOrientation;