@a3s-lab/office 0.38.0 → 0.39.0

package/dist/styles.css

@@ -20969,69 +20969,102 @@ sub [data-office-character-position-half-points], sup [data-office-character-pos
   width: 64px;
 }
 
-.work-presentation-player .work-slide-element[data-slide-animation-state="pending"] {
+.work-presentation-player .work-slide-element[data-slide-animation-state="hidden"] {
   visibility: hidden;
   opacity: 0;
 }
 
-.work-presentation-player .work-slide-element[data-slide-animation-state="playing"] {
-  animation-delay: var(--work-slide-animation-delay, 0s);
-  animation-duration: var(--work-slide-animation-duration, .5s);
-  animation-timing-function: cubic-bezier(.16, 1, .3, 1);
-  animation-fill-mode: both;
+.work-presentation-player .work-slide-element[data-slide-animation-state="visible"] {
+  visibility: visible;
+  translate: 0;
+  scale: 1;
 }
 
-.work-presentation-player .work-slide-element[data-slide-animation-state="finished"] {
+.work-presentation-player .work-slide-element[data-slide-animation-state="playing"][data-slide-animation-initial-visibility="hidden"] {
+  visibility: hidden;
+  opacity: 0;
+}
+
+.work-presentation-player .work-slide-element[data-slide-animation-state="playing"][data-slide-animation-initial-visibility="visible"] {
   visibility: visible;
-  opacity: var(--work-slide-element-opacity, 1);
   translate: 0;
   scale: 1;
 }
 
-.work-presentation-player .work-slide-element[data-slide-animation-effect="appear"][data-slide-animation-state="playing"] {
-  animation-name: work-slide-animation-appear;
-  animation-timing-function: step-start;
-}
+@keyframes work-slide-animation-appear {
+  from {
+    visibility: hidden;
+    opacity: 0;
+  }
 
-.work-presentation-player .work-slide-element[data-slide-animation-effect="fade"][data-slide-animation-state="playing"] {
-  animation-name: work-slide-animation-fade;
+  to {
+    visibility: visible;
+    opacity: var(--work-slide-element-opacity, 1);
+  }
 }
 
-.work-presentation-player .work-slide-element[data-slide-animation-effect="fly-in"][data-slide-animation-state="playing"] {
-  animation-name: work-slide-animation-fly-in;
+@keyframes work-slide-animation-disappear {
+  from {
+    visibility: visible;
+    opacity: var(--work-slide-element-opacity, 1);
+  }
+
+  to {
+    visibility: hidden;
+    opacity: 0;
+  }
 }
 
-.work-presentation-player .work-slide-element[data-slide-animation-effect="zoom"][data-slide-animation-state="playing"] {
-  animation-name: work-slide-animation-zoom;
+@keyframes work-slide-animation-fade {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: var(--work-slide-element-opacity, 1);
+  }
 }
 
-@keyframes work-slide-animation-appear {
+@keyframes work-slide-animation-fade-out {
   from {
+    visibility: visible;
+    opacity: var(--work-slide-element-opacity, 1);
+  }
+
+  to {
     visibility: hidden;
     opacity: 0;
   }
+}
+
+@keyframes work-slide-animation-fly-in-left {
+  from {
+    opacity: 0;
+    translate: -18%;
+  }
 
   to {
-    visibility: visible;
     opacity: var(--work-slide-element-opacity, 1);
+    translate: 0;
   }
 }
 
-@keyframes work-slide-animation-fade {
+@keyframes work-slide-animation-fly-in-right {
   from {
     opacity: 0;
+    translate: 18%;
   }
 
   to {
     opacity: var(--work-slide-element-opacity, 1);
+    translate: 0;
   }
 }
 
-@keyframes work-slide-animation-fly-in {
+@keyframes work-slide-animation-fly-in-up {
   from {
     opacity: 0;
-    translate: var(--work-slide-animation-translate-x, -18%)
-      var(--work-slide-animation-translate-y, 0);
+    translate: 0 -18%;
   }
 
   to {
@@ -21040,6 +21073,74 @@ sub [data-office-character-position-half-points], sup [data-office-character-pos
   }
 }
 
+@keyframes work-slide-animation-fly-in-down {
+  from {
+    opacity: 0;
+    translate: 0 18%;
+  }
+
+  to {
+    opacity: var(--work-slide-element-opacity, 1);
+    translate: 0;
+  }
+}
+
+@keyframes work-slide-animation-fly-out-left {
+  from {
+    visibility: visible;
+    opacity: var(--work-slide-element-opacity, 1);
+    translate: 0;
+  }
+
+  to {
+    visibility: hidden;
+    opacity: 0;
+    translate: -18%;
+  }
+}
+
+@keyframes work-slide-animation-fly-out-right {
+  from {
+    visibility: visible;
+    opacity: var(--work-slide-element-opacity, 1);
+    translate: 0;
+  }
+
+  to {
+    visibility: hidden;
+    opacity: 0;
+    translate: 18%;
+  }
+}
+
+@keyframes work-slide-animation-fly-out-up {
+  from {
+    visibility: visible;
+    opacity: var(--work-slide-element-opacity, 1);
+    translate: 0;
+  }
+
+  to {
+    visibility: hidden;
+    opacity: 0;
+    translate: 0 -18%;
+  }
+}
+
+@keyframes work-slide-animation-fly-out-down {
+  from {
+    visibility: visible;
+    opacity: var(--work-slide-element-opacity, 1);
+    translate: 0;
+  }
+
+  to {
+    visibility: hidden;
+    opacity: 0;
+    translate: 0 18%;
+  }
+}
+
 @keyframes work-slide-animation-zoom {
   from {
     opacity: 0;
@@ -21052,14 +21153,36 @@ sub [data-office-character-position-half-points], sup [data-office-character-pos
   }
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .work-presentation-player .work-slide-element[data-slide-animation-state="playing"] {
+@keyframes work-slide-animation-zoom-out {
+  from {
     visibility: visible;
     opacity: var(--work-slide-element-opacity, 1);
+    scale: 1;
+  }
+
+  to {
+    visibility: hidden;
+    opacity: 0;
+    scale: .72;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .work-presentation-player .work-slide-element[data-slide-animation-state="playing"] {
     animation: none;
     translate: 0;
     scale: 1;
   }
+
+  .work-presentation-player .work-slide-element[data-slide-animation-state="playing"][data-slide-animation-final-visibility="hidden"] {
+    visibility: hidden;
+    opacity: 0;
+  }
+
+  .work-presentation-player .work-slide-element[data-slide-animation-state="playing"][data-slide-animation-final-visibility="visible"] {
+    visibility: visible;
+    opacity: var(--work-slide-element-opacity, 1);
+  }
 }
 
 .work-presentation-comments-panel {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a3s-lab/office",
-  "version": "0.38.0",
+  "version": "0.39.0",
   "description": "Open-source collaborative browser editors for documents, Markdown, spreadsheets, presentations, and PDFs.",
   "keywords": [
     "office",
@@ -88,6 +88,7 @@
     "playground:typecheck": "tsc --noEmit -p playground/tsconfig.json",
     "playground:ime:webkit": "playwright test --config playwright.ime.config.ts",
     "playground:visual": "playwright test --config playwright.config.ts",
+    "playground:visual:docs-changelog": "playwright test visual-tests/docs-changelog.functional.spec.ts --config playwright.config.ts",
     "playground:visual:document-emphasis": "playwright test visual-tests/document-emphasis.functional.spec.ts --config playwright.config.ts",
     "playground:visual:document-index": "playwright test visual-tests/document-index.functional.spec.ts --config playwright.config.ts",
     "playground:visual:document-comparison": "playwright test visual-tests/document-comparison.functional.spec.ts --config playwright.config.ts",

package/dist/0~5809.js

@@ -1,123 +0,0 @@
-import { createOfficeId as createWorkId } from "./4121.js";
-function createWorkSlideAnimation(elementId, effect, previous) {
-    return normalizeWorkSlideAnimation({
-        id: previous?.id ?? createWorkId('slide-animation'),
-        elementId,
-        effect,
-        trigger: previous?.trigger ?? 'on-click',
-        durationMs: previous?.durationMs ?? 500,
-        delayMs: previous?.delayMs ?? 0,
-        direction: 'fly-in' === effect ? previous?.direction ?? 'left' : void 0
-    });
-}
-function normalizeWorkSlideAnimation(animation) {
-    return {
-        ...animation,
-        durationMs: boundedInteger(animation.durationMs, 100, 60000),
-        delayMs: boundedInteger(animation.delayMs, 0, 60000),
-        direction: 'fly-in' === animation.effect ? normalizeWorkSlideAnimationDirection(animation.direction) : void 0
-    };
-}
-function workSlideAnimationForElement(slide, elementId) {
-    if (!elementId) return;
-    return slide.animations?.find((animation)=>animation.elementId === elementId);
-}
-function workSlideAnimationIndex(slide, animationId) {
-    if (!animationId) return -1;
-    return slide.animations?.findIndex((animation)=>animation.id === animationId) ?? -1;
-}
-function workSlideAnimationCues(animations) {
-    const cues = [];
-    let current;
-    for (const raw of animations ?? []){
-        const animation = normalizeWorkSlideAnimation(raw);
-        if (!current || 'on-click' === animation.trigger) {
-            current = {
-                automatic: 'on-click' !== animation.trigger,
-                items: [],
-                totalDurationMs: 0
-            };
-            cues.push(current);
-        }
-        const previous = current.items.at(-1);
-        const baseStart = 'after-previous' === animation.trigger ? previous?.endOffsetMs ?? 0 : 'with-previous' === animation.trigger ? previous?.startOffsetMs ?? 0 : 0;
-        const startOffsetMs = baseStart + animation.delayMs;
-        const endOffsetMs = startOffsetMs + animation.durationMs;
-        current.items.push({
-            animation,
-            startOffsetMs,
-            endOffsetMs
-        });
-        current.totalDurationMs = Math.max(current.totalDurationMs, endOffsetMs);
-    }
-    return cues;
-}
-function initialWorkSlideAnimationCueIndex(cues) {
-    return cues[0]?.automatic ? 0 : -1;
-}
-function removeWorkSlideAnimationsForElements(slide, elementIds) {
-    const animations = slide.animations?.filter((animation)=>!elementIds.has(animation.elementId));
-    if (animations?.length === slide.animations?.length) return slide;
-    return {
-        ...slide,
-        animations: animations?.length ? animations : void 0
-    };
-}
-function remapWorkSlideAnimations(animations, elementIds) {
-    const remapped = (animations ?? []).flatMap((animation)=>{
-        const elementId = elementIds.get(animation.elementId);
-        return elementId ? [
-            {
-                ...animation,
-                id: createWorkId('slide-animation'),
-                elementId
-            }
-        ] : [];
-    });
-    return remapped.length ? remapped : void 0;
-}
-function normalizeWorkSlideAnimationDirection(direction) {
-    return 'right' === direction || 'up' === direction || 'down' === direction ? direction : 'left';
-}
-function boundedInteger(value, minimum, maximum) {
-    const finite = Number.isFinite(value) ? Math.round(value) : minimum;
-    return Math.min(maximum, Math.max(minimum, finite));
-}
-const CARDINAL_DIRECTIONS = new Set([
-    'left',
-    'right',
-    'up',
-    'down'
-]);
-const SPLIT_DIRECTIONS = new Set([
-    'in',
-    'out'
-]);
-function createWorkSlideTransition(type, previous) {
-    const common = {
-        type,
-        speed: previous?.speed ?? 'medium',
-        advanceOnClick: previous?.advanceOnClick ?? true,
-        advanceAfterMs: previous?.advanceAfterMs
-    };
-    if ('push' === type || 'wipe' === type) return {
-        ...common,
-        direction: previous?.direction && CARDINAL_DIRECTIONS.has(previous.direction) ? previous.direction : 'left'
-    };
-    if ('split' === type) return {
-        ...common,
-        direction: previous?.direction && SPLIT_DIRECTIONS.has(previous.direction) ? previous.direction : 'out',
-        orientation: previous?.orientation ?? 'horizontal'
-    };
-    return common;
-}
-function slideTransitionDurationMilliseconds(transition) {
-    if (transition?.speed === 'fast') return 500;
-    if (transition?.speed === 'slow') return 2000;
-    return 1000;
-}
-function workSlideTransitionsEqual(left, right) {
-    if (!left || !right) return left === right;
-    return left.type === right.type && left.speed === right.speed && left.direction === right.direction && left.orientation === right.orientation && left.advanceOnClick === right.advanceOnClick && left.advanceAfterMs === right.advanceAfterMs;
-}
-export { createWorkSlideAnimation, createWorkSlideTransition, initialWorkSlideAnimationCueIndex, normalizeWorkSlideAnimation, remapWorkSlideAnimations, removeWorkSlideAnimationsForElements, slideTransitionDurationMilliseconds, workSlideAnimationCues, workSlideAnimationForElement, workSlideAnimationIndex, workSlideTransitionsEqual };