@micromag/viewer 0.3.445 → 0.3.448

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 +16 -9
  3. package/lib/index.js +16 -9
  4. package/package.json +11 -11
package/assets/css/styles.css CHANGED
@@ -3,7 +3,7 @@
3
3
  .micromag-viewer-buttons-toggle-button-container{overflow:hidden;position:relative}.micromag-viewer-buttons-toggle-button-normal{position:relative}.micromag-viewer-buttons-toggle-button-toggled{left:0;position:absolute;top:0;white-space:nowrap}
4
4
  .micromag-viewer-menus-menu-container-backdrop,.micromag-viewer-menus-menu-container-heightContainer{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-viewer-menus-menu-container-container{color:#fff}.micromag-viewer-menus-menu-container-heightContainer{overflow:hidden;z-index:2}.micromag-viewer-menus-menu-container-backdrop{-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);background-color:rgba(28,28,28,.75);z-index:1}
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{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.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}.micromag-viewer-menus-menu-dot-button:hover .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-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);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{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;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
- .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.micromag-viewer-menus-menu-dots-focus-visible{outline:3px solid #a13dff;outline-offset:4px}.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{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:end;-ms-flex-pack:end;align-items:center;display:-webkit-box;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{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:8px;padding-right:2px}.micromag-viewer-menus-menu-dots-container.micromag-viewer-menus-menu-dots-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;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{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:auto}
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.micromag-viewer-menus-menu-dots-focus-visible{outline:3px solid #a13dff;outline-offset:4px}.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{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:end;-ms-flex-pack:end;align-items:center;display:-webkit-box;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-buttons,.micromag-viewer-menus-menu-dots-container .micromag-viewer-menus-menu-dots-closeButton{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:8px;padding-right:2px}.micromag-viewer-menus-menu-dots-container.micromag-viewer-menus-menu-dots-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;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{-webkit-box-orient:vertical;-webkit-box-direction:normal;-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);transition:border-width .4s cubic-bezier(.4,1.69,0,1);z-index:2}.micromag-viewer-menus-menu-screen-button.micromag-viewer-menus-menu-screen-focus-visible{outline:.25rem solid #a13dff;outline-offset:.25rem}.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
8
  .micromag-viewer-menus-menu-preview-scroll{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-viewer-menus-menu-preview-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-position:50%;background-repeat:no-repeat;background-size:cover;display:-webkit-box;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{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%;max-height:100%;position:relative}.micromag-viewer-menus-menu-preview-buttons{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;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;font-size:24px;margin:0 auto;max-width:500px;text-align:center}.micromag-viewer-menus-menu-preview-nav{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding:10px;position:relative}.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:-webkit-box;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{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;display:-webkit-box;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}
package/es/index.js CHANGED
@@ -225,7 +225,6 @@ var propTypes$n = {
225
225
  current: PropTypes.any // eslint-disable-line
226
226
  })])
227
227
  };
228
-
229
228
  var defaultProps$n = {
230
229
  type: 'button',
231
230
  theme: null,
@@ -707,9 +706,9 @@ var ViewerMenuDot = function ViewerMenuDot(_ref) {
707
706
  ViewerMenuDot.propTypes = propTypes$g;
708
707
  ViewerMenuDot.defaultProps = defaultProps$g;
709
708
 
710
- var styles$b = {"container":"micromag-viewer-menus-menu-dots-container","closeButton":"micromag-viewer-menus-menu-dots-closeButton","focus-visible":"micromag-viewer-menus-menu-dots-focus-visible","items":"micromag-viewer-menus-menu-dots-items","item":"micromag-viewer-menus-menu-dots-item","vertical":"micromag-viewer-menus-menu-dots-vertical"};
709
+ var styles$b = {"container":"micromag-viewer-menus-menu-dots-container","closeButton":"micromag-viewer-menus-menu-dots-closeButton","focus-visible":"micromag-viewer-menus-menu-dots-focus-visible","items":"micromag-viewer-menus-menu-dots-items","item":"micromag-viewer-menus-menu-dots-item","buttons":"micromag-viewer-menus-menu-dots-buttons","vertical":"micromag-viewer-menus-menu-dots-vertical"};
711
710
 
712
- var _excluded$4 = ["direction", "items", "onClickDot", "onClickScreensMenu", "colors", "closeable", "withItemClick", "withoutScreensMenu", "onClose", "className"];
711
+ var _excluded$4 = ["direction", "items", "onClickDot", "onClickScreensMenu", "colors", "closeable", "buttons", "withItemClick", "withoutScreensMenu", "onClose", "className"];
713
712
  var propTypes$f = {
714
713
  direction: PropTypes.oneOf(['horizontal', 'vertical']),
715
714
  items: PropTypes$1.menuItems,
@@ -719,6 +718,7 @@ var propTypes$f = {
719
718
  primary: PropTypes.string,
720
719
  secondary: PropTypes.string
721
720
  }),
721
+ buttons: PropTypes.node,
722
722
  closeable: PropTypes.bool,
723
723
  withItemClick: PropTypes.bool,
724
724
  withoutScreensMenu: PropTypes.bool,
@@ -731,6 +731,7 @@ var defaultProps$f = {
731
731
  onClickDot: null,
732
732
  onClickScreensMenu: null,
733
733
  colors: null,
734
+ buttons: null,
734
735
  closeable: false,
735
736
  withItemClick: false,
736
737
  withoutScreensMenu: false,
@@ -744,6 +745,7 @@ var ViewerMenuDots = function ViewerMenuDots(_ref) {
744
745
  onClickScreensMenu = _ref.onClickScreensMenu,
745
746
  colors = _ref.colors,
746
747
  closeable = _ref.closeable,
748
+ buttons = _ref.buttons,
747
749
  withItemClick = _ref.withItemClick,
748
750
  withoutScreensMenu = _ref.withoutScreensMenu,
749
751
  onClose = _ref.onClose,
@@ -834,7 +836,9 @@ var ViewerMenuDots = function ViewerMenuDots(_ref) {
834
836
  "value": "Close"
835
837
  }]
836
838
  })
837
- }, /*#__PURE__*/React.createElement(CloseIcon, null))) : null));
839
+ }, /*#__PURE__*/React.createElement(CloseIcon, null))) : null, buttons !== null ? /*#__PURE__*/React.createElement("div", {
840
+ className: styles$b.buttons
841
+ }, buttons) : null));
838
842
  };
839
843
  ViewerMenuDots.propTypes = propTypes$f;
840
844
  ViewerMenuDots.defaultProps = defaultProps$f;
@@ -1319,6 +1323,7 @@ var propTypes$9 = {
1319
1323
  toggleFullscreen: PropTypes.func,
1320
1324
  fullscreenActive: PropTypes.bool,
1321
1325
  fullscreenEnabled: PropTypes.bool,
1326
+ buttons: PropTypes.node,
1322
1327
  closeable: PropTypes.bool,
1323
1328
  withShadow: PropTypes.bool,
1324
1329
  trackingEnabled: PropTypes.bool,
@@ -1338,12 +1343,12 @@ var propTypes$9 = {
1338
1343
  current: PropTypes.any // eslint-disable-line
1339
1344
  })
1340
1345
  };
1341
-
1342
1346
  var defaultProps$9 = {
1343
1347
  currentScreenIndex: 0,
1344
1348
  toggleFullscreen: null,
1345
1349
  fullscreenActive: false,
1346
1350
  fullscreenEnabled: false,
1351
+ buttons: null,
1347
1352
  closeable: false,
1348
1353
  withShadow: false,
1349
1354
  trackingEnabled: false,
@@ -1367,6 +1372,7 @@ var ViewerMenu = function ViewerMenu(_ref) {
1367
1372
  toggleFullscreen = _ref.toggleFullscreen,
1368
1373
  fullscreenActive = _ref.fullscreenActive,
1369
1374
  fullscreenEnabled = _ref.fullscreenEnabled,
1375
+ buttons = _ref.buttons,
1370
1376
  closeable = _ref.closeable,
1371
1377
  withShadow = _ref.withShadow,
1372
1378
  shareBasePath = _ref.shareBasePath,
@@ -1676,15 +1682,13 @@ var ViewerMenu = function ViewerMenu(_ref) {
1676
1682
  items: items,
1677
1683
  onClickDot: onClickScreen,
1678
1684
  onClickScreensMenu: onOpenMenu,
1685
+ buttons: buttons,
1679
1686
  closeable: closeable,
1680
1687
  withItemClick: withDotItemClick,
1681
1688
  withoutScreensMenu: withoutScreensMenu,
1682
1689
  withoutShareMenu: withoutShareMenu,
1683
1690
  onClose: onClickCloseViewer,
1684
1691
  className: styles$6.dots
1685
- // style={{
1686
- // opacity: dotsOpacity ** 5, // @note this is like a "quint" easing, meaning it'll go towards 1 slowly first and then fast as it approaches 1
1687
- // }}
1688
1692
  }))), /*#__PURE__*/React.createElement(ViewerMenuContainer, {
1689
1693
  className: styles$6.menuContainer,
1690
1694
  progressSpring: shareOpenedProgress,
@@ -1932,7 +1936,6 @@ var propTypes$5 = {
1932
1936
  current: PropTypes.any
1933
1937
  }) // eslint-disable-line
1934
1938
  ]),
1935
-
1936
1939
  playing: PropTypes.bool,
1937
1940
  backgroundColor: PropTypes.string,
1938
1941
  progressColor: PropTypes.string,
@@ -2415,6 +2418,7 @@ var propTypes$2 = {
2415
2418
  withNeighborScreens: PropTypes.bool,
2416
2419
  withNavigationHint: PropTypes.bool,
2417
2420
  withoutPlaybackControls: PropTypes.bool,
2421
+ buttons: PropTypes.node,
2418
2422
  closeable: PropTypes.bool,
2419
2423
  onClose: PropTypes.func,
2420
2424
  onInteraction: PropTypes.func,
@@ -2462,6 +2466,7 @@ var defaultProps$2 = {
2462
2466
  withoutPlaybackControls: false,
2463
2467
  menuIsScreenWidth: false,
2464
2468
  menuHeader: null,
2469
+ buttons: null,
2465
2470
  closeable: false,
2466
2471
  onClose: null,
2467
2472
  onInteraction: null,
@@ -2502,6 +2507,7 @@ var Viewer = function Viewer(_ref) {
2502
2507
  withoutPlaybackControls = _ref.withoutPlaybackControls,
2503
2508
  menuIsScreenWidth = _ref.menuIsScreenWidth,
2504
2509
  menuHeader = _ref.menuHeader,
2510
+ buttons = _ref.buttons,
2505
2511
  closeable = _ref.closeable,
2506
2512
  onCloseViewer = _ref.onClose,
2507
2513
  onInteraction = _ref.onInteraction,
@@ -2969,6 +2975,7 @@ var Viewer = function Viewer(_ref) {
2969
2975
  toggleFullscreen: toggleFullscreen,
2970
2976
  fullscreenActive: fullscreenActive,
2971
2977
  fullscreenEnabled: fullscreenEnabled,
2978
+ buttons: buttons,
2972
2979
  closeable: closeable,
2973
2980
  shareBasePath: basePath,
2974
2981
  screenSize: screenSize,
package/lib/index.js CHANGED
@@ -229,7 +229,6 @@ var propTypes$n = {
229
229
  current: PropTypes.any // eslint-disable-line
230
230
  })])
231
231
  };
232
-
233
232
  var defaultProps$n = {
234
233
  type: 'button',
235
234
  theme: null,
@@ -711,9 +710,9 @@ var ViewerMenuDot = function ViewerMenuDot(_ref) {
711
710
  ViewerMenuDot.propTypes = propTypes$g;
712
711
  ViewerMenuDot.defaultProps = defaultProps$g;
713
712
 
714
- var styles$b = {"container":"micromag-viewer-menus-menu-dots-container","closeButton":"micromag-viewer-menus-menu-dots-closeButton","focus-visible":"micromag-viewer-menus-menu-dots-focus-visible","items":"micromag-viewer-menus-menu-dots-items","item":"micromag-viewer-menus-menu-dots-item","vertical":"micromag-viewer-menus-menu-dots-vertical"};
713
+ var styles$b = {"container":"micromag-viewer-menus-menu-dots-container","closeButton":"micromag-viewer-menus-menu-dots-closeButton","focus-visible":"micromag-viewer-menus-menu-dots-focus-visible","items":"micromag-viewer-menus-menu-dots-items","item":"micromag-viewer-menus-menu-dots-item","buttons":"micromag-viewer-menus-menu-dots-buttons","vertical":"micromag-viewer-menus-menu-dots-vertical"};
715
714
 
716
- var _excluded$4 = ["direction", "items", "onClickDot", "onClickScreensMenu", "colors", "closeable", "withItemClick", "withoutScreensMenu", "onClose", "className"];
715
+ var _excluded$4 = ["direction", "items", "onClickDot", "onClickScreensMenu", "colors", "closeable", "buttons", "withItemClick", "withoutScreensMenu", "onClose", "className"];
717
716
  var propTypes$f = {
718
717
  direction: PropTypes.oneOf(['horizontal', 'vertical']),
719
718
  items: core.PropTypes.menuItems,
@@ -723,6 +722,7 @@ var propTypes$f = {
723
722
  primary: PropTypes.string,
724
723
  secondary: PropTypes.string
725
724
  }),
725
+ buttons: PropTypes.node,
726
726
  closeable: PropTypes.bool,
727
727
  withItemClick: PropTypes.bool,
728
728
  withoutScreensMenu: PropTypes.bool,
@@ -735,6 +735,7 @@ var defaultProps$f = {
735
735
  onClickDot: null,
736
736
  onClickScreensMenu: null,
737
737
  colors: null,
738
+ buttons: null,
738
739
  closeable: false,
739
740
  withItemClick: false,
740
741
  withoutScreensMenu: false,
@@ -748,6 +749,7 @@ var ViewerMenuDots = function ViewerMenuDots(_ref) {
748
749
  onClickScreensMenu = _ref.onClickScreensMenu,
749
750
  colors = _ref.colors,
750
751
  closeable = _ref.closeable,
752
+ buttons = _ref.buttons,
751
753
  withItemClick = _ref.withItemClick,
752
754
  withoutScreensMenu = _ref.withoutScreensMenu,
753
755
  onClose = _ref.onClose,
@@ -838,7 +840,9 @@ var ViewerMenuDots = function ViewerMenuDots(_ref) {
838
840
  "value": "Close"
839
841
  }]
840
842
  })
841
- }, /*#__PURE__*/React.createElement(components.CloseIcon, null))) : null));
843
+ }, /*#__PURE__*/React.createElement(components.CloseIcon, null))) : null, buttons !== null ? /*#__PURE__*/React.createElement("div", {
844
+ className: styles$b.buttons
845
+ }, buttons) : null));
842
846
  };
843
847
  ViewerMenuDots.propTypes = propTypes$f;
844
848
  ViewerMenuDots.defaultProps = defaultProps$f;
@@ -1323,6 +1327,7 @@ var propTypes$9 = {
1323
1327
  toggleFullscreen: PropTypes.func,
1324
1328
  fullscreenActive: PropTypes.bool,
1325
1329
  fullscreenEnabled: PropTypes.bool,
1330
+ buttons: PropTypes.node,
1326
1331
  closeable: PropTypes.bool,
1327
1332
  withShadow: PropTypes.bool,
1328
1333
  trackingEnabled: PropTypes.bool,
@@ -1342,12 +1347,12 @@ var propTypes$9 = {
1342
1347
  current: PropTypes.any // eslint-disable-line
1343
1348
  })
1344
1349
  };
1345
-
1346
1350
  var defaultProps$9 = {
1347
1351
  currentScreenIndex: 0,
1348
1352
  toggleFullscreen: null,
1349
1353
  fullscreenActive: false,
1350
1354
  fullscreenEnabled: false,
1355
+ buttons: null,
1351
1356
  closeable: false,
1352
1357
  withShadow: false,
1353
1358
  trackingEnabled: false,
@@ -1371,6 +1376,7 @@ var ViewerMenu = function ViewerMenu(_ref) {
1371
1376
  toggleFullscreen = _ref.toggleFullscreen,
1372
1377
  fullscreenActive = _ref.fullscreenActive,
1373
1378
  fullscreenEnabled = _ref.fullscreenEnabled,
1379
+ buttons = _ref.buttons,
1374
1380
  closeable = _ref.closeable,
1375
1381
  withShadow = _ref.withShadow,
1376
1382
  shareBasePath = _ref.shareBasePath,
@@ -1680,15 +1686,13 @@ var ViewerMenu = function ViewerMenu(_ref) {
1680
1686
  items: items,
1681
1687
  onClickDot: onClickScreen,
1682
1688
  onClickScreensMenu: onOpenMenu,
1689
+ buttons: buttons,
1683
1690
  closeable: closeable,
1684
1691
  withItemClick: withDotItemClick,
1685
1692
  withoutScreensMenu: withoutScreensMenu,
1686
1693
  withoutShareMenu: withoutShareMenu,
1687
1694
  onClose: onClickCloseViewer,
1688
1695
  className: styles$6.dots
1689
- // style={{
1690
- // opacity: dotsOpacity ** 5, // @note this is like a "quint" easing, meaning it'll go towards 1 slowly first and then fast as it approaches 1
1691
- // }}
1692
1696
  }))), /*#__PURE__*/React.createElement(ViewerMenuContainer, {
1693
1697
  className: styles$6.menuContainer,
1694
1698
  progressSpring: shareOpenedProgress,
@@ -1936,7 +1940,6 @@ var propTypes$5 = {
1936
1940
  current: PropTypes.any
1937
1941
  }) // eslint-disable-line
1938
1942
  ]),
1939
-
1940
1943
  playing: PropTypes.bool,
1941
1944
  backgroundColor: PropTypes.string,
1942
1945
  progressColor: PropTypes.string,
@@ -2419,6 +2422,7 @@ var propTypes$2 = {
2419
2422
  withNeighborScreens: PropTypes.bool,
2420
2423
  withNavigationHint: PropTypes.bool,
2421
2424
  withoutPlaybackControls: PropTypes.bool,
2425
+ buttons: PropTypes.node,
2422
2426
  closeable: PropTypes.bool,
2423
2427
  onClose: PropTypes.func,
2424
2428
  onInteraction: PropTypes.func,
@@ -2466,6 +2470,7 @@ var defaultProps$2 = {
2466
2470
  withoutPlaybackControls: false,
2467
2471
  menuIsScreenWidth: false,
2468
2472
  menuHeader: null,
2473
+ buttons: null,
2469
2474
  closeable: false,
2470
2475
  onClose: null,
2471
2476
  onInteraction: null,
@@ -2506,6 +2511,7 @@ var Viewer = function Viewer(_ref) {
2506
2511
  withoutPlaybackControls = _ref.withoutPlaybackControls,
2507
2512
  menuIsScreenWidth = _ref.menuIsScreenWidth,
2508
2513
  menuHeader = _ref.menuHeader,
2514
+ buttons = _ref.buttons,
2509
2515
  closeable = _ref.closeable,
2510
2516
  onCloseViewer = _ref.onClose,
2511
2517
  onInteraction = _ref.onInteraction,
@@ -2973,6 +2979,7 @@ var Viewer = function Viewer(_ref) {
2973
2979
  toggleFullscreen: toggleFullscreen,
2974
2980
  fullscreenActive: fullscreenActive,
2975
2981
  fullscreenEnabled: fullscreenEnabled,
2982
+ buttons: buttons,
2976
2983
  closeable: closeable,
2977
2984
  shareBasePath: basePath,
2978
2985
  screenSize: screenSize,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/viewer",
3
- "version": "0.3.445",
3
+ "version": "0.3.448",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -62,15 +62,15 @@
62
62
  },
63
63
  "dependencies": {
64
64
  "@babel/runtime": "^7.13.10",
65
- "@micromag/core": "^0.3.444",
66
- "@micromag/element-badge": "^0.3.444",
67
- "@micromag/element-scroll": "^0.3.444",
68
- "@micromag/element-share-options": "^0.3.444",
69
- "@micromag/element-webview": "^0.3.444",
70
- "@micromag/elements": "^0.3.445",
71
- "@micromag/fields": "^0.3.445",
72
- "@micromag/intl": "^0.3.444",
73
- "@micromag/screens": "^0.3.445",
65
+ "@micromag/core": "^0.3.447",
66
+ "@micromag/element-badge": "^0.3.447",
67
+ "@micromag/element-scroll": "^0.3.447",
68
+ "@micromag/element-share-options": "^0.3.447",
69
+ "@micromag/element-webview": "^0.3.447",
70
+ "@micromag/elements": "^0.3.447",
71
+ "@micromag/fields": "^0.3.447",
72
+ "@micromag/intl": "^0.3.447",
73
+ "@micromag/screens": "^0.3.448",
74
74
  "@react-spring/core": "^9.6.1",
75
75
  "@react-spring/web": "^9.6.1",
76
76
  "@use-gesture/react": "^10.3.0",
@@ -90,5 +90,5 @@
90
90
  "access": "public",
91
91
  "registry": "https://registry.npmjs.org/"
92
92
  },
93
- "gitHead": "15e070c18292ffd521c340a035bc8dc7395c3bc1"
93
+ "gitHead": "5ed502871fe921a4bbd4ad4a6e1b5d8bd6513fab"
94
94
  }