@micromag/viewer 0.3.312 → 0.3.317

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 +35 -16
  3. package/lib/index.js +35 -16
  4. package/package.json +2 -2
package/assets/css/styles.css CHANGED
@@ -8,7 +8,7 @@
8
8
  .micromag-viewer-menus-menu-preview-scroll{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-viewer-menus-menu-preview-container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-repeat:no-repeat;background-position:50%;background-size:cover;-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{height:100%;max-height:100%}.micromag-viewer-menus-menu-preview-buttons,.micromag-viewer-menus-menu-preview-content{position:relative;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.micromag-viewer-menus-menu-preview-buttons{display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:3;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.micromag-viewer-menus-menu-preview-organisation{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:30px;height:30px;margin-right:10px;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:50%;background-size:contain}.micromag-viewer-menus-menu-preview-icon{display:block;width:1rem;height:auto}.micromag-viewer-menus-menu-preview-title{margin-right:auto;color:#fff;font-family:Helvetica,Arial,sans-serif}.micromag-viewer-menus-menu-preview-nav{position:relative;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:10px;overflow:hidden}.micromag-viewer-menus-menu-preview-item,.micromag-viewer-menus-menu-preview-items{margin:0;padding:0;list-style:none}.micromag-viewer-menus-menu-preview-items{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.micromag-viewer-menus-menu-preview-item,.micromag-viewer-menus-menu-preview-items{position:relative}.micromag-viewer-menus-menu-preview-item{width:33.333%}.micromag-viewer-menus-menu-preview-inner{padding:2px}.micromag-viewer-menus-menu-preview-frame{width:100%;height:0;background-color:#343434}.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;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{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.micromag-viewer-partials-micromag-preview-cover{-webkit-flex-shrink:0;-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{margin:.5rem 0;font-size:.75rem}.micromag-viewer-partials-micromag-preview-container .micromag-viewer-partials-micromag-preview-title{margin-bottom:.25rem;font-family:Helvetica,Arial,sans-serif!important;font-size:1.1rem!important;font-weight:700}
10
10
  .micromag-viewer-menus-menu-share-scroll{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-viewer-menus-menu-share-container{background-repeat:no-repeat;background-position:50%;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{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:100%;max-height:100%}.micromag-viewer-menus-menu-share-content,.micromag-viewer-menus-menu-share-inner{position:relative}.micromag-viewer-menus-menu-share-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-width:500px;margin:0 auto;padding:10px}.micromag-viewer-menus-menu-share-organisation{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:30px;height:30px;margin-right:10px;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:50%;background-size:contain}.micromag-viewer-menus-menu-share-icon{display:block;width:1rem;height:auto}.micromag-viewer-menus-menu-share-header{max-width:600px;margin:.5rem 0;padding:.5rem;border-radius:.5rem;background-color:rgba(0,0,0,.15)}.micromag-viewer-menus-menu-share-mode{margin-top:.5rem}.micromag-viewer-menus-menu-share-mode label{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;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{width:1rem;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);animation:micromag-viewer-menus-menu-share-bump .5s cubic-bezier(.6,0,.4,1) 1 alternate-reverse forwards;border:2px solid #fff;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.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
- .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{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-viewer-screenContainer:focus-visible{outline:3px solid #a13dff;outline-offset:4px}.micromag-viewer-container{position:relative;width:100%;height:100%;overflow:hidden;background-color:#1c1c1c;color:#fff}.micromag-viewer-container.micromag-viewer-landscape .micromag-viewer-screensFrame{top:0;bottom:0;left:50%;margin:auto;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.micromag-viewer-container.micromag-viewer-hideMenu .micromag-viewer-menuNavContainer{opacity:0;pointer-events:none}.micromag-viewer-container.micromag-viewer-hideMenu .micromag-viewer-dots,.micromag-viewer-container.micromag-viewer-hideMenu .micromag-viewer-menuTopContainer{opacity:0}.micromag-viewer-content{position:absolute;z-index:1;width:100%;height:100%;overflow:hidden;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}.micromag-viewer-content:active{cursor:-webkit-grabbing;cursor:grabbing}.micromag-viewer-withoutGestures .micromag-viewer-content{cursor:inherit}.micromag-viewer-menuNavContainer{position:absolute;z-index:4;top:0;width:100%;-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)}.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}.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{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-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;width:50%;-ms-touch-action:none;touch-action:none}.micromag-viewer-menuItem:last-child{text-align:right}.micromag-viewer-menuButton{padding:.5rem .75rem;font-size:1rem}.micromag-viewer-slidingButton{display:inline-block}.micromag-viewer-screensMenuButtonToggled{right:0;left:auto}.micromag-viewer-dots{position:relative;z-index:3;top:-.25rem;padding:0 .5rem;-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)}.micromag-viewer-hideMenu .micromag-viewer-dots{pointer-events:none}.micromag-viewer-menuContainer{z-index:3;top:0}.micromag-viewer-menuPreview,.micromag-viewer-menuShare{z-index:4}.micromag-viewer-navButton{display:none;visibility:hidden;position:absolute;z-index:3;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border:0}.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{z-index:1;-ms-touch-action:none;touch-action:none}.micromag-viewer-screenContainer{display:-webkit-flex;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{position:absolute;z-index:2;bottom:0;left:0;width:100%;pointer-events:none}.micromag-viewer-arrowHint{position:absolute;top:70%;right:5%}.micromag-viewer-webView{z-index:10}.micromag-viewer-shareIncentiveContainer{position:absolute;z-index:1;top:0;left:10px;width:calc(100% - 20px);pointer-events:none}.micromag-viewer-shareIncentive{display:inline-block;-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);opacity:0;pointer-events:auto}.micromag-viewer-shareIncentiveVisible .micromag-viewer-shareIncentive{-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;opacity:1}
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{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-viewer-screenContainer:focus-visible{outline:3px solid #a13dff;outline-offset:4px}.micromag-viewer-container{position:relative;width:100%;height:100%;overflow:hidden;background-color:#1c1c1c;color:#fff}.micromag-viewer-container.micromag-viewer-landscape .micromag-viewer-screensFrame{top:0;bottom:0;left:50%;margin:auto;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.micromag-viewer-container.micromag-viewer-hideMenu .micromag-viewer-menuNavContainer{opacity:0;pointer-events:none}.micromag-viewer-container.micromag-viewer-hideMenu .micromag-viewer-dots,.micromag-viewer-container.micromag-viewer-hideMenu .micromag-viewer-menuTopContainer{opacity:0}.micromag-viewer-content{position:absolute;z-index:1;width:100%;height:100%;overflow:hidden;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}.micromag-viewer-content:active{cursor:-webkit-grabbing;cursor:grabbing}.micromag-viewer-withoutGestures .micromag-viewer-content{cursor:inherit}.micromag-viewer-menuNavContainer{position:absolute;z-index:4;top:0;width:100%;-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)}.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}.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{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-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;width:50%;-ms-touch-action:none;touch-action:none;font-size:8px}.micromag-viewer-menuItem:last-child{text-align:right}.micromag-viewer-menuButton{padding:.5rem .75rem;font-size:.8rem}@media (min-width:320px){.micromag-viewer-menuButton{font-size:1rem}}.micromag-viewer-slidingButton{display:inline-block}.micromag-viewer-screensMenuButtonToggled{right:0;left:auto}.micromag-viewer-dots{position:relative;z-index:3;top:-.25rem;padding:0 .5rem;-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)}.micromag-viewer-hideMenu .micromag-viewer-dots{pointer-events:none}.micromag-viewer-menuContainer{z-index:3;top:0}.micromag-viewer-menuPreview,.micromag-viewer-menuShare{z-index:4}.micromag-viewer-navButton{display:none;visibility:hidden;position:absolute;z-index:3;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border:0}.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{z-index:1;-ms-touch-action:none;touch-action:none}.micromag-viewer-screenContainer{display:-webkit-flex;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{position:absolute;z-index:2;bottom:0;left:0;width:100%;pointer-events:none}.micromag-viewer-arrowHint{position:absolute;top:70%;right:5%}.micromag-viewer-webView{z-index:10}.micromag-viewer-shareIncentiveContainer{position:absolute;z-index:1;top:0;left:10px;width:calc(100% - 20px);pointer-events:none}.micromag-viewer-shareIncentive{display:inline-block;-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);opacity:0;pointer-events:auto}.micromag-viewer-shareIncentiveVisible .micromag-viewer-shareIncentive{-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;opacity:1}
12
12
  .micromag-viewer-screen-container{position:relative;width:100%;height:100%}.micromag-viewer-screen-inner{-webkit-transition:opacity .3s cubic-bezier(.4,0,.6,1);-o-transition:opacity .3s cubic-bezier(.4,0,.6,1);transition:opacity .3s cubic-bezier(.4,0,.6,1);background-color:#343434}.micromag-viewer-screen-navigationHint{position:absolute;top:50%;right:10%}
13
13
  .micromag-viewer-buttons-navigation-button-arrow{width:1rem;height:auto}.micromag-viewer-buttons-navigation-button-next .micromag-viewer-buttons-navigation-button-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.micromag-viewer-buttons-navigation-button-previous .micromag-viewer-buttons-navigation-button-arrow{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
14
14
  @media screen and (min-width:1024px){.micromag-viewer-partials-arrow-hint-container{display:none}}.micromag-viewer-partials-arrow-hint-inner:after{content:"";position:absolute;z-index:1;top:50%;left:50%;width:1000%;height:0;padding-bottom:1000%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation-name:micromag-viewer-partials-arrow-hint-shadowFade;animation-name:micromag-viewer-partials-arrow-hint-shadowFade;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:cubic-bezier(.4,0,.6,1);animation-timing-function:cubic-bezier(.4,0,.6,1);-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;background-image:-o-radial-gradient(rgba(28,28,28,.5),rgba(28,28,28,0) 50%);background-image:radial-gradient(rgba(28,28,28,.5),rgba(28,28,28,0) 50%);-webkit-animation-fill-mode:both;animation-fill-mode:both}.micromag-viewer-partials-arrow-hint-arrow{position:relative;z-index:2;width:1.5rem;height:auto;-webkit-animation-name:micromag-viewer-partials-arrow-hint-panX;animation-name:micromag-viewer-partials-arrow-hint-panX;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:cubic-bezier(.4,0,.6,1);animation-timing-function:cubic-bezier(.4,0,.6,1);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes micromag-viewer-partials-arrow-hint-panX{0%{-webkit-transform:translateX(0) rotate(90deg);transform:translateX(0) rotate(90deg)}to{-webkit-transform:translateX(-1rem) rotate(90deg);transform:translateX(-1rem) rotate(90deg)}}@keyframes micromag-viewer-partials-arrow-hint-panX{0%{-webkit-transform:translateX(0) rotate(90deg);transform:translateX(0) rotate(90deg)}to{-webkit-transform:translateX(-1rem) rotate(90deg);transform:translateX(-1rem) rotate(90deg)}}@-webkit-keyframes micromag-viewer-partials-arrow-hint-shadowFade{0%{-webkit-transform:translate(-50%,-50%) translateY(0) scale(.75);transform:translate(-50%,-50%) translateY(0) scale(.75)}to{-webkit-transform:translate(-50%,-50%) translateX(-1rem) scale(1.25);transform:translate(-50%,-50%) translateX(-1rem) scale(1.25)}}@keyframes micromag-viewer-partials-arrow-hint-shadowFade{0%{-webkit-transform:translate(-50%,-50%) translateY(0) scale(.75);transform:translate(-50%,-50%) translateY(0) scale(.75)}to{-webkit-transform:translate(-50%,-50%) translateX(-1rem) scale(1.25);transform:translate(-50%,-50%) translateX(-1rem) scale(1.25)}}
package/es/index.js CHANGED
@@ -418,8 +418,8 @@ var CloseButton = function CloseButton(_ref) {
418
418
  }),
419
419
  icon: /*#__PURE__*/React.createElement("svg", {
420
420
  xmlns: "http://www.w3.org/2000/svg",
421
- width: "10",
422
- height: "16",
421
+ width: "10px",
422
+ height: "16px",
423
423
  viewBox: "0 0 10 16",
424
424
  fill: "currentColor"
425
425
  }, /*#__PURE__*/React.createElement("polygon", {
@@ -495,8 +495,8 @@ var ShareButton = function ShareButton(_ref) {
495
495
  iconPosition: "left",
496
496
  icon: /*#__PURE__*/React.createElement("svg", {
497
497
  xmlns: "http://www.w3.org/2000/svg",
498
- width: "10",
499
- height: "16",
498
+ width: "10px",
499
+ height: "16px",
500
500
  viewBox: "0 0 10 16",
501
501
  fill: "currentColor"
502
502
  }, /*#__PURE__*/React.createElement("polygon", {
@@ -864,8 +864,8 @@ var StackIcon = function StackIcon(_ref) {
864
864
  var className = _ref.className;
865
865
  return /*#__PURE__*/React.createElement("svg", {
866
866
  xmlns: "http://www.w3.org/2000/svg",
867
- width: "11.5",
868
- height: "17.5",
867
+ width: "11.5px",
868
+ height: "17.5px",
869
869
  viewBox: "0 0 11.5 17.5",
870
870
  className: classNames([_defineProperty({}, className, className !== null)])
871
871
  }, /*#__PURE__*/React.createElement("rect", {
@@ -1912,8 +1912,11 @@ var ArrowHint = function ArrowHint(_ref) {
1912
1912
  }, /*#__PURE__*/React.createElement("svg", {
1913
1913
  className: styles$3.arrow,
1914
1914
  xmlns: "http://www.w3.org/2000/svg",
1915
- width: "10",
1916
- height: "16",
1915
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
1916
+ x: "0px",
1917
+ y: "0px",
1918
+ width: "10px",
1919
+ height: "16px",
1917
1920
  viewBox: "0 0 10 16",
1918
1921
  fill: "currentColor"
1919
1922
  }, /*#__PURE__*/React.createElement("polygon", {
@@ -2250,9 +2253,13 @@ function PlaybackControls(_ref) {
2250
2253
  icon: playing ? /*#__PURE__*/React.createElement("svg", {
2251
2254
  className: styles$1.icon,
2252
2255
  xmlns: "http://www.w3.org/2000/svg",
2253
- width: "10",
2254
- height: "16",
2256
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
2257
+ x: "0px",
2258
+ y: "0px",
2259
+ width: "10px",
2260
+ height: "16px",
2255
2261
  viewBox: "0 0 10 16",
2262
+ xmlSpace: "preserve",
2256
2263
  fill: "currentColor"
2257
2264
  }, /*#__PURE__*/React.createElement("rect", {
2258
2265
  x: "1",
@@ -2267,9 +2274,13 @@ function PlaybackControls(_ref) {
2267
2274
  })) : /*#__PURE__*/React.createElement("svg", {
2268
2275
  className: styles$1.icon,
2269
2276
  xmlns: "http://www.w3.org/2000/svg",
2270
- width: "10",
2271
- height: "16",
2277
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
2278
+ x: "0px",
2279
+ y: "0px",
2280
+ width: "10px",
2281
+ height: "16px",
2272
2282
  viewBox: "0 0 10 16",
2283
+ xmlSpace: "preserve",
2273
2284
  fill: "currentColor"
2274
2285
  }, /*#__PURE__*/React.createElement("path", {
2275
2286
  d: "M1,3.16V12.84l8-4.84L1,3.16"
@@ -2308,9 +2319,13 @@ function PlaybackControls(_ref) {
2308
2319
  focusable: controlsVisible || mediaHasAudio,
2309
2320
  icon: muted ? /*#__PURE__*/React.createElement("svg", {
2310
2321
  xmlns: "http://www.w3.org/2000/svg",
2311
- width: "10",
2312
- height: "16",
2322
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
2323
+ x: "0px",
2324
+ y: "0px",
2325
+ width: "10px",
2326
+ height: "16px",
2313
2327
  viewBox: "0 0 10 16",
2328
+ xmlSpace: "preserve",
2314
2329
  className: styles$1.icon,
2315
2330
  fill: "currentColor"
2316
2331
  }, /*#__PURE__*/React.createElement("polygon", {
@@ -2319,9 +2334,13 @@ function PlaybackControls(_ref) {
2319
2334
  points: "10 6.63 8.94 5.57 7.58 6.93 6.21 5.57 5.15 6.63 6.52 7.99 5.15 9.35 6.21 10.43 7.58 9.06 8.94 10.43 10 9.35 8.64 7.99 10 6.63"
2320
2335
  })) : /*#__PURE__*/React.createElement("svg", {
2321
2336
  xmlns: "http://www.w3.org/2000/svg",
2322
- width: "10",
2323
- height: "16",
2337
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
2338
+ x: "0px",
2339
+ y: "0px",
2340
+ width: "10px",
2341
+ height: "16px",
2324
2342
  viewBox: "0 0 10 16",
2343
+ xmlSpace: "preserve",
2325
2344
  className: styles$1.icon,
2326
2345
  fill: "currentColor"
2327
2346
  }, /*#__PURE__*/React.createElement("polygon", {
package/lib/index.js CHANGED
@@ -438,8 +438,8 @@ var CloseButton = function CloseButton(_ref) {
438
438
  }),
439
439
  icon: /*#__PURE__*/React__default["default"].createElement("svg", {
440
440
  xmlns: "http://www.w3.org/2000/svg",
441
- width: "10",
442
- height: "16",
441
+ width: "10px",
442
+ height: "16px",
443
443
  viewBox: "0 0 10 16",
444
444
  fill: "currentColor"
445
445
  }, /*#__PURE__*/React__default["default"].createElement("polygon", {
@@ -515,8 +515,8 @@ var ShareButton = function ShareButton(_ref) {
515
515
  iconPosition: "left",
516
516
  icon: /*#__PURE__*/React__default["default"].createElement("svg", {
517
517
  xmlns: "http://www.w3.org/2000/svg",
518
- width: "10",
519
- height: "16",
518
+ width: "10px",
519
+ height: "16px",
520
520
  viewBox: "0 0 10 16",
521
521
  fill: "currentColor"
522
522
  }, /*#__PURE__*/React__default["default"].createElement("polygon", {
@@ -884,8 +884,8 @@ var StackIcon = function StackIcon(_ref) {
884
884
  var className = _ref.className;
885
885
  return /*#__PURE__*/React__default["default"].createElement("svg", {
886
886
  xmlns: "http://www.w3.org/2000/svg",
887
- width: "11.5",
888
- height: "17.5",
887
+ width: "11.5px",
888
+ height: "17.5px",
889
889
  viewBox: "0 0 11.5 17.5",
890
890
  className: classNames__default["default"]([_defineProperty__default["default"]({}, className, className !== null)])
891
891
  }, /*#__PURE__*/React__default["default"].createElement("rect", {
@@ -1932,8 +1932,11 @@ var ArrowHint = function ArrowHint(_ref) {
1932
1932
  }, /*#__PURE__*/React__default["default"].createElement("svg", {
1933
1933
  className: styles$3.arrow,
1934
1934
  xmlns: "http://www.w3.org/2000/svg",
1935
- width: "10",
1936
- height: "16",
1935
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
1936
+ x: "0px",
1937
+ y: "0px",
1938
+ width: "10px",
1939
+ height: "16px",
1937
1940
  viewBox: "0 0 10 16",
1938
1941
  fill: "currentColor"
1939
1942
  }, /*#__PURE__*/React__default["default"].createElement("polygon", {
@@ -2270,9 +2273,13 @@ function PlaybackControls(_ref) {
2270
2273
  icon: playing ? /*#__PURE__*/React__default["default"].createElement("svg", {
2271
2274
  className: styles$1.icon,
2272
2275
  xmlns: "http://www.w3.org/2000/svg",
2273
- width: "10",
2274
- height: "16",
2276
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
2277
+ x: "0px",
2278
+ y: "0px",
2279
+ width: "10px",
2280
+ height: "16px",
2275
2281
  viewBox: "0 0 10 16",
2282
+ xmlSpace: "preserve",
2276
2283
  fill: "currentColor"
2277
2284
  }, /*#__PURE__*/React__default["default"].createElement("rect", {
2278
2285
  x: "1",
@@ -2287,9 +2294,13 @@ function PlaybackControls(_ref) {
2287
2294
  })) : /*#__PURE__*/React__default["default"].createElement("svg", {
2288
2295
  className: styles$1.icon,
2289
2296
  xmlns: "http://www.w3.org/2000/svg",
2290
- width: "10",
2291
- height: "16",
2297
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
2298
+ x: "0px",
2299
+ y: "0px",
2300
+ width: "10px",
2301
+ height: "16px",
2292
2302
  viewBox: "0 0 10 16",
2303
+ xmlSpace: "preserve",
2293
2304
  fill: "currentColor"
2294
2305
  }, /*#__PURE__*/React__default["default"].createElement("path", {
2295
2306
  d: "M1,3.16V12.84l8-4.84L1,3.16"
@@ -2328,9 +2339,13 @@ function PlaybackControls(_ref) {
2328
2339
  focusable: controlsVisible || mediaHasAudio,
2329
2340
  icon: muted ? /*#__PURE__*/React__default["default"].createElement("svg", {
2330
2341
  xmlns: "http://www.w3.org/2000/svg",
2331
- width: "10",
2332
- height: "16",
2342
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
2343
+ x: "0px",
2344
+ y: "0px",
2345
+ width: "10px",
2346
+ height: "16px",
2333
2347
  viewBox: "0 0 10 16",
2348
+ xmlSpace: "preserve",
2334
2349
  className: styles$1.icon,
2335
2350
  fill: "currentColor"
2336
2351
  }, /*#__PURE__*/React__default["default"].createElement("polygon", {
@@ -2339,9 +2354,13 @@ function PlaybackControls(_ref) {
2339
2354
  points: "10 6.63 8.94 5.57 7.58 6.93 6.21 5.57 5.15 6.63 6.52 7.99 5.15 9.35 6.21 10.43 7.58 9.06 8.94 10.43 10 9.35 8.64 7.99 10 6.63"
2340
2355
  })) : /*#__PURE__*/React__default["default"].createElement("svg", {
2341
2356
  xmlns: "http://www.w3.org/2000/svg",
2342
- width: "10",
2343
- height: "16",
2357
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
2358
+ x: "0px",
2359
+ y: "0px",
2360
+ width: "10px",
2361
+ height: "16px",
2344
2362
  viewBox: "0 0 10 16",
2363
+ xmlSpace: "preserve",
2345
2364
  className: styles$1.icon,
2346
2365
  fill: "currentColor"
2347
2366
  }, /*#__PURE__*/React__default["default"].createElement("polygon", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/viewer",
3
- "version": "0.3.312",
3
+ "version": "0.3.317",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -85,5 +85,5 @@
85
85
  "publishConfig": {
86
86
  "access": "public"
87
87
  },
88
- "gitHead": "83fc76b140ec67d7fcda4879f955c768e6a5c4d7"
88
+ "gitHead": "45dacbf0085275afab68b3ce62d30cc94edbf359"
89
89
  }