@thegetty/quire-11ty - npm Package Compare versions

Comparing version 1.0.0-rc.20 to 1.0.0-rc.21

_includes/web-components/image-sequence/index.js

@@ -341,3 +341,3 @@ import { LitElement, css, html, render, unsafeCSS } from 'lit'
     if (changedProperties.has('rotateToIndex') && this.rotateToIndex!==false) {
-      const frameCount = this.rotateToIndex - this.index
+      const frameCount = this.rotateToIndex - this.index + this.bufferSize / 2
       const animationIndices = Array(frameCount).fill(0).map((_, i) => this.index + i + 1)
@@ -344,0 +344,0 @@ this.#preloadImages(animationIndices).then(this.animateRotation(this.rotateToIndex))

CHANGELOG.md

@@ -15,2 +15,10 @@ # Changelog
 
+## [1.0.0-rc.21]
+
+### Fixed
+
+- `canvas-panel` components were not responding to `ref` tag regions in all cases (`DEV-19079`)
+- Video and Table figures were not repsonsive to `ref` tag behaviors (`DEV-18548`)
+- Rotate-to-index attribute transitions could underrun their buffer
+
 ## [1.0.0-rc.20]
@@ -17,0 +25,0 @@

content/_assets/javascript/application/canvas-panel.js

@@ -0,3 +1,3 @@
+import Accordion from './accordion'
 import { intersectionObserverFactory } from './intersection-observer-factory'
-import Accordion from './accordion'
 import poll from './poll'
@@ -85,5 +85,11 @@ import scrollToHash from './scroll-to-hash'
 
-  // return if id does not reference a figure
-  if ((!figure && !figureSlide) || !serviceId) return
+  // Do nothing if the passed figureId isn't on this page
+  if (!figure && !figureSlide) return
 
+  const lightbox = figureSlide.closest('q-lightbox')
+  lightbox.currentId = figureId
+
+  // Done if there's no service to annotate / target
+  if (!serviceId) return
+
   const inputs = document.querySelectorAll(`#${figureId} .annotations-ui__input, [slot="slides"][id="${figureId}"] .annotations-ui__input`)
@@ -96,7 +102,2 @@ const annotations = [...inputs].map((input) => {
 
-  if (figureSlide) {
-    const lightbox = figureSlide.closest('q-lightbox')
-    lightbox.currentId = figureId
-  }
-
   /**
@@ -110,3 +111,3 @@ * Open parent accordions if figure is within an accordion
   /**
-   * Update figure state
+   * Update figure state -- wrapped in a timeout to allow for off-page 
    */
@@ -305,10 +306,11 @@ update(serviceId, { annotations, region: region || 'reset', sequence })
         : getTarget(element.getAttribute('region'))
-      element.transition(tm => {
-        tm.goToRegion(target, {
-          transition: {
-            easing: element.easingFunctions().easeOutExpo,
-            duration: 2000
-          }
-        })
-      })
+
+      const transition =  { easing: element.easingFunctions().easeOutExpo, duration: 2000 }
+      const regionTransition = () => {
+        element.transition(tm => {
+          tm.goToRegion(target, { transition })
+        })         
+      } 
+      setTimeout( regionTransition() ,500)
+
     }
@@ -315,0 +317,0 @@

package.json

 {
   "name": "@thegetty/quire-11ty",
-  "version": "1.0.0-rc.20",
+  "version": "1.0.0-rc.21",
   "description": "Quire 11ty static site generator",
@@ -5,0 +5,0 @@ "keywords": [

No alert changes

Improved metrics

Total package byte prevSize

1031930

increased by0.05%

Worsened metrics

Lines of code

28253

No dependency changes