- slide might not be yet defined
- cross browser
user-select
detection
- no swipe on user select text elements
- intersection observer threshold to lazy load next slides content
- intersection observer more sensitive
- no re-render on length change
- unobserve if observer already defined
- move reveal to standalone components
- apply a responsive base font size on the deck according screen height (can be override with a CSS4 variable)
- es5 has been dropped with v2, update
unpkg
reference
- set position main container after slideTo
- on fullscreen enter, hide mouse more quickly
pager
is not part of the core anymore but shipped as a separate new componentdeckgo-pager
- revert auto slide props reflected to attributes (the remote receive swipe information without these)
- auto slide pros set as string enum as boolean are not conveniently reflected to attributes for our construct
- auto slide active index
- reflect auto slide properties to attributes
- auto slide
direction-mobile
not used to initialize the size of the deck
- replace custom lazy loading implementation, based on slide index, with the IntersectionObserver API
- improve boot performance by better detecting when all slides effectively loaded
- Hack for Google Chrome until the
smooth
scroll behavior is going to be supported if triggered with keyboard or programmatically
slide-height
set to100%
instead ofauto
in modepapyrus
- rename also optional CSS variables prefixed with
transition-
toanimation-
transition
property has been renamed toanimation
isMobile
method removed. use the exposed function of@deckdeckgo/utils
instead.
- introduce the ability to choose a specific
direction
for mobile devices - reflect
direction
to a respective host class
- the deck now contains a new shadowed
main
element set to a positionabsolute
which might conflict with previous usages
- swipe
vertical
andpapyrus
- IE11, Edge 16-18 and Safari 10 not supported
- pager display
none
nothidden
(I need a coffee)
- pager default display set to
none
. if you wish to display it, use the variable--pager-display
. - if displayed, pager color does not change according some background color anymore. use CSS4 variable to customize it for your slides.
- pager progression text default color set to
black
- introduces methods to load
header
andfooter
- pager default size reduced to
48px
- update Stencil for Gatsby build
- update dependencies
To infinity and beyond 🚀
- update Stencil v1.10
- expose method
lazyLoadAllContent()
- emit an event "deckDidLoad" after all slides have been loaded and processed
- don't drag slide if transition is not "slide"
- add and inherit a CSS variable --slide-transition
- limit
fade
transition effect to opacity (instead of all)
- improve fade transition flash
- modify transition on the fly (reset transition duration)
- add a
transition
option. available animations areslide
(default),fade
ornone
getSlideDefinition
andgetAttributesDefinition
functions moved to@deckdeckgo/deck-utils
getSlidesDefinition
replaced bygetDeckDefinition
with the goal to sync content between decks and remote control
- new events
slideNextDidAnimate
andslidePrevDidAnimate
- new property
revealOnMobile
in case you would like to use the animation on mobile too - new method
getSlideDefinition(index)
to retrieve the definition of a particular slide, used to sync content between decks and remote
- update keyboard assist to support PageUp/PageDown
- update to most recent dependencies
- update keyboard assist to support Vim key bindings (
k
andj
to swipe slides too)
- slide height on mobile devices (#300)
- extract slides and extra components to separate components (#230)
These are the reasons behind the above breaking change:
-
more flexibility
-
better performances
With this change, you will now be able to include in your web project only the selected slides/templates you would like. Doing so, even if already every web components were lazy loaded and only loaded when needed, this could now help to even minimize the dependencies and therefore reduce the size of the bundle of your application.
Note that per default, the starter kit
will embed all slides/templates, therefore this change is going to be transparent for all new presentations you would create.
pager
color per default blackpager
change its color, if not explicitly specified, to match the--background
color of theslide
or thedeck
if provided
- update to most recent dependencies
The first users began to test, and to create content in, our web open source editor for presentations (studio
)
- add new components
<deckgo-reveal/>
and<deckgo-reveal-list/>
to make elements and texts appear one line at a time (#224)
There are two main reasons behind the above breaking change:
-
More flexibility. With this new approach of the "reveal" effect, you could decide which elements should or should not be revealed respectively the option doesn't apply anymore on a all slide. It's now totally up to you.
-
In our upcoming editor, we had to obfuscate the "reveal" states of the elements in order to not save them in the database such information as it is not related to the deck itself but only information related to the current state of the presentation.
-
Remove all attributes
reveal="true"
you would have set on any of your slides -
Wrap the new above components around your elements, which should appear one at a time, as highlighted in the new documentation.
- expose attributes social for studio
- on iOS sometimes
screen.width
is the property to use to determine the screen size, sometime it'swindow.innerWidth
(#212)
- handle Youtube short URL (#204)
- watch
deckgo-youtube
propertysrc
to refresh video - reflect attribute
src
indeckgo-slide-youtube
- add a new function to query the slide definitions which could be used to update the remote connection
- add
dev.to
to the social component
- update
chart
slide to support animation with reveal actions
- post migration to Stencil One for the slide
code
- slide
split
height inherit CSS4 variables
fix: don't track mouse movement if deck is triggered to be blocked
- add a click event on the pager
- display 0/0 not 1/0 in the pager when no slides
- hide pager progression with a CSS4 variable
- don't track slides' swipe if contextmenu is fired
- new progression text as slides count available
- upgrade to Stencil One
- use new package
@deckdeckgo/utils
- top and bottom padding of the slide
split
- move to the org scoped package
@deckdeckgo/core
- handles the new component
deckgo-lazy-img
and expose a new deck's methodloadBackground()
to load all the backgrounds "manually"
slideDidLoad
event was not emitted anymore when extra deck's slots likebackground
were used
- attribute
pager
of thedeckgo-deck
component has been removed. if you wish to hide the pager, use instead the new CSS4 variable--pager-display
.
- some new features for the upcoming DeckDeckGo studio and a couple of fixes
- add a slot
content
on the Youtube slide (#56)
- slide width on Android devices (#69)
1.0.0-beta.28 (2019-02-26)
- on load, emit slides' titles (8cc779e)
1.0.0-beta.27 (2019-02-17)
- clone background for company or branding (#25)
- add "actions" slot (#54)
- add youtube
toggle
method (#51) - improve pager and reveal transitions (#52)
clearMouseCursorTimer
is not called if fullscreen is escaped through the keyboard bug (#53)
1.0.0-beta.26 (2019-02-09)
- include DeckDeckGo in any container (#50)
1.0.0-beta.25 (2019-02-03)
- more padding on screen larger than 1024px (#49)
- RTL pager position (#48)
1.0.0-beta.24 (2019-02-02)
- update Stencil v0.17.1 (b90339f)
1.0.0-beta.23 (2019-01-20)
- slide youtube, video might be not lazy rendered (#42)
1.0.0-beta.22-1 (2019-01-15)
- weaker emitter type for build compatibility of the remote control pwa (915e225)
1.0.0-beta.22 (2019-01-15)
- notes for the editor and for the audience (#37)
- in full screen mode, hide mouse cursor after a delay if not moved (#39)
1.0.0-beta.21 (2018-12-27)
- improve new QR Code slide flex alignment (775ab22)
1.0.0-beta.20 (2018-12-27)
- add a new template to generate easily QR code (#36)
- the code template as been split in a separate component. if you already use this code template, you will need to install the new
<deckgo-highlight-code/>
Web Component in your presentation (#35)
1.0.0-beta.19 (2018-12-22)
- add bar charts to your presentation (119615d)
1.0.0-beta.18 (2018-12-20)
- add charts to your presentation (#16)
1.0.0-beta.17 (2018-12-14)
- emit Youtube slide loaded only after width/height of the video have been calculated (#33)
1.0.0-beta.16 (2018-12-14)
- lazy load first slides content when all slides added (#33)
1.0.0-beta.15 (2018-12-13)
- fix list items and reveal feature (#32)
1.0.0-beta.14 (2018-12-13)
- don't display title on gif slide if fullscreen (#31)
1.0.0-beta.13 (2018-12-13)
- lazy load images in slot="background" too (#26)
- lazy loaded images with parent didn't inherited the right visibility (#30)
- update Stencil (e597a7b)
1.0.0-beta.12 (2018-12-06)
- lazy load all slotted images not just the direct descendent (#23)
1.0.0-beta.11 (2018-12-05)
- add methods to start and pause video when using the Youtube template (#22)
1.0.0-beta.10 (2018-12-04)
- emit an event with descriptions of all slides when the all deck and slides are loaded (#20)
- add a new extra slot to the deck for an extra background layer (#21)
1.0.0-beta.9 (2018-12-02)
- "author" template, the property
img-url
has been renamed toimg-src
(#19) - "code" template, the property
src-file
has been renamed tosrc
(#18)
- add a new template and component to easily integrate Gifs (#12)
- add a new template and component to easily integrate Youtube video (#12)
1.0.0-beta.8 (2018-11-28)
- add a new event slideToChange (#dd37c90)
1.0.0-beta.7 (2018-11-28)
- event
slideNextStart
renamed toslideNextDidChange
(#90df088) - event
slidePrevStart
renamed toslidePrevDidChange
(#90df088)
- add an option to not perform the inner slide animation on slideNext and slidePrev (#cd06c76)
- add an option to not trigger slideStart events on slideNext and slidePrev (#cd56d20)
1.0.0-beta.6 (2018-11-27)
- absolute is better suited than fixed if deckdeckgo is included in a not full screen page on Safari (20b164e)
1.0.0-beta.5 (2018-11-24)
- add features for the remote controller (#15)
- export missing deckdeckgo-slides.scss into the bundle (#14)
1.0.0-beta.4 (2018-11-14)
- introduce a new template to let you introduce the author of the presentation (#9)
- hide all lazy loaded images per default (#10)
1.0.0-beta.3 (2018-11-11)
- revert to a fixed position deck which gives better result across browsers (af53bd5)
1.0.0-beta.2 (2018-11-11)
- improve positioning and over scrolling on iOS (#8)
1.0.0-beta.1 (2018-11-07)
- slider was not swipeable on iOS (#7)