@micromag/viewer 0.3.379 → 0.3.380

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +26 -12
  3. package/lib/index.js +25 -12
  4. package/package.json +2 -2
package/assets/css/styles.css CHANGED
@@ -5,7 +5,7 @@
5
5
  .micromag-viewer-menus-menu-dot-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-viewer-menus-menu-dot-progress{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-viewer-menus-menu-dot-container{-ms-flex:1 1;flex:1 1}.micromag-viewer-menus-menu-dot-container:last-child{margin-right:0}.micromag-viewer-menus-menu-dot-container.micromag-viewer-menus-menu-dot-vertical .micromag-viewer-menus-menu-dot-button{height:100%;padding:2px 10px;width:auto}.micromag-viewer-menus-menu-dot-container.micromag-viewer-menus-menu-dot-vertical .micromag-viewer-menus-menu-dot-dot{height:100%;width:2px}.micromag-viewer-menus-menu-dot-button{display:block;padding:.25rem 2px 1rem;width:100%}@media (hover:hover){.micromag-viewer-menus-menu-dot-button:hover .micromag-viewer-menus-menu-dot-dot{background-color:#fff!important;-webkit-transform:scaleY(1.5);-ms-transform:scaleY(1.5);transform:scaleY(1.5)}}.micromag-viewer-menus-menu-dot-button:active .micromag-viewer-menus-menu-dot-dot{-webkit-transform:scaleY(1.5);-ms-transform:scaleY(1.5);transform:scaleY(1.5)}.micromag-viewer-menus-menu-dot-dot{background-color:hsla(0,0%,100%,.45);display:block;height:2px;position:relative;-webkit-transition:-webkit-transform .3s cubic-bezier(.4,1.69,0,1);transition:-webkit-transform .3s cubic-bezier(.4,1.69,0,1);-o-transition:transform .3s cubic-bezier(.4,1.69,0,1);transition:transform .3s cubic-bezier(.4,1.69,0,1);transition:transform .3s cubic-bezier(.4,1.69,0,1),-webkit-transform .3s cubic-bezier(.4,1.69,0,1);width:100%}.micromag-viewer-menus-menu-dot-progress{-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.micromag-viewer-menus-menu-dot-subDot{border-radius:0;display:block;position:relative}.micromag-viewer-menus-menu-dot-subDot:after{background-color:inherit;content:"";height:100%;left:100%;position:absolute;width:1px}.micromag-viewer-menus-menu-dot-dots{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}@-webkit-keyframes micromag-viewer-menus-menu-dot-outlineBounce{to{-webkit-transform:scaleY(1.5);transform:scaleY(1.5)}}@keyframes micromag-viewer-menus-menu-dot-outlineBounce{to{-webkit-transform:scaleY(1.5);transform:scaleY(1.5)}}
6
6
  .micromag-viewer-menus-menu-dots-container .micromag-viewer-menus-menu-dots-closeButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-viewer-menus-menu-dots-container .micromag-viewer-menus-menu-dots-closeButton:focus-visible{outline:3px solid #a13dff;outline-offset:4px}.micromag-viewer-menus-menu-dots-container{position:relative}.micromag-viewer-menus-menu-dots-container .micromag-viewer-menus-menu-dots-item,.micromag-viewer-menus-menu-dots-container .micromag-viewer-menus-menu-dots-items{list-style:none;margin:0;padding:0}.micromag-viewer-menus-menu-dots-container .micromag-viewer-menus-menu-dots-items{-ms-flex-align:center;-ms-flex-pack:end;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;justify-content:flex-end;width:100%}.micromag-viewer-menus-menu-dots-container .micromag-viewer-menus-menu-dots-closeButton{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding-left:8px;padding-right:2px}.micromag-viewer-menus-menu-dots-container.micromag-viewer-menus-menu-dots-vertical{background:transparent;-ms-flex-direction:column;flex-direction:column}.micromag-viewer-menus-menu-dots-container.micromag-viewer-menus-menu-dots-vertical .micromag-viewer-menus-menu-dots-items{-ms-flex-direction:column;flex-direction:column;height:100%;width:auto}
7
7
  .micromag-viewer-menus-menu-screen-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;left:0;padding:0;position:relative;position:absolute;top:0;width:100%}.micromag-viewer-menus-menu-screen-container{height:0;overflow:hidden;position:relative;width:100%}.micromag-viewer-menus-menu-screen-button{border:0 solid #fff;border-radius:.45rem;display:block;-webkit-transition:border-width .4s cubic-bezier(.4,1.69,0,1);-o-transition:border-width .4s cubic-bezier(.4,1.69,0,1);transition:border-width .4s cubic-bezier(.4,1.69,0,1);z-index:2}.micromag-viewer-menus-menu-screen-button:focus-visible{outline:.25rem solid #a13dff;outline-offset:.25rem}.micromag-viewer-menus-menu-screen-isCurrent .micromag-viewer-menus-menu-screen-button{animation:micromag-viewer-menus-menu-screen-pulse .75s cubic-bezier(.4,0,.6,1) infinite alternate-reverse}@media (hover:hover){.micromag-viewer-menus-menu-screen-button:hover{border:.1rem solid #fff}}.micromag-viewer-menus-menu-screen-inner{pointer-events:none;z-index:1}.micromag-viewer-menus-menu-screen-subScreenBadge{bottom:.25rem;font-size:.9rem;font-weight:700;pointer-events:none;position:absolute;right:.25rem;z-index:2}.micromag-viewer-menus-menu-screen-subScreenCount{color:#343434;left:50%;letter-spacing:-.05rem;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%) translate(-.1rem,-.1rem);-ms-transform:translate(-50%,-50%) translate(-.1rem,-.1rem);transform:translate(-50%,-50%) translate(-.1rem,-.1rem);z-index:2}.micromag-viewer-menus-menu-screen-subScreenIcon{fill:#fff;height:auto;position:relative;width:1.15rem;z-index:1}@-webkit-keyframes micromag-viewer-menus-menu-screen-pulse{0%{border-width:.1rem}to{border-width:.25rem}}@keyframes micromag-viewer-menus-menu-screen-pulse{0%{border-width:.1rem}to{border-width:.25rem}}
8
- .micromag-viewer-menus-menu-preview-scroll{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-viewer-menus-menu-preview-container{background-position:50%;background-repeat:no-repeat;background-size:cover;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-touch-action:none;touch-action:none}.micromag-viewer-menus-menu-preview-container.micromag-viewer-menus-menu-preview-disabled .micromag-viewer-menus-menu-preview-screenButton{pointer-events:none}.micromag-viewer-menus-menu-preview-content{-ms-flex-positive:1;flex-grow:1;height:100%;max-height:100%;position:relative}.micromag-viewer-menus-menu-preview-buttons{-ms-flex-positive:1;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;flex-grow:1;position:relative;z-index:3}.micromag-viewer-menus-menu-preview-organisation{-ms-flex-negative:0;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;flex-shrink:0;height:30px;margin-right:10px;width:30px}.micromag-viewer-menus-menu-preview-icon{display:block;height:auto;width:1rem}.micromag-viewer-menus-menu-preview-titleContainer{margin:0 auto;max-width:500px;padding:10px;text-align:center;width:70%}.micromag-viewer-menus-menu-preview-badge{border-color:#fff;color:#fff;margin-bottom:10px}.micromag-viewer-menus-menu-preview-title{font-family:Helvetica,Arial,sans-serif}.micromag-viewer-menus-menu-preview-nav{-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding:10px;position:relative}.micromag-viewer-menus-menu-preview-title{text-align:center}.micromag-viewer-menus-menu-preview-item,.micromag-viewer-menus-menu-preview-items{list-style:none;margin:0;padding:0}.micromag-viewer-menus-menu-preview-items{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:.75rem!important;position:relative}.micromag-viewer-menus-menu-preview-item{position:relative;width:33.333%}.micromag-viewer-menus-menu-preview-inner{padding:2px}.micromag-viewer-menus-menu-preview-frame{background-color:#343434;border-radius:.45rem;height:0;width:100%}.micromag-viewer-menus-menu-preview-screen{-webkit-animation:micromag-viewer-menus-menu-preview-intro 1s cubic-bezier(.6,0,.4,1) 50ms 1 forwards;animation:micromag-viewer-menus-menu-preview-intro 1s cubic-bezier(.6,0,.4,1) 50ms 1 forwards;border-radius:.45rem;-webkit-box-shadow:0 0 2px #1c1c1c;box-shadow:0 0 2px #1c1c1c;opacity:0}@-webkit-keyframes micromag-viewer-menus-menu-preview-intro{to{opacity:1}}@keyframes micromag-viewer-menus-menu-preview-intro{to{opacity:1}}
8
+ .micromag-viewer-menus-menu-preview-scroll{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-viewer-menus-menu-preview-container{background-position:50%;background-repeat:no-repeat;background-size:cover;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-touch-action:none;touch-action:none}.micromag-viewer-menus-menu-preview-container.micromag-viewer-menus-menu-preview-disabled .micromag-viewer-menus-menu-preview-screenButton{pointer-events:none}.micromag-viewer-menus-menu-preview-content{-ms-flex-positive:1;flex-grow:1;height:100%;max-height:100%;position:relative}.micromag-viewer-menus-menu-preview-buttons{-ms-flex-positive:1;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;flex-grow:1;position:relative;z-index:3}.micromag-viewer-menus-menu-preview-organisation{-ms-flex-negative:0;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;flex-shrink:0;height:30px;margin-right:10px;width:30px}.micromag-viewer-menus-menu-preview-icon{display:block;height:auto;width:1rem}.micromag-viewer-menus-menu-preview-titleContainer{padding:10px 80px;text-align:center;width:100%}.micromag-viewer-menus-menu-preview-headerContainer{position:relative;width:100%}.micromag-viewer-menus-menu-preview-badge{border-color:#fff;color:#fff;display:inline-block;margin:0 auto 10px}.micromag-viewer-menus-menu-preview-title{display:inline-block;font-family:Helvetica,Arial,sans-serif;margin:0 auto;max-width:500px}.micromag-viewer-menus-menu-preview-nav{-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding:10px;position:relative}.micromag-viewer-menus-menu-preview-title{text-align:center}.micromag-viewer-menus-menu-preview-item,.micromag-viewer-menus-menu-preview-items{list-style:none;margin:0;padding:0}.micromag-viewer-menus-menu-preview-items{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:.75rem!important;position:relative}.micromag-viewer-menus-menu-preview-item{position:relative;width:33.333%}.micromag-viewer-menus-menu-preview-inner{padding:2px}.micromag-viewer-menus-menu-preview-frame{background-color:#343434;border-radius:.45rem;height:0;width:100%}.micromag-viewer-menus-menu-preview-screen{-webkit-animation:micromag-viewer-menus-menu-preview-intro 1s cubic-bezier(.6,0,.4,1) 50ms 1 forwards;animation:micromag-viewer-menus-menu-preview-intro 1s cubic-bezier(.6,0,.4,1) 50ms 1 forwards;border-radius:.45rem;-webkit-box-shadow:0 0 2px #1c1c1c;box-shadow:0 0 2px #1c1c1c;opacity:0}@-webkit-keyframes micromag-viewer-menus-menu-preview-intro{to{opacity:1}}@keyframes micromag-viewer-menus-menu-preview-intro{to{opacity:1}}
9
9
  .micromag-viewer-partials-micromag-preview-container{-ms-flex-align:start;-ms-flex-pack:start;align-items:flex-start;display:-ms-flexbox;display:flex;justify-content:flex-start}.micromag-viewer-partials-micromag-preview-cover{-ms-flex-negative:0;flex-shrink:0;margin-right:.5rem;overflow:hidden}.micromag-viewer-partials-micromag-preview-info{white-space:normal}.micromag-viewer-partials-micromag-preview-url{font-size:.75rem;margin:.5rem 0}.micromag-viewer-partials-micromag-preview-container .micromag-viewer-partials-micromag-preview-title{font-family:Helvetica,Arial,sans-serif!important;font-size:1.1rem!important;font-weight:700;margin-bottom:.25rem}
10
10
  .micromag-viewer-menus-menu-share-scroll{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-viewer-menus-menu-share-container{background-position:50%;background-repeat:no-repeat;background-size:cover;-ms-touch-action:none;touch-action:none}.micromag-viewer-menus-menu-share-container.micromag-viewer-menus-menu-share-disabled .micromag-viewer-menus-menu-share-button{pointer-events:none}.micromag-viewer-menus-menu-share-content{-ms-flex-positive:1;flex-grow:1;height:100%;max-height:100%;position:relative}.micromag-viewer-menus-menu-share-inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-width:500px;padding:10px;position:relative}.micromag-viewer-menus-menu-share-organisation{-ms-flex-negative:0;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;flex-shrink:0;height:30px;margin-right:10px;width:30px}.micromag-viewer-menus-menu-share-icon{display:block;height:auto;width:1rem}.micromag-viewer-menus-menu-share-header{background-color:rgba(0,0,0,.15);border-radius:.5rem;margin:.5rem 0;max-width:600px;padding:.5rem}.micromag-viewer-menus-menu-share-mode{margin-top:.5rem}.micromag-viewer-menus-menu-share-mode label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;font-size:14px;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-viewer-menus-menu-share-mode input{animation:micromag-viewer-menus-menu-share-bump .5s cubic-bezier(.6,0,.4,1) 1 alternate-reverse forwards;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #fff;border-radius:4px;height:1rem;margin-right:.5rem;-webkit-transition:-webkit-transform .3s cubic-bezier(0,.6,.5,1);transition:-webkit-transform .3s cubic-bezier(0,.6,.5,1);-o-transition:transform .3s cubic-bezier(0,.6,.5,1);transition:transform .3s cubic-bezier(0,.6,.5,1);transition:transform .3s cubic-bezier(0,.6,.5,1),-webkit-transform .3s cubic-bezier(0,.6,.5,1);width:1rem}.micromag-viewer-menus-menu-share-mode input:active{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);-webkit-transition:-webkit-transform .3s cubic-bezier(.41,1.69,.04,.67);transition:-webkit-transform .3s cubic-bezier(.41,1.69,.04,.67);-o-transition:transform .3s cubic-bezier(.41,1.69,.04,.67);transition:transform .3s cubic-bezier(.41,1.69,.04,.67);transition:transform .3s cubic-bezier(.41,1.69,.04,.67),-webkit-transform .3s cubic-bezier(.41,1.69,.04,.67)}.micromag-viewer-menus-menu-share-mode input:checked{background-color:#fff}.micromag-viewer-menus-menu-share-options{margin-bottom:3rem}
11
11
  .micromag-viewer-container{font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.micromag-viewer-container address,.micromag-viewer-container blockquote,.micromag-viewer-container caption,.micromag-viewer-container dl,.micromag-viewer-container figure,.micromag-viewer-container h1,.micromag-viewer-container h2,.micromag-viewer-container h3,.micromag-viewer-container h4,.micromag-viewer-container h5,.micromag-viewer-container h6,.micromag-viewer-container label,.micromag-viewer-container legend,.micromag-viewer-container li,.micromag-viewer-container ol,.micromag-viewer-container p,.micromag-viewer-container pre,.micromag-viewer-container ul{margin:0;padding:0}.micromag-viewer-container *,.micromag-viewer-container :after,.micromag-viewer-container :before{-webkit-box-sizing:border-box;box-sizing:border-box}.micromag-viewer-container h1,.micromag-viewer-container h2,.micromag-viewer-container h3,.micromag-viewer-container h4,.micromag-viewer-container h5,.micromag-viewer-container h6,.micromag-viewer-container li,.micromag-viewer-container p{font-weight:400}.micromag-viewer-menuContainer,.micromag-viewer-menuPreview,.micromag-viewer-menuShare,.micromag-viewer-screenContainer,.micromag-viewer-screensFrame{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-viewer-screenContainer:focus-visible{outline:3px solid #a13dff;outline-offset:4px}.micromag-viewer-container{background-color:#1c1c1c;color:#fff;height:100%;overflow:hidden;position:relative;width:100%}.micromag-viewer-container.micromag-viewer-landscape .micromag-viewer-screensFrame{bottom:0;left:50%;margin:auto;top:0;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.micromag-viewer-container.micromag-viewer-hideMenu .micromag-viewer-dots,.micromag-viewer-container.micromag-viewer-hideMenu .micromag-viewer-menuNavContainer,.micromag-viewer-container.micromag-viewer-hideMenu .micromag-viewer-menuTopContainer{opacity:0;pointer-events:none}.micromag-viewer-container.micromag-viewer-disableMenu .micromag-viewer-dots,.micromag-viewer-container.micromag-viewer-disableMenu .micromag-viewer-menuNavContainer,.micromag-viewer-container.micromag-viewer-disableMenu .micromag-viewer-menuTopContainer{pointer-events:none}.micromag-viewer-content{cursor:-webkit-grab;cursor:grab;height:100%;overflow:hidden;position:absolute;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:1}.micromag-viewer-content:active{cursor:-webkit-grabbing;cursor:grabbing}.micromag-viewer-withoutGestures .micromag-viewer-content{cursor:inherit}.micromag-viewer-menuNavContainer{position:absolute;top:0;-ms-touch-action:none;touch-action:none;-webkit-transition:opacity .5s cubic-bezier(.6,0,.4,1),background-image .5s cubic-bezier(.6,0,.4,1);-o-transition:opacity .5s cubic-bezier(.6,0,.4,1),background-image .5s cubic-bezier(.6,0,.4,1);transition:opacity .5s cubic-bezier(.6,0,.4,1),background-image .5s cubic-bezier(.6,0,.4,1);width:100%;z-index:4}.micromag-viewer-fadeMenu .micromag-viewer-menuNavContainer{opacity:.25}.micromag-viewer-menuNavContainer.micromag-viewer-withShadow{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.75)),to(rgba(0,0,0,0)));background-image:-o-linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,0));background-image:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,0))}.micromag-viewer-fadeMenu .micromag-viewer-menuNavContainer.micromag-viewer-withShadow{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)));background-image:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0));background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0))}.micromag-viewer-menuNavContainer.micromag-viewer-isOpened{opacity:1}.micromag-viewer-menuNavContainer.micromag-viewer-isOpened .micromag-viewer-dots{opacity:0;pointer-events:none}.micromag-viewer-menuNavContainer.micromag-viewer-isOpened.micromag-viewer-withShadow{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.75)),to(rgba(0,0,0,0)));background-image:-o-linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,0));background-image:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,0))}.micromag-viewer-menuTopContainer{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-webkit-transition:opacity .2s cubic-bezier(.6,0,.4,1);-o-transition:opacity .2s cubic-bezier(.6,0,.4,1);transition:opacity .2s cubic-bezier(.6,0,.4,1)}.micromag-viewer-menuItem{display:block;font-size:8px;-ms-touch-action:none;touch-action:none;width:50%}.micromag-viewer-menuItem:last-child{text-align:right}.micromag-viewer-menuButton{font-size:.8rem;padding:.5rem .75rem}.micromag-viewer-slidingButton{display:inline-block}.micromag-viewer-screensMenuButtonToggled{left:auto;right:0}.micromag-viewer-dots{padding:0 .5rem;position:relative;top:-.25rem;-webkit-transition:opacity .3s cubic-bezier(0,.6,.5,1);-o-transition:opacity .3s cubic-bezier(0,.6,.5,1);transition:opacity .3s cubic-bezier(0,.6,.5,1);z-index:3}.micromag-viewer-hideMenu .micromag-viewer-dots{pointer-events:none}.micromag-viewer-menuContainer{top:0;z-index:3}.micromag-viewer-menuPreview,.micromag-viewer-menuShare{z-index:4}.micromag-viewer-navButton{border:0;display:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);visibility:hidden;z-index:3}.micromag-viewer-navButton.micromag-viewer-previous{left:1.5rem}.micromag-viewer-navButton.micromag-viewer-next{right:1.5rem}@media screen and (min-width:1024px){.micromag-viewer-navButton{display:block;visibility:visible}}.micromag-viewer-screensFrame{-ms-touch-action:none;touch-action:none;z-index:1}.micromag-viewer-screenContainer{display:-ms-flexbox;display:flex;height:100%;opacity:0}.micromag-viewer-screen{pointer-events:none}.micromag-viewer-current .micromag-viewer-screen{pointer-events:auto}.micromag-viewer-playbackControls{bottom:0;left:0;pointer-events:none;position:absolute;width:100%;z-index:2}.micromag-viewer-arrowHint{position:absolute;right:5%;top:70%}.micromag-viewer-webView{z-index:10}.micromag-viewer-shareIncentiveContainer{left:10px;pointer-events:none;position:absolute;top:0;width:calc(100% - 20px);z-index:1}.micromag-viewer-shareIncentive{display:inline-block;opacity:0;pointer-events:auto;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:opacity .3s cubic-bezier(.9,0,.2,1),-webkit-transform .3s cubic-bezier(.9,0,.2,1);transition:opacity .3s cubic-bezier(.9,0,.2,1),-webkit-transform .3s cubic-bezier(.9,0,.2,1);-o-transition:opacity .3s cubic-bezier(.9,0,.2,1),transform .3s cubic-bezier(.9,0,.2,1);transition:opacity .3s cubic-bezier(.9,0,.2,1),transform .3s cubic-bezier(.9,0,.2,1);transition:opacity .3s cubic-bezier(.9,0,.2,1),transform .3s cubic-bezier(.9,0,.2,1),-webkit-transform .3s cubic-bezier(.9,0,.2,1)}.micromag-viewer-shareIncentiveVisible .micromag-viewer-shareIncentive{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .3s cubic-bezier(.25,2,.2,1) .5s,-webkit-transform .3s cubic-bezier(.25,2,.2,1) .5s;transition:opacity .3s cubic-bezier(.25,2,.2,1) .5s,-webkit-transform .3s cubic-bezier(.25,2,.2,1) .5s;-o-transition:opacity .3s cubic-bezier(.25,2,.2,1) .5s,transform .3s cubic-bezier(.25,2,.2,1) .5s;transition:opacity .3s cubic-bezier(.25,2,.2,1) .5s,transform .3s cubic-bezier(.25,2,.2,1) .5s;transition:opacity .3s cubic-bezier(.25,2,.2,1) .5s,transform .3s cubic-bezier(.25,2,.2,1) .5s,-webkit-transform .3s cubic-bezier(.25,2,.2,1) .5s}
package/es/index.js CHANGED
@@ -18,11 +18,10 @@ import { Helmet } from 'react-helmet';
18
18
  import EventEmitter from 'wolfy87-eventemitter';
19
19
  import { Label, CloseIcon, ScreenPreview, Screen, ArrowIcon, Button as Button$1, Spinner, UnmuteIcon, MuteIcon, PauseIcon, PlayIcon, Meta, FontFaces } from '@micromag/core/components';
20
20
  import { useDimensionObserver, useTrackEvent, useDragProgress, useMediaProgress, useMediaReady, useParsedStory, useLoadedFonts, useTrackScreenView, useScreenSizeFromElement, useFullscreen } from '@micromag/core/hooks';
21
- import { getStyleFromColor, easings, getStyleFromText, isTextFilled, getColorAsString, getDeviceScreens } from '@micromag/core/utils';
21
+ import { getStyleFromColor, easings, getStyleFromText, getColorAsString, getDeviceScreens } from '@micromag/core/utils';
22
22
  import { ShareIncentive } from '@micromag/elements/all';
23
23
  import { useIntl, FormattedMessage } from 'react-intl';
24
24
  import { useSpring } from '@react-spring/core';
25
- import Badge from '@micromag/element-badge';
26
25
  import Scroll from '@micromag/element-scroll';
27
26
  import ShareOptions from '@micromag/element-share-options';
28
27
  import { useGesture } from '@use-gesture/react';
@@ -984,7 +983,7 @@ var ViewerMenuScreen = function ViewerMenuScreen(_ref) {
984
983
  ViewerMenuScreen.propTypes = propTypes$d;
985
984
  ViewerMenuScreen.defaultProps = defaultProps$d;
986
985
 
987
- var styles$9 = {"scroll":"micromag-viewer-menus-menu-preview-scroll","container":"micromag-viewer-menus-menu-preview-container","disabled":"micromag-viewer-menus-menu-preview-disabled","screenButton":"micromag-viewer-menus-menu-preview-screenButton","content":"micromag-viewer-menus-menu-preview-content","buttons":"micromag-viewer-menus-menu-preview-buttons","organisation":"micromag-viewer-menus-menu-preview-organisation","icon":"micromag-viewer-menus-menu-preview-icon","titleContainer":"micromag-viewer-menus-menu-preview-titleContainer","badge":"micromag-viewer-menus-menu-preview-badge","title":"micromag-viewer-menus-menu-preview-title","nav":"micromag-viewer-menus-menu-preview-nav","items":"micromag-viewer-menus-menu-preview-items","item":"micromag-viewer-menus-menu-preview-item","inner":"micromag-viewer-menus-menu-preview-inner","frame":"micromag-viewer-menus-menu-preview-frame","screen":"micromag-viewer-menus-menu-preview-screen","intro":"micromag-viewer-menus-menu-preview-intro"};
986
+ var styles$9 = {"scroll":"micromag-viewer-menus-menu-preview-scroll","container":"micromag-viewer-menus-menu-preview-container","disabled":"micromag-viewer-menus-menu-preview-disabled","screenButton":"micromag-viewer-menus-menu-preview-screenButton","content":"micromag-viewer-menus-menu-preview-content","buttons":"micromag-viewer-menus-menu-preview-buttons","organisation":"micromag-viewer-menus-menu-preview-organisation","icon":"micromag-viewer-menus-menu-preview-icon","titleContainer":"micromag-viewer-menus-menu-preview-titleContainer","headerContainer":"micromag-viewer-menus-menu-preview-headerContainer","badge":"micromag-viewer-menus-menu-preview-badge","title":"micromag-viewer-menus-menu-preview-title","nav":"micromag-viewer-menus-menu-preview-nav","items":"micromag-viewer-menus-menu-preview-items","item":"micromag-viewer-menus-menu-preview-item","inner":"micromag-viewer-menus-menu-preview-inner","frame":"micromag-viewer-menus-menu-preview-frame","screen":"micromag-viewer-menus-menu-preview-screen","intro":"micromag-viewer-menus-menu-preview-intro"};
988
987
 
989
988
  var _excluded$3 = ["textAlign"];
990
989
  var propTypes$c = {
@@ -992,7 +991,6 @@ var propTypes$c = {
992
991
  header: PropTypes.node,
993
992
  screenSize: PropTypes$1.screenSize,
994
993
  title: PropTypes.string,
995
- surtitle: PropTypes$1.badge,
996
994
  menuWidth: PropTypes.number,
997
995
  items: PropTypes$1.menuItems,
998
996
  focusable: PropTypes.bool,
@@ -1012,7 +1010,6 @@ var defaultProps$c = {
1012
1010
  header: null,
1013
1011
  screenSize: null,
1014
1012
  title: null,
1015
- surtitle: null,
1016
1013
  menuWidth: null,
1017
1014
  items: [],
1018
1015
  focusable: true,
@@ -1031,7 +1028,6 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
1031
1028
  header = _ref.header,
1032
1029
  screenSize = _ref.screenSize,
1033
1030
  title = _ref.title,
1034
- surtitle = _ref.surtitle,
1035
1031
  menuWidth = _ref.menuWidth,
1036
1032
  items = _ref.items,
1037
1033
  focusable = _ref.focusable,
@@ -1076,7 +1072,6 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
1076
1072
  screensMounted = _useState2[0],
1077
1073
  setScreensMounted = _useState2[1];
1078
1074
  var hasTitle = title !== null;
1079
- var hasSurtitle = isTextFilled(surtitle);
1080
1075
 
1081
1076
  // @todo optimize all of this the proper way
1082
1077
  // const finalItems = useMemo(
@@ -1095,6 +1090,7 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
1095
1090
  clearTimeout(timeout);
1096
1091
  };
1097
1092
  }, [items, screensMounted, setScreensMounted]);
1093
+ var menuPaddingTop = paddingTop + 10;
1098
1094
  return /*#__PURE__*/React.createElement("div", {
1099
1095
  className: classNames([styles$9.container, _defineProperty({}, className, className !== null)]),
1100
1096
  style: _objectSpread(_objectSpread({}, brandImageStyle), {}, {
@@ -1110,14 +1106,17 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
1110
1106
  }, hasTitle && header === null ? /*#__PURE__*/React.createElement("div", {
1111
1107
  className: styles$9.titleContainer,
1112
1108
  style: {
1113
- paddingTop: paddingTop + 10
1109
+ paddingTop: menuPaddingTop
1114
1110
  }
1115
- }, hasSurtitle ? /*#__PURE__*/React.createElement(Badge, Object.assign({}, surtitle, {
1116
- className: styles$9.badge
1117
- })) : null, /*#__PURE__*/React.createElement("h1", {
1111
+ }, /*#__PURE__*/React.createElement("h1", {
1118
1112
  className: styles$9.title,
1119
1113
  style: _objectSpread({}, finalTitleStyles)
1120
- }, title)) : header, /*#__PURE__*/React.createElement("nav", {
1114
+ }, title)) : /*#__PURE__*/React.createElement("div", {
1115
+ className: styles$9.headerContainer,
1116
+ style: {
1117
+ paddingTop: menuPaddingTop
1118
+ }
1119
+ }, header), /*#__PURE__*/React.createElement("nav", {
1121
1120
  className: styles$9.nav,
1122
1121
  style: !hasTitle ? {
1123
1122
  paddingTop: paddingTop
@@ -1361,6 +1360,7 @@ var propTypes$9 = {
1361
1360
  onClickScreen: PropTypes.func,
1362
1361
  // onClickMenu: PropTypes.func,
1363
1362
  onClickCloseViewer: PropTypes.func,
1363
+ onChange: PropTypes.func,
1364
1364
  refDots: PropTypes.shape({
1365
1365
  current: PropTypes.any // eslint-disable-line
1366
1366
  })
@@ -1383,6 +1383,7 @@ var defaultProps$9 = {
1383
1383
  withoutScreensMenu: false,
1384
1384
  withoutShareMenu: false,
1385
1385
  onClickScreen: null,
1386
+ onChange: null,
1386
1387
  // onClickMenu: null,
1387
1388
  onClickCloseViewer: null,
1388
1389
  refDots: null
@@ -1406,6 +1407,7 @@ var ViewerMenu = function ViewerMenu(_ref) {
1406
1407
  withoutScreensMenu = _ref.withoutScreensMenu,
1407
1408
  withoutShareMenu = _ref.withoutShareMenu,
1408
1409
  customOnClickScreen = _ref.onClickScreen,
1410
+ onChange = _ref.onChange,
1409
1411
  onClickCloseViewer = _ref.onClickCloseViewer,
1410
1412
  refDots = _ref.refDots;
1411
1413
  var _story$components = story.components,
@@ -1519,6 +1521,14 @@ var ViewerMenu = function ViewerMenu(_ref) {
1519
1521
  });
1520
1522
  trackScreenEvent('viewer_menu', 'click_screen_change', "Screen ".concat(index + 1));
1521
1523
  }, [customOnClickScreen, setMenuOpened, items, screenId, trackScreenEvent]);
1524
+ useEffect(function () {
1525
+ if (onChange !== null) {
1526
+ onChange({
1527
+ menuOpen: menuOpened,
1528
+ shareOpen: shareOpened
1529
+ });
1530
+ }
1531
+ }, [onChange, menuOpened, shareOpened]);
1522
1532
  var onShare = useCallback(function (type) {
1523
1533
  // @todo display something to say thanks for sharing?
1524
1534
  trackScreenEvent('viewer_menu', 'shared_story', type);
@@ -2440,6 +2450,7 @@ var propTypes$2 = {
2440
2450
  onInteraction: PropTypes.func,
2441
2451
  onEnd: PropTypes.func,
2442
2452
  onViewModeChange: PropTypes.func,
2453
+ onMenuChange: PropTypes.func,
2443
2454
  currentScreenMedia: PropTypes$1.ref,
2444
2455
  menuIsScreenWidth: PropTypes.bool,
2445
2456
  menuHeader: PropTypes.node,
@@ -2486,6 +2497,7 @@ var defaultProps$2 = {
2486
2497
  onInteraction: null,
2487
2498
  onEnd: null,
2488
2499
  onViewModeChange: null,
2500
+ onMenuChange: null,
2489
2501
  currentScreenMedia: null,
2490
2502
  screensMedias: null,
2491
2503
  screenSizeOptions: null,
@@ -2527,6 +2539,7 @@ var Viewer = function Viewer(_ref) {
2527
2539
  onEnd = _ref.onEnd,
2528
2540
  onScreenChange = _ref.onScreenChange,
2529
2541
  onViewModeChange = _ref.onViewModeChange,
2542
+ onMenuChange = _ref.onMenuChange,
2530
2543
  currentScreenMedia = _ref.currentScreenMedia,
2531
2544
  screensMedias = _ref.screensMedias,
2532
2545
  screenSizeOptions = _ref.screenSizeOptions,
@@ -2983,6 +2996,7 @@ var Viewer = function Viewer(_ref) {
2983
2996
  trackingEnabled: trackingEnabled,
2984
2997
  onClickScreen: onClickScreen,
2985
2998
  onClickCloseViewer: onCloseViewer,
2999
+ onChange: onMenuChange,
2986
3000
  withDotItemClick: screenContainerWidth > 400,
2987
3001
  withoutScreensMenu: withoutScreensMenu,
2988
3002
  withoutShareMenu: withoutShareMenu,
package/lib/index.js CHANGED
@@ -26,7 +26,6 @@ var utils = require('@micromag/core/utils');
26
26
  var all = require('@micromag/elements/all');
27
27
  var reactIntl = require('react-intl');
28
28
  var core$1 = require('@react-spring/core');
29
- var Badge = require('@micromag/element-badge');
30
29
  var Scroll = require('@micromag/element-scroll');
31
30
  var ShareOptions = require('@micromag/element-share-options');
32
31
  var react = require('@use-gesture/react');
@@ -44,7 +43,6 @@ var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray)
44
43
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
45
44
  var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
46
45
  var EventEmitter__default = /*#__PURE__*/_interopDefaultLegacy(EventEmitter);
47
- var Badge__default = /*#__PURE__*/_interopDefaultLegacy(Badge);
48
46
  var Scroll__default = /*#__PURE__*/_interopDefaultLegacy(Scroll);
49
47
  var ShareOptions__default = /*#__PURE__*/_interopDefaultLegacy(ShareOptions);
50
48
  var WebView__default = /*#__PURE__*/_interopDefaultLegacy(WebView);
@@ -1005,7 +1003,7 @@ var ViewerMenuScreen = function ViewerMenuScreen(_ref) {
1005
1003
  ViewerMenuScreen.propTypes = propTypes$d;
1006
1004
  ViewerMenuScreen.defaultProps = defaultProps$d;
1007
1005
 
1008
- var styles$9 = {"scroll":"micromag-viewer-menus-menu-preview-scroll","container":"micromag-viewer-menus-menu-preview-container","disabled":"micromag-viewer-menus-menu-preview-disabled","screenButton":"micromag-viewer-menus-menu-preview-screenButton","content":"micromag-viewer-menus-menu-preview-content","buttons":"micromag-viewer-menus-menu-preview-buttons","organisation":"micromag-viewer-menus-menu-preview-organisation","icon":"micromag-viewer-menus-menu-preview-icon","titleContainer":"micromag-viewer-menus-menu-preview-titleContainer","badge":"micromag-viewer-menus-menu-preview-badge","title":"micromag-viewer-menus-menu-preview-title","nav":"micromag-viewer-menus-menu-preview-nav","items":"micromag-viewer-menus-menu-preview-items","item":"micromag-viewer-menus-menu-preview-item","inner":"micromag-viewer-menus-menu-preview-inner","frame":"micromag-viewer-menus-menu-preview-frame","screen":"micromag-viewer-menus-menu-preview-screen","intro":"micromag-viewer-menus-menu-preview-intro"};
1006
+ var styles$9 = {"scroll":"micromag-viewer-menus-menu-preview-scroll","container":"micromag-viewer-menus-menu-preview-container","disabled":"micromag-viewer-menus-menu-preview-disabled","screenButton":"micromag-viewer-menus-menu-preview-screenButton","content":"micromag-viewer-menus-menu-preview-content","buttons":"micromag-viewer-menus-menu-preview-buttons","organisation":"micromag-viewer-menus-menu-preview-organisation","icon":"micromag-viewer-menus-menu-preview-icon","titleContainer":"micromag-viewer-menus-menu-preview-titleContainer","headerContainer":"micromag-viewer-menus-menu-preview-headerContainer","badge":"micromag-viewer-menus-menu-preview-badge","title":"micromag-viewer-menus-menu-preview-title","nav":"micromag-viewer-menus-menu-preview-nav","items":"micromag-viewer-menus-menu-preview-items","item":"micromag-viewer-menus-menu-preview-item","inner":"micromag-viewer-menus-menu-preview-inner","frame":"micromag-viewer-menus-menu-preview-frame","screen":"micromag-viewer-menus-menu-preview-screen","intro":"micromag-viewer-menus-menu-preview-intro"};
1009
1007
 
1010
1008
  var _excluded$3 = ["textAlign"];
1011
1009
  var propTypes$c = {
@@ -1013,7 +1011,6 @@ var propTypes$c = {
1013
1011
  header: PropTypes__default["default"].node,
1014
1012
  screenSize: core.PropTypes.screenSize,
1015
1013
  title: PropTypes__default["default"].string,
1016
- surtitle: core.PropTypes.badge,
1017
1014
  menuWidth: PropTypes__default["default"].number,
1018
1015
  items: core.PropTypes.menuItems,
1019
1016
  focusable: PropTypes__default["default"].bool,
@@ -1033,7 +1030,6 @@ var defaultProps$c = {
1033
1030
  header: null,
1034
1031
  screenSize: null,
1035
1032
  title: null,
1036
- surtitle: null,
1037
1033
  menuWidth: null,
1038
1034
  items: [],
1039
1035
  focusable: true,
@@ -1052,7 +1048,6 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
1052
1048
  header = _ref.header,
1053
1049
  screenSize = _ref.screenSize,
1054
1050
  title = _ref.title,
1055
- surtitle = _ref.surtitle,
1056
1051
  menuWidth = _ref.menuWidth,
1057
1052
  items = _ref.items,
1058
1053
  focusable = _ref.focusable,
@@ -1097,7 +1092,6 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
1097
1092
  screensMounted = _useState2[0],
1098
1093
  setScreensMounted = _useState2[1];
1099
1094
  var hasTitle = title !== null;
1100
- var hasSurtitle = utils.isTextFilled(surtitle);
1101
1095
 
1102
1096
  // @todo optimize all of this the proper way
1103
1097
  // const finalItems = useMemo(
@@ -1116,6 +1110,7 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
1116
1110
  clearTimeout(timeout);
1117
1111
  };
1118
1112
  }, [items, screensMounted, setScreensMounted]);
1113
+ var menuPaddingTop = paddingTop + 10;
1119
1114
  return /*#__PURE__*/React__default["default"].createElement("div", {
1120
1115
  className: classNames__default["default"]([styles$9.container, _defineProperty__default["default"]({}, className, className !== null)]),
1121
1116
  style: _objectSpread__default["default"](_objectSpread__default["default"]({}, brandImageStyle), {}, {
@@ -1131,14 +1126,17 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
1131
1126
  }, hasTitle && header === null ? /*#__PURE__*/React__default["default"].createElement("div", {
1132
1127
  className: styles$9.titleContainer,
1133
1128
  style: {
1134
- paddingTop: paddingTop + 10
1129
+ paddingTop: menuPaddingTop
1135
1130
  }
1136
- }, hasSurtitle ? /*#__PURE__*/React__default["default"].createElement(Badge__default["default"], Object.assign({}, surtitle, {
1137
- className: styles$9.badge
1138
- })) : null, /*#__PURE__*/React__default["default"].createElement("h1", {
1131
+ }, /*#__PURE__*/React__default["default"].createElement("h1", {
1139
1132
  className: styles$9.title,
1140
1133
  style: _objectSpread__default["default"]({}, finalTitleStyles)
1141
- }, title)) : header, /*#__PURE__*/React__default["default"].createElement("nav", {
1134
+ }, title)) : /*#__PURE__*/React__default["default"].createElement("div", {
1135
+ className: styles$9.headerContainer,
1136
+ style: {
1137
+ paddingTop: menuPaddingTop
1138
+ }
1139
+ }, header), /*#__PURE__*/React__default["default"].createElement("nav", {
1142
1140
  className: styles$9.nav,
1143
1141
  style: !hasTitle ? {
1144
1142
  paddingTop: paddingTop
@@ -1382,6 +1380,7 @@ var propTypes$9 = {
1382
1380
  onClickScreen: PropTypes__default["default"].func,
1383
1381
  // onClickMenu: PropTypes.func,
1384
1382
  onClickCloseViewer: PropTypes__default["default"].func,
1383
+ onChange: PropTypes__default["default"].func,
1385
1384
  refDots: PropTypes__default["default"].shape({
1386
1385
  current: PropTypes__default["default"].any // eslint-disable-line
1387
1386
  })
@@ -1404,6 +1403,7 @@ var defaultProps$9 = {
1404
1403
  withoutScreensMenu: false,
1405
1404
  withoutShareMenu: false,
1406
1405
  onClickScreen: null,
1406
+ onChange: null,
1407
1407
  // onClickMenu: null,
1408
1408
  onClickCloseViewer: null,
1409
1409
  refDots: null
@@ -1427,6 +1427,7 @@ var ViewerMenu = function ViewerMenu(_ref) {
1427
1427
  withoutScreensMenu = _ref.withoutScreensMenu,
1428
1428
  withoutShareMenu = _ref.withoutShareMenu,
1429
1429
  customOnClickScreen = _ref.onClickScreen,
1430
+ onChange = _ref.onChange,
1430
1431
  onClickCloseViewer = _ref.onClickCloseViewer,
1431
1432
  refDots = _ref.refDots;
1432
1433
  var _story$components = story.components,
@@ -1540,6 +1541,14 @@ var ViewerMenu = function ViewerMenu(_ref) {
1540
1541
  });
1541
1542
  trackScreenEvent('viewer_menu', 'click_screen_change', "Screen ".concat(index + 1));
1542
1543
  }, [customOnClickScreen, setMenuOpened, items, screenId, trackScreenEvent]);
1544
+ React.useEffect(function () {
1545
+ if (onChange !== null) {
1546
+ onChange({
1547
+ menuOpen: menuOpened,
1548
+ shareOpen: shareOpened
1549
+ });
1550
+ }
1551
+ }, [onChange, menuOpened, shareOpened]);
1543
1552
  var onShare = React.useCallback(function (type) {
1544
1553
  // @todo display something to say thanks for sharing?
1545
1554
  trackScreenEvent('viewer_menu', 'shared_story', type);
@@ -2461,6 +2470,7 @@ var propTypes$2 = {
2461
2470
  onInteraction: PropTypes__default["default"].func,
2462
2471
  onEnd: PropTypes__default["default"].func,
2463
2472
  onViewModeChange: PropTypes__default["default"].func,
2473
+ onMenuChange: PropTypes__default["default"].func,
2464
2474
  currentScreenMedia: core.PropTypes.ref,
2465
2475
  menuIsScreenWidth: PropTypes__default["default"].bool,
2466
2476
  menuHeader: PropTypes__default["default"].node,
@@ -2507,6 +2517,7 @@ var defaultProps$2 = {
2507
2517
  onInteraction: null,
2508
2518
  onEnd: null,
2509
2519
  onViewModeChange: null,
2520
+ onMenuChange: null,
2510
2521
  currentScreenMedia: null,
2511
2522
  screensMedias: null,
2512
2523
  screenSizeOptions: null,
@@ -2548,6 +2559,7 @@ var Viewer = function Viewer(_ref) {
2548
2559
  onEnd = _ref.onEnd,
2549
2560
  onScreenChange = _ref.onScreenChange,
2550
2561
  onViewModeChange = _ref.onViewModeChange,
2562
+ onMenuChange = _ref.onMenuChange,
2551
2563
  currentScreenMedia = _ref.currentScreenMedia,
2552
2564
  screensMedias = _ref.screensMedias,
2553
2565
  screenSizeOptions = _ref.screenSizeOptions,
@@ -3004,6 +3016,7 @@ var Viewer = function Viewer(_ref) {
3004
3016
  trackingEnabled: trackingEnabled,
3005
3017
  onClickScreen: onClickScreen,
3006
3018
  onClickCloseViewer: onCloseViewer,
3019
+ onChange: onMenuChange,
3007
3020
  withDotItemClick: screenContainerWidth > 400,
3008
3021
  withoutScreensMenu: withoutScreensMenu,
3009
3022
  withoutShareMenu: withoutShareMenu,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/viewer",
3
- "version": "0.3.379",
3
+ "version": "0.3.380",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -83,5 +83,5 @@
83
83
  "publishConfig": {
84
84
  "access": "public"
85
85
  },
86
- "gitHead": "74875407db738009dda84849ce467adfd4508e4e"
86
+ "gitHead": "f1081867669bf4e1d979b80c04ba8ba7ef97fe14"
87
87
  }