@jotforminc/dnd-builder 3.5.6 → 3.6.2

package/lib/esm/contexts/Providers.js.map

@@ -1 +1 @@
-{"version":3,"file":"Providers.js","sources":["../../../src/contexts/Providers.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { BuilderProvider } from './BuilderContext';\nimport { PresentationProvider } from './PresentationContext';\nimport { PropProvider } from './PropContext';\n\nconst Providers = ({\n  children,\n  clickOutsideIgnoreSelectors,\n  lastScrollPosition,\n  mode,\n  onRightPanelsToggled,\n  presentationBarActions,\n  shouldShowRightPanelInitially,\n  useFixedPresentationBar,\n  ...props\n}) => {\n  return (\n    <BuilderProvider\n      clickOutsideIgnoreSelectors={clickOutsideIgnoreSelectors}\n      lastScrollPosition={lastScrollPosition}\n      onRightPanelsToggled={onRightPanelsToggled}\n      shouldShowRightPanelInitially={shouldShowRightPanelInitially}\n    >\n      <PropProvider {...props}>\n        {mode === 'customize' ? children : (\n          <PresentationProvider\n            presentationBarActions={presentationBarActions}\n            useFixedPresentationBar={useFixedPresentationBar}\n          >\n            {children}\n          </PresentationProvider>\n        )}\n      </PropProvider>\n    </BuilderProvider>\n  );\n};\n\nProviders.propTypes = {\n  children: PropTypes.node.isRequired,\n  /** CSS selectors ignored by right panel click-outside logic */\n  clickOutsideIgnoreSelectors: PropTypes.arrayOf(PropTypes.string),\n  /** Last scroll position */\n  lastScrollPosition: PropTypes.number,\n  /** Mode of the report */\n  mode: PropTypes.oneOf(['customize', 'presentation', 'preview', 'print']),\n  /** Function called when the slides or the right panel is\n   * toggled takes a boolean value to indicate whether or\n   * not the panel is toggled open.\n   */\n  onRightPanelsToggled: PropTypes.func,\n  /** To pass in action definitions that will be rendered as buttons */\n  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n  /** Flag for fixed action bar */\n  shouldShowRightPanelInitially: PropTypes.bool,\n  /** Flag for whether to show the right panel initially */\n  useFixedPresentationBar: PropTypes.bool,\n};\n\nexport default Providers;\n"],"names":["Providers","children","clickOutsideIgnoreSelectors","lastScrollPosition","mode","onRightPanelsToggled","presentationBarActions","shouldShowRightPanelInitially","useFixedPresentationBar","props","_jsx","propTypes","PropTypes","node","isRequired","arrayOf","string","number","oneOf","func","shape","bool"],"mappings":";;;;;;;;;;;;;;;;;;IAKMA,SAAS,GAAG,SAAZA,SAAY,OAUZ;AAAA,MATJC,QASI,QATJA,QASI;AAAA,MARJC,2BAQI,QARJA,2BAQI;AAAA,MAPJC,kBAOI,QAPJA,kBAOI;AAAA,MANJC,IAMI,QANJA,IAMI;AAAA,MALJC,oBAKI,QALJA,oBAKI;AAAA,MAJJC,sBAII,QAJJA,sBAII;AAAA,MAHJC,6BAGI,QAHJA,6BAGI;AAAA,MAFJC,uBAEI,QAFJA,uBAEI;AAAA,MADDC,KACC;;AACJ,sBACEC,IAAC,eAAD;AACE,IAAA,2BAA2B,EAAER,2BAD/B;AAEE,IAAA,kBAAkB,EAAEC,kBAFtB;AAGE,IAAA,oBAAoB,EAAEE,oBAHxB;AAIE,IAAA,6BAA6B,EAAEE,6BAJjC;AAAA,2BAMEG,IAAC,YAAD,kCAAkBD,KAAlB;AAAA,gBACGL,IAAI,KAAK,WAAT,GAAuBH,QAAvB,gBACCS,IAAC,oBAAD;AACE,QAAA,sBAAsB,EAAEJ,sBAD1B;AAEE,QAAA,uBAAuB,EAAEE,uBAF3B;AAAA,kBAIGP;AAJH;AAFJ;AANF,IADF;AAmBD;;AAEDD,SAAS,CAACW,SAAV,GAAsB;AACpBV,EAAAA,QAAQ,EAAEW,SAAS,CAACC,IAAV,CAAeC,UADL;;AAEpB;AACAZ,EAAAA,2BAA2B,EAAEU,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,MAA5B,CAHT;;AAIpB;AACAb,EAAAA,kBAAkB,EAAES,SAAS,CAACK,MALV;;AAMpB;AACAb,EAAAA,IAAI,EAAEQ,SAAS,CAACM,KAAV,CAAgB,CAAC,WAAD,EAAc,cAAd,EAA8B,SAA9B,EAAyC,OAAzC,CAAhB,CAPc;;AAQpB;AACF;AACA;AACA;AACEb,EAAAA,oBAAoB,EAAEO,SAAS,CAACO,IAZZ;;AAapB;AACAb,EAAAA,sBAAsB,EAAEM,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACQ,KAAV,CAAgB,EAAhB,CAAlB,CAdJ;;AAepB;AACAb,EAAAA,6BAA6B,EAAEK,SAAS,CAACS,IAhBrB;;AAiBpB;AACAb,EAAAA,uBAAuB,EAAEI,SAAS,CAACS;AAlBf,CAAtB;;;;"}
+{"version":3,"file":"Providers.js","sources":["../../../src/contexts/Providers.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { BuilderProvider } from './BuilderContext';\nimport { PresentationProvider } from './PresentationContext';\nimport { PropProvider } from './PropContext';\nimport { SLIDES_LIST_TYPE_MAP } from '../constants/panel';\n\nconst Providers = ({\n  children,\n  clickOutsideIgnoreSelectors,\n  lastScrollPosition,\n  mode,\n  onRightPanelsToggled,\n  presentationBarActions,\n  shouldShowRightPanelInitially,\n  slidesListType,\n  useFixedPresentationBar,\n  ...props\n}) => {\n  return (\n    <BuilderProvider\n      clickOutsideIgnoreSelectors={clickOutsideIgnoreSelectors}\n      lastScrollPosition={lastScrollPosition}\n      onRightPanelsToggled={onRightPanelsToggled}\n      shouldShowRightPanelInitially={shouldShowRightPanelInitially}\n      slidesListType={slidesListType}\n    >\n      <PropProvider {...props}>\n        {mode === 'customize' ? children : (\n          <PresentationProvider\n            presentationBarActions={presentationBarActions}\n            useFixedPresentationBar={useFixedPresentationBar}\n          >\n            {children}\n          </PresentationProvider>\n        )}\n      </PropProvider>\n    </BuilderProvider>\n  );\n};\n\nProviders.propTypes = {\n  children: PropTypes.node.isRequired,\n  /** CSS selectors ignored by right panel click-outside logic */\n  clickOutsideIgnoreSelectors: PropTypes.arrayOf(PropTypes.string),\n  /** Last scroll position */\n  lastScrollPosition: PropTypes.number,\n  /** Mode of the report */\n  mode: PropTypes.oneOf(['customize', 'presentation', 'preview', 'print']),\n  /** Function called when the slides or the right panel is\n   * toggled takes a boolean value to indicate whether or\n   * not the panel is toggled open.\n   */\n  onRightPanelsToggled: PropTypes.func,\n  /** To pass in action definitions that will be rendered as buttons */\n  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n  /** Flag for fixed action bar */\n  shouldShowRightPanelInitially: PropTypes.bool,\n  /** Flag for whether to show the right panel initially */\n  slidesListType: PropTypes.oneOf(Object.values(SLIDES_LIST_TYPE_MAP)),\n  /** Slides list type for the report */\n  useFixedPresentationBar: PropTypes.bool,\n};\n\nexport default Providers;\n"],"names":["Providers","children","clickOutsideIgnoreSelectors","lastScrollPosition","mode","onRightPanelsToggled","presentationBarActions","shouldShowRightPanelInitially","slidesListType","useFixedPresentationBar","props","_jsx","propTypes","PropTypes","node","isRequired","arrayOf","string","number","oneOf","func","shape","bool","Object","values","SLIDES_LIST_TYPE_MAP"],"mappings":";;;;;;;;;;;;;;;;;;;;IAMMA,SAAS,GAAG,SAAZA,SAAY,OAWZ;AAAA,MAVJC,QAUI,QAVJA,QAUI;AAAA,MATJC,2BASI,QATJA,2BASI;AAAA,MARJC,kBAQI,QARJA,kBAQI;AAAA,MAPJC,IAOI,QAPJA,IAOI;AAAA,MANJC,oBAMI,QANJA,oBAMI;AAAA,MALJC,sBAKI,QALJA,sBAKI;AAAA,MAJJC,6BAII,QAJJA,6BAII;AAAA,MAHJC,cAGI,QAHJA,cAGI;AAAA,MAFJC,uBAEI,QAFJA,uBAEI;AAAA,MADDC,KACC;;AACJ,sBACEC,IAAC,eAAD;AACE,IAAA,2BAA2B,EAAET,2BAD/B;AAEE,IAAA,kBAAkB,EAAEC,kBAFtB;AAGE,IAAA,oBAAoB,EAAEE,oBAHxB;AAIE,IAAA,6BAA6B,EAAEE,6BAJjC;AAKE,IAAA,cAAc,EAAEC,cALlB;AAAA,2BAOEG,IAAC,YAAD,kCAAkBD,KAAlB;AAAA,gBACGN,IAAI,KAAK,WAAT,GAAuBH,QAAvB,gBACCU,IAAC,oBAAD;AACE,QAAA,sBAAsB,EAAEL,sBAD1B;AAEE,QAAA,uBAAuB,EAAEG,uBAF3B;AAAA,kBAIGR;AAJH;AAFJ;AAPF,IADF;AAoBD;;AAEDD,SAAS,CAACY,SAAV,GAAsB;AACpBX,EAAAA,QAAQ,EAAEY,SAAS,CAACC,IAAV,CAAeC,UADL;;AAEpB;AACAb,EAAAA,2BAA2B,EAAEW,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,MAA5B,CAHT;;AAIpB;AACAd,EAAAA,kBAAkB,EAAEU,SAAS,CAACK,MALV;;AAMpB;AACAd,EAAAA,IAAI,EAAES,SAAS,CAACM,KAAV,CAAgB,CAAC,WAAD,EAAc,cAAd,EAA8B,SAA9B,EAAyC,OAAzC,CAAhB,CAPc;;AAQpB;AACF;AACA;AACA;AACEd,EAAAA,oBAAoB,EAAEQ,SAAS,CAACO,IAZZ;;AAapB;AACAd,EAAAA,sBAAsB,EAAEO,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACQ,KAAV,CAAgB,EAAhB,CAAlB,CAdJ;;AAepB;AACAd,EAAAA,6BAA6B,EAAEM,SAAS,CAACS,IAhBrB;;AAiBpB;AACAd,EAAAA,cAAc,EAAEK,SAAS,CAACM,KAAV,CAAgBI,MAAM,CAACC,MAAP,CAAcC,oBAAd,CAAhB,CAlBI;;AAmBpB;AACAhB,EAAAA,uBAAuB,EAAEI,SAAS,CAACS;AApBf,CAAtB;;;;"}

package/lib/esm/styles/_jfReportsFloatings.scss

@@ -200,13 +200,13 @@
   // Page Toolbar new styles //
   &.page-toolbar {
     position: absolute;
-    top: 58px;
+    top: 36px;
     right: -40px;
     gap: 4px;
 
     &.disabled {
       opacity: 0.25;
-      pointer-events: none;
+      pointer-events: all;
       cursor: not-allowed;
     }
 
@@ -221,15 +221,22 @@
         height: 16px;
       }
     }
+
+    &.active:not(.disabled) {
+      opacity: 1;
+      pointer-events: all;
+      transition: $transition;
+    }
+
+    &.inactive {
+      opacity: 0;
+      transition: $transition;
+    }
   }
 
   // Zoom Toolbar new styles //
   &.zoom-toolbar {
-    position: absolute;
-    bottom: 20px;
-    left: 20px;
     gap: 4px;
-    z-index: 2;
 
     .controllerItem {
       max-width: 32px;
@@ -244,7 +251,31 @@
     }
   }
 
-  &.page-toolbar, &.zoom-toolbar {
+  // Slides Navigator Toggle new styles //
+  &.slides-navigator-toggle {
+    .controllerItem {
+      max-width: 32px;
+      max-height: 32px;
+      min-width: 32px;
+      min-height: 32px;
+
+      .toolbar-icon {
+        width: 20px;
+        height: 20px;
+        color: #0a1551;
+        fill: #0a1551;
+
+        path {
+          color: #0a1551;
+          fill: #0a1551;
+        }
+      }
+    }
+  }
+
+  &.page-toolbar,
+  &.zoom-toolbar,
+  &.slides-navigator-toggle {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -385,7 +416,7 @@
     }
   }
 
-  &:not(.forSlides):not(.forBar) {
+  &:not(.forSlides):not(.forBar):not(.zoom-toolbar):not(.slides-navigator-toggle) {
     position: absolute;
   }
 
@@ -393,3 +424,15 @@
     position: relative;
   }
 }
+
+.bottom-actions-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  bottom: 20px;
+  left: 20px;
+  gap: 4px;
+  z-index: 2;
+}

package/lib/esm/styles/_jfReportsHelpers.scss

@@ -44,7 +44,7 @@
 
 // Helpers //
 
-.jfReport, .jfPresentation, .jfReportModal, .pageThumbnailHelper {
+.jfReport, .jfPresentation, .jfReportModal, .pageThumbnailHelper, .slides-navigator {
 
   .disabled {
     opacity: .4;

package/lib/esm/styles/_jfReportsMain.scss

@@ -81,6 +81,14 @@ body {
   }
 }
 
+.slidesNavigatorIsActive {
+  &.jfReport {
+    left: $slides-navigator-width;
+    width: calc(100% - $slides-navigator-width);
+    transition: all .3s ease-in;
+  }
+}
+
 .errorBoundary-wrapper {
   display: flex;
   flex-direction: column;

package/lib/esm/styles/_jfReportsPanels.scss

@@ -304,19 +304,22 @@
       }
 
       &.addElementToggle {
-        width: 160px;
+        width: 54px;
         background-color: #252D5B;
         height: 54px;
-        border-radius: 0;
-        border-top-right-radius: 100px;
-        border-bottom-right-radius: 100px;
-        justify-content: space-between;
-        padding: 19px 18px;
+        border-radius: 100px;
+        justify-content: center;
+        padding: 14px;
 
         span {
           color: #ffffff;
           font-size: 15px;
         }
+
+        .plus-icon {
+          width: 28px;
+          height: 28px;
+        }
       }
 
       &.settingsToggle {
@@ -426,7 +429,7 @@
         left: calc(100% + 15px);
 
         &.addElementToggle {
-          left: 100%;
+          left: calc(100% + 12px);
         }
       }
     }

package/lib/esm/styles/_jfReportsReportItem.scss

@@ -188,7 +188,7 @@
   }
 }
 
-.jfReport, .jfPresentation, .pageThumbnailHelper {
+.jfReport, .jfPresentation, .pageThumbnailHelper, .slides-navigator {
   .reportItem {
     .fitFor- {
       width: 100%;
@@ -230,7 +230,7 @@
   }
 }
 
-.pageThumbnailHelper {
+.pageThumbnailHelper, .slides-navigator {
   .reportItemWrapper {
     width: 100%;
     height: 100%;

package/lib/esm/styles/_jfReportsSlides.scss

@@ -86,12 +86,12 @@
   text-align: center;
 }
 
-.pageThumbnailHelper .thumbnailFrame {
+.pageThumbnailHelper .thumbnailFrame, .slides-navigator .thumbnailFrame {
   width: 158px;
   height: 112px;
 }
 
-.forSlides .thumbnailWrapper, .pageThumbnailHelper {
+.forSlides .thumbnailWrapper, .pageThumbnailHelper, .slides-navigator {
   min-height: 120px;
   padding: 4px;
   border-left: 3px solid transparent;

package/lib/esm/styles/_jfReportsVariables.scss

@@ -40,3 +40,4 @@ $jfReportChoice-bigCheckIcon: url("data:image/svg+xml,%3Csvg width='12' height='
 
 $left-pane-width: 310px;
 $right-pane-width: 360px;
+$slides-navigator-width: 192px;

package/lib/esm/styles/_jfReportsViewModes.scss

@@ -25,6 +25,7 @@
 .jfReport.customizeMode {
   .jfReport-canvas {
     padding: 0 120px;
+    transition: margin .3s ease-in;
   }
 
   .jfReport-page {

package/lib/esm/styles/jfReportsBundle.scss

@@ -24,3 +24,4 @@
 @import "jfSearchInput";
 @import "jfLightTheme";
 @import "jfDarkTheme";
+@import "slides-navigator";

package/lib/esm/styles/slides-navigator.scss

@@ -0,0 +1,240 @@
+.slides-navigator {
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  justify-content: start;
+  min-width: 192px;
+  max-width: 192px;
+  width: 100%;
+  height: 100%;
+  padding: 1rem 1rem 0;
+  gap: 12px;
+  background: #E7E9F9;
+  z-index: 1000;
+  border-top: 1px solid #D8DAE9;
+  animation: slideInFromLeft .3s ease-out;
+  user-select: none;
+
+  &-toggle {
+    width: 40px;
+    height: 40px;
+    background: #FFFFFF;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    box-shadow: 0 4px 8px 0 rgba(84, 95, 111, 0.16), 0 0 2px 0 rgba(37, 45, 91, 0.04);
+    &:hover {
+      background: #F5F5F5;
+    }
+  }
+
+  &-add-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 .5rem;
+    width: 100%;
+    height: 100%;
+    max-height: 32px;
+    border-radius: 4px;
+    border: 1px solid #C8CEED;
+    background: #E7E9F9;
+    transition: all 0.3s ease;
+    color: #343C6A;
+    cursor: pointer;
+
+    &:hover {
+      border-color: #979dc6;
+      transition: all 0.3s ease;
+    }
+
+    &-icon {
+      width: 1rem;
+      height: 1rem;
+      color: #343C6A;
+    }
+
+    &-text {
+      color: #343C6A;
+      text-align: center;
+      font-size: .75rem;
+      font-weight: 500;
+      line-height: 16px;
+      padding: 0 4px;
+    }
+  }
+
+  &-item-list {
+    display: flex;
+    align-items: start;
+    justify-content: start;
+    flex-direction: column;
+    width: 100%;
+    gap: 8px;
+  }
+
+  &-item {
+    $self: &;
+
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: start;
+    width: 100%;
+    height: 100%;
+    padding: .25rem;
+    gap: 8px;
+    max-height: 98.5px;
+    min-height: 98.5px;
+    margin-bottom: .5rem;
+
+    &-motion {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: start;
+      width: 100%;
+      height: 100%;
+      gap: 8px;
+    }
+
+    &-order {
+      max-width: 1rem;
+      min-width: 1rem;
+      max-height: 1.25rem;
+      min-height: 1.25rem;
+      width: 100%;
+      height: 100%;
+      background: transparent;
+      color: #6C73A8;
+      font-size: .875rem;
+      font-weight: 400;
+      line-height: 20px;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    &-content {
+      overflow: hidden;
+      width: 100%;
+      height: 100%;
+      background: #ffffff30;
+      border: 1px solid #ffffff30;
+      border-radius: 4px;
+      outline: 2px solid transparent;
+      transition: all 0.3s ease;
+      pointer-events: none;
+    }
+
+    &.selected {
+      #{$self}-order {
+        color: #0075E3;
+      }
+
+      #{$self}-content {
+        outline: 2px solid #0075E3;
+        transition: all 0.3s ease;
+      }
+    }
+  }
+
+  &-item-list[data-report-layout*="landscape"] {
+    .slides-navigator-item-content {
+      background: #FFFFFF;
+      border: 1px solid #FFFFFF;
+    }
+  }
+
+  &-context-menu {
+    display: flex;
+    flex-direction: column;
+    align-items: start;
+    justify-content: start;
+    width: auto;
+    height: auto;
+    min-width: 14rem;
+    max-width: 14rem;
+    max-height: 70vh;
+    background: #252D5B !important;
+    border-radius: 4px;
+
+    &-items {
+      display: flex;
+      flex-direction: column;
+      align-items: start;
+      justify-content: start;
+      padding: 0.25rem;
+      width: 100%;
+      height: 100%;
+    }
+
+    &-item {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: start;
+      width: 100%;
+      height: 40px;
+      text-align: left;
+      padding: 0.5rem;
+      gap: .25rem;
+      transition-duration: 0.3s;
+      border-radius: 4px;
+      background: #252D5B;
+      color: #FFFFFF;
+      z-index: 1;
+
+      &:hover {
+        background: #343C6A;
+        transition-duration: 0.3s;
+      }
+    }
+
+    &-item-icon {
+      width: 1rem;
+      height: 1rem;
+      color: #FFFFFF;
+
+      &.delete {
+        color: #FF0000;
+      }
+    }
+
+    &-item-text {
+      color: #FFF;
+      font-size: 15px;
+      font-weight: 400;
+      line-height: 18px;
+
+      &.delete {
+        color: #FF0000;
+      }
+    }
+  }
+
+  &-virtuoso-list {
+    > div:last-child {
+      padding-bottom: 1rem;
+    }
+  }
+}
+
+@keyframes slideInFromLeft {
+  from {
+    transform: translateX(-100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+.slidesNavigatorIsActive {
+  .floatingController.slides-navigator-toggle {
+    .controllerItem {
+      background: #E3E5F5;
+    }
+  }
+}

package/lib/esm/utils/functions.js

@@ -23,6 +23,7 @@ import 'core-js/modules/es.string.trim.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/web.url.js';
+import { SLIDES_LIST_TYPE_MAP } from '../constants/panel.js';
 
 var _excluded = ["height", "left", "top", "width"];
 
@@ -392,21 +393,6 @@ var getContainerPositions = function getContainerPositions(container, positions)
   };
   return newPositions;
 };
-var moveItemInArrayFromIndexToIndex = function moveItemInArrayFromIndexToIndex(array, fromIndex, toIndex) {
-  if (fromIndex === toIndex) return array;
-
-  var newArray = _toConsumableArray(array);
-
-  var target = newArray[fromIndex];
-  var inc = toIndex < fromIndex ? -1 : 1;
-
-  for (var i = fromIndex; i !== toIndex; i += inc) {
-    newArray[i] = newArray[i + inc];
-  }
-
-  newArray[toIndex] = target;
-  return newArray;
-};
 var findItemsOnPage = function findItemsOnPage(pageID, pages) {
   var foundPage = pages.find(function (page) {
     return page.id === pageID;
@@ -818,17 +804,6 @@ var getScaleForPageThumbnail = function getScaleForPageThumbnail(width, height)
     top: 0
   };
 };
-var getScaleForPageThumbnailLarge = function getScaleForPageThumbnailLarge(width, height) {
-  var thumbnailMaxHeight = 134;
-  var thumbnailMaxWidth = 190;
-  var defaultScaleRatio = thumbnailMaxHeight / height;
-
-  if (width * defaultScaleRatio > thumbnailMaxWidth) {
-    return thumbnailMaxWidth / width;
-  }
-
-  return defaultScaleRatio;
-};
 var scrollToTarget = function scrollToTarget(id) {
   var timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
@@ -886,6 +861,12 @@ var getDimensions = function getDimensions(_ref5) {
     width: width
   };
 };
+var slidesAsNavigator = function slidesAsNavigator(slidesListType) {
+  return slidesListType === SLIDES_LIST_TYPE_MAP.NAVIGATOR;
+};
+var slidesAsPanel = function slidesAsPanel(slidesListType) {
+  return slidesListType === SLIDES_LIST_TYPE_MAP.PANEL;
+};
 
-export { arrayMove, calculateGuidePositions, changePage, checkValueProximities, closeFullscreen, collisionCheck, emptyFunction, findItemById, findItemsOnPage, getAllGuidesForGivenAxisExceptActiveBox, getAvailableCoordinate, getContainerPositions, getCoordinatesFromMatches, getCorrectDroppedOffsetValue, getDimensions, getExactIconType, getFileName, getImageSizes, getItemsInSelectionBox, getMatchesForItem, getMostVisiblePage, getPosition, getScaleForPageThumbnail, getScaleForPageThumbnailLarge, getStyles, getTabsWithElements, getTabsWithSettings, getVisibleHeightPx, getZoomValue, imageSizeUpdater, isItemInSelectionBox, isSelectedItem, isValidHexColor, moveArrayItem, moveItemInArrayFromIndexToIndex, normalizeHexColor, onChangeFunction, openFullscreenHelper, proximityListener, roundForDecimalPart, roundPositionValues, safeJSONParse, scrollToTarget, throttle };
+export { arrayMove, calculateGuidePositions, changePage, checkValueProximities, closeFullscreen, collisionCheck, emptyFunction, findItemById, findItemsOnPage, getAllGuidesForGivenAxisExceptActiveBox, getAvailableCoordinate, getContainerPositions, getCoordinatesFromMatches, getCorrectDroppedOffsetValue, getDimensions, getExactIconType, getFileName, getImageSizes, getItemsInSelectionBox, getMatchesForItem, getMostVisiblePage, getPosition, getScaleForPageThumbnail, getStyles, getTabsWithElements, getTabsWithSettings, getVisibleHeightPx, getZoomValue, imageSizeUpdater, isItemInSelectionBox, isSelectedItem, isValidHexColor, moveArrayItem, normalizeHexColor, onChangeFunction, openFullscreenHelper, proximityListener, roundForDecimalPart, roundPositionValues, safeJSONParse, scrollToTarget, slidesAsNavigator, slidesAsPanel, throttle };
 //# sourceMappingURL=functions.js.map