@syncfusion/ej2-pdfviewer 17.3.56-4568 → 17.3.58-4568

package/styles/material3.css

@@ -157,6 +157,23 @@
 .e-pdfviewer .e-pv-thumbnail-view-icon::before {
   content: "\e79e";
 }
+.e-pdfviewer .e-pv-rotate-right-icon::before {
+  content: "\e8a6";
+}
+.e-pdfviewer .e-pv-organize-view-icon::before {
+  content: "\e8dc";
+}
+.e-pdfviewer .e-pv-organize-view-disable-icon::before {
+  color: rgba(var(--color-sf-on-surface-variant), 0.38);
+  content: "\e8dc";
+}
+.e-pdfviewer .e-pv-organize-view-selection-icon::before {
+  color: rgba(var(--color-sf-on-surface));
+  content: "\e8dc";
+}
+.e-pdfviewer .e-pv-rotate-left-icon::before {
+  content: "\e8a5";
+}
 .e-pdfviewer .e-pv-stamp-icon::before {
   content: "\e717";
 }
@@ -899,6 +916,18 @@ input.e-pv-input-password::-ms-reveal {
   padding-top: 16px;
 }
 
+.e-pv-image-container {
+  width: 100%;
+  height: 100%;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  padding: 3px;
+}
+
 .e-pv-gotopage-apply-btn.e-btn.e-flat.e-primary:disabled {
   background-color: transparent;
 }
@@ -1238,6 +1267,10 @@ input.e-pv-input-password::-ms-reveal {
   border-top: 0;
 }
 
+.e-dialog .e-dlg-header {
+  width: auto;
+}
+
 .e-pv-current-page-box.e-input-group.e-control-wrapper input.e-input {
   max-height: 32px;
   padding-bottom: 4px;
@@ -1429,7 +1462,8 @@ input.e-pv-input-password::-ms-reveal {
   height: 329px;
 }
 
-.e-pv-thumbnail-view-button.e-btn {
+.e-pv-thumbnail-view-button.e-btn,
+.e-pv-organize-view-button.e-btn {
   background: transparent;
   border: 0;
   border-radius: 4px;
@@ -1443,6 +1477,262 @@ input.e-pv-input-password::-ms-reveal {
   width: 32px;
 }
 
+.e-pv-organize-tile.e-pv-thumbnail-column {
+  width: 100%;
+  height: 100%;
+}
+
+.e-pv-organize-content-apperance {
+  overflow: hidden;
+}
+
+.e-pv-organize-tile-view.e-pv-thumbnail-row {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  overflow: auto;
+  overflow-x: hidden;
+}
+
+.e-pv-organize-anchor-node {
+  border: 2px solid rgba(var(--color-sf-outline-variant));
+  margin: 24px;
+  width: 140px;
+  height: 140px;
+}
+@media only screen and (max-width: 1399.98px) {
+  .e-pv-organize-anchor-node {
+    width: 140px;
+    height: 140px;
+  }
+}
+@media only screen and (max-width: 1199.98px) {
+  .e-pv-organize-anchor-node {
+    width: 140px;
+    height: 140px;
+  }
+}
+@media only screen and (max-width: 991.98px) {
+  .e-pv-organize-anchor-node {
+    width: 140px;
+    height: 140px;
+  }
+}
+@media only screen and (max-width: 767.98px) {
+  .e-pv-organize-anchor-node {
+    width: 140px;
+    height: 140px;
+    min-width: 140px;
+    min-height: 140px;
+  }
+}
+@media only screen and (max-width: 575.98px) {
+  .e-pv-organize-anchor-node {
+    width: 140px;
+    height: 140px;
+    min-width: 140px;
+    min-height: 140px;
+    margin: 24px 20px;
+  }
+}
+
+.e-pdfviewer .e-pv-organize-tile.e-pv-thumbnail-column .e-checkbox-wrapper {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  top: -100%;
+  padding: 4px;
+}
+
+@media screen and (max-width: 480px) {
+  .e-pdfviewer .e-pv-organize-tile.e-pv-thumbnail-column .e-checkbox-wrapper {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    top: -100%;
+    padding: 4px;
+  }
+}
+.e-pv-organize-buttondiv {
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
+  position: relative;
+  text-align: center;
+  top: calc(-100% - 12px + 1px);
+}
+
+.e-pv-organize-anchor-node.e-pv-organize-node-selection-ring {
+  border: 2px solid rgba(var(--color-sf-primary));
+  border-radius: 2px;
+}
+
+@media screen and (max-width: 480px) {
+  .e-pv-organize-anchor-node.e-pv-organize-node-selection-ring {
+    border: 2px solid rgba(var(--color-sf-primary));
+    border-radius: 2px;
+  }
+}
+.e-pv-organize-window {
+  border: 1px solid rgba(var(--color-sf-outline-variant));
+  border-radius: 0;
+}
+
+.e-pdfviewer .e-pv-organize-window .e-footer-content {
+  border-top: 1px solid rgba(var(--color-sf-outline-variant));
+  padding: 15px;
+}
+
+.e-pdfviewer .e-pv-organize-window .e-dlg-header-content {
+  padding: 15px;
+}
+
+.e-pv-tile-number {
+  text-align: center;
+  margin-top: 16.5px;
+}
+
+.e-pv-delete-button.e-btn,
+.e-pv-rotate-left-button.e-btn,
+.e-pv-rotate-right-button.e-btn {
+  width: 25px;
+  height: 25px;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  margin: 0 5px;
+  padding: 0;
+}
+
+.e-pv-insert-left-button.e-btn {
+  width: 25px;
+  height: 25px;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  position: absolute;
+  left: calc(-1 * (25px / 2 + 2px / 2));
+  top: -70px;
+  padding: 0;
+}
+@media only screen and (max-width: 1399.98px) {
+  .e-pv-insert-left-button.e-btn {
+    top: -70px;
+  }
+}
+@media only screen and (max-width: 1199.98px) {
+  .e-pv-insert-left-button.e-btn {
+    top: -70px;
+  }
+}
+@media only screen and (max-width: 991.98px) {
+  .e-pv-insert-left-button.e-btn {
+    top: -70px;
+  }
+}
+@media only screen and (max-width: 767.98px) {
+  .e-pv-insert-left-button.e-btn {
+    top: -70px;
+  }
+}
+@media only screen and (max-width: 575.98px) {
+  .e-pv-insert-left-button.e-btn {
+    top: -70px;
+  }
+}
+
+.e-pv-insert-right-button.e-btn {
+  width: 25px;
+  height: 25px;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  position: absolute;
+  right: calc(-1 * (25px / 2 + 2px / 2));
+  top: -70px;
+  padding: 0;
+}
+@media only screen and (max-width: 1399.98px) {
+  .e-pv-insert-right-button.e-btn {
+    top: -70px;
+  }
+}
+@media only screen and (max-width: 1199.98px) {
+  .e-pv-insert-right-button.e-btn {
+    top: -70px;
+  }
+}
+@media only screen and (max-width: 991.98px) {
+  .e-pv-insert-right-button.e-btn {
+    top: -70px;
+  }
+}
+@media only screen and (max-width: 767.98px) {
+  .e-pv-insert-right-button.e-btn {
+    top: -70px;
+  }
+}
+@media only screen and (max-width: 575.98px) {
+  .e-pv-insert-right-button.e-btn {
+    top: -70px;
+  }
+}
+
+.e-pv-toolbar-rotate-left-button {
+  height: 32px;
+  width: 32px;
+  padding: 0;
+  top: 7px;
+  position: relative;
+  left: 436px;
+  box-shadow: none;
+}
+
+.e-pv-toolbar-rotate-right-button {
+  height: 32px;
+  width: 32px;
+  padding: 0;
+  top: 7px;
+  position: relative;
+  left: 445px;
+  box-shadow: none;
+}
+
+.e-pdfviewer .e-pv-organize-window .e-dlg-content {
+  padding: 0;
+  overflow: hidden;
+  border-radius: 0;
+}
+
+.e-pv-organize-toolbar-apperance.e-toolbar {
+  width: 1172px;
+  border: 1px solid rgba(var(--color-sf-outline-variant));
+  border-width: 1px 0;
+  background: transparent !important; /* stylelint-disable-line declaration-no-important */
+}
+.e-pv-organize-toolbar-apperance.e-toolbar .e-toolbar-items.e-tbar-pos {
+  background: transparent !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-pdfviewer .e-pv-organize-toolbar-apperance .e-checkbox-wrapper {
+  margin-left: 22px;
+  margin-right: 8px;
+  text-wrap: nowrap;
+}
+
+@media screen and (max-width: 480px) {
+  .e-pdfviewer .e-pv-organize-toolbar-apperance .e-checkbox-wrapper {
+    width: 35px;
+    margin-left: 22px;
+  }
+}
 .e-pv-thumbnail-view-button-selection.e-pv-thumbnail-view-button.e-btn,
 .e-pv-bookmark-button-selection.e-pv-bookmark-button.e-btn {
   background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
@@ -1528,9 +1818,8 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-thumbnail-number {
   color: rgba(var(--color-sf-on-surface));
   font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
-  padding-left: 50px;
-  padding-right: 50px;
   padding-top: 8px;
+  text-align: center;
   font-weight: 500;
 }
 
@@ -2026,10 +2315,30 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   width: 32px;
 }
 
+.e-pv-organize-total-page-button {
+  float: left;
+  font-size: 12;
+  font-weight: normal;
+  color: rgba(var(--color-sf-on-surface));
+}
+
+.e-pdfviewer .e-pv-organize-window .e-footer-content .e-btn.e-flat:disabled {
+  background-color: transparent;
+  background: transparent;
+  color: rgba(var(--color-sf-on-surface));
+  cursor: default;
+}
+
 .e-pv-annotation-thickness-slider-container {
   margin-top: -6px;
 }
 
+.e-pv-organize-image {
+  width: calc(100% - 4px);
+  height: calc(100% - 4px);
+  border: 1px solid rgba(var(--color-sf-outline-variant));
+}
+
 .e-pv-annotation-opacity-icon {
   padding-top: 1px;
 }
@@ -2415,7 +2724,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 32px;
   line-height: 25px;
-  margin: 4px 0;
+  margin: 0;
   width: 32px;
 }
 
@@ -2487,6 +2796,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pdfviewer .e-checkbox-wrapper .e-frame + .e-label,
 .e-pdfviewer .e-css.e-checkbox-wrapper .e-frame + .e-label {
   margin-right: 10px;
+  font-size: 14px;
 }
 
 div > .e-pv-bookmark-icon.e-pv-icon.e-right {
@@ -2757,18 +3067,20 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   padding-top: 12px;
   padding-bottom: 30px;
   height: 18px;
-  max-width: 237px;
   position: absolute;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .e-pv-reply-title {
   color: rgba(var(--color-sf-on-surface));
   font-size: 14px;
   font-size: 12px;
-  max-width: 212px;
   padding-left: 8px;
   padding-top: 12px;
   position: absolute;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .e-pv-comments-hover {

package/styles/pdfviewer/_bds-definition.scss

@@ -219,6 +219,7 @@ $pv-thumbnail-image-background-clip: content-box !default;
 $pv-thumbnail-hover-border-radius: 2px !default;
 $pv-thumbnail-hover-padding: 2px !default;
 $pv-thumbnail-hover-cursor: pointer !default;
+$pv-organize-page-select-border-radius: 2px !default;
 $pv-thumbnail-focus-border-radius: 2px !default;
 $pv-thumbnail-focus-cursor: pointer !default;
 $pv-thumbnail-focus-padding: 0 !default;
@@ -458,6 +459,7 @@ $pv-thumbnail-image-background-color: $white !default;
 $pv-thumbnail-hover-border: 1px solid $border-dark !default;
 $pv-thumbnail-hover-box-shadow: $shadow-md !default;
 $pv-thumbnail-focus-border: 2px solid $primary !default;
+$pv-organize-page-select-border: 2px solid $primary !default;
 $pv-thumbnail-focus-box-shadow: $shadow-sm !default;
 $pv-thumbnail-selection-border: 2px solid $primary !default;
 $pv-thumbnail-selection-box-shadow: $shadow-sm !default;
@@ -539,5 +541,9 @@ $pv-eye-icon-font-size: 18px !default;
 $pv-eye-icon-padding: 7px !default;
 $pv-eye-icon-hover-cursor: pointer !default;
 $pv-eye-icon-margin-top: 3px !default;
+$pv-organize-anchor-node-border-width: 2px !default;
+$pv-organize-anchor-node-border: $pv-organize-anchor-node-border-width solid $border-light !default;
+$pv-organize-image-border: 1px solid $border-light !default;
+$pv-default-tile-icon-size: 25px !default;
 
 //end color definition

package/styles/pdfviewer/_bootstrap-dark-definition.scss

@@ -288,9 +288,11 @@ $pv-thumbnail-hover-cursor: pointer !default;
 $pv-thumbnail-hover-border: 1px solid $grey-99 !default;
 $pv-thumbnail-hover-box-shadow: 0 0 3px 0 rgba($grey-light-font, .25) !default;
 $pv-thumbnail-focus-border-radius: 2px !default;
+$pv-organize-page-select-border-radius: 2px !default;
 $pv-thumbnail-focus-cursor: pointer !default;
 $pv-thumbnail-focus-padding: 2px !default;
 $pv-thumbnail-focus-border: 1px solid $grey-ad !default;
+$pv-organize-page-select-border: 2px solid $brand-primary !default;
 $pv-thumbnail-focus-box-shadow: 0 0 4px 0 rgba($grey-light-font, .25) !default;
 $pv-thumbnail-selection-border-radius: 2px !default;
 $pv-thumbnail-selection-cursor: pointer !default;
@@ -538,3 +540,7 @@ $pv-eye-icon-font-size: 18px !default;
 $pv-eye-icon-padding: 7px !default;
 $pv-eye-icon-hover-cursor: pointer !default;
 $pv-eye-icon-margin-top: 3px !default;
+$pv-organize-anchor-node-border-width: 2px !default;
+$pv-organize-anchor-node-border: $pv-organize-anchor-node-border-width solid $grey-99 !default;
+$pv-organize-image-border: 1px solid $grey-99 !default;
+$pv-default-tile-icon-size: 25px !default;

package/styles/pdfviewer/_bootstrap-definition.scss

@@ -288,9 +288,11 @@ $pv-thumbnail-hover-cursor: pointer !default;
 $pv-thumbnail-hover-border: 1px solid $grey-d4 !default;
 $pv-thumbnail-hover-box-shadow: 0 0 3px 0 rgba($grey-light-font, .25) !default;
 $pv-thumbnail-focus-border-radius: 2px !default;
+$pv-organize-page-select-border-radius: 2px !default;
 $pv-thumbnail-focus-cursor: pointer !default;
 $pv-thumbnail-focus-padding: 2px !default;
 $pv-thumbnail-focus-border: 1px solid $grey-ad !default;
+$pv-organize-page-select-border: 2px solid $brand-primary !default;
 $pv-thumbnail-focus-box-shadow: 0 0 4px 0 rgba($grey-light-font, .25) !default;
 $pv-thumbnail-selection-border-radius: 2px !default;
 $pv-thumbnail-selection-cursor: pointer !default;
@@ -538,3 +540,7 @@ $pv-eye-icon-font-size: 18px !default;
 $pv-eye-icon-padding: 7px !default;
 $pv-eye-icon-hover-cursor: pointer !default;
 $pv-eye-icon-margin-top: 3px !default;
+$pv-organize-anchor-node-border-width: 2px !default;
+$pv-organize-anchor-node-border: $pv-organize-anchor-node-border-width solid $grey-cc !default;
+$pv-organize-image-border: 1px solid $grey-cc !default;
+$pv-default-tile-icon-size: 25px !default;

package/styles/pdfviewer/_bootstrap4-definition.scss

@@ -312,9 +312,11 @@ $pv-thumbnail-hover-cursor: pointer !default;
 $pv-thumbnail-hover-border: 1px solid $gray-500 !default;
 $pv-thumbnail-hover-box-shadow: 0 0 4px 0 rgba($gray-500, 1) !default;
 $pv-thumbnail-focus-border-radius: 2px !default;
+$pv-organize-page-select-border-radius: 2px !default;
 $pv-thumbnail-focus-cursor: pointer !default;
 $pv-thumbnail-focus-padding: 2px !default;
 $pv-thumbnail-focus-border: 2px solid $primary !default;
+$pv-organize-page-select-border: 2px solid $primary !default;
 $pv-thumbnail-focus-box-shadow: 0 0 4px 0 rgba($gray-100, .25) !default;
 $pv-thumbnail-selection-border-radius: 2px !default;
 $pv-thumbnail-selection-cursor: pointer !default;
@@ -584,3 +586,7 @@ $pv-eye-icon-font-size: 18px !default;
 $pv-eye-icon-padding: 7px !default;
 $pv-eye-icon-hover-cursor: pointer !default;
 $pv-eye-icon-margin-top: 3px !default;
+$pv-organize-anchor-node-border-width: 2px !default;
+$pv-organize-anchor-node-border: $pv-organize-anchor-node-border-width solid $gray-300 !default;
+$pv-organize-image-border: 1px solid $gray-300 !default;
+$pv-default-tile-icon-size: 25px !default;

package/styles/pdfviewer/_bootstrap5-definition.scss

@@ -133,7 +133,7 @@ $pv-corrupted-dialog-pop-content-padding-top: 6.9px !default;
 $pv-corrupted-dialog-pop-content-padding-bottom: 15px !default;
 $pv-password-dialog-pop-content-padding-bottom: 11px !default;
 $pv-toolbar-total-page-number-color: $content-text-color !default;
-$pv-toolbar-total-page-number-font-size: 13px !default;
+$pv-toolbar-total-page-number-font-size: 14px !default;
 $pv-corrupted-notification-background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjM1cHgiIGhlaWdodD0iMzFweCIgdmlld0JveD0iMCAwIDM1IDMxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTEuMiAoNTc1MTkpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5Hcm91cCAzPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJDb3JydXB0ZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MTQuMDAwMDAwLCAtMzUzLjAwMDAwMCkiPg0KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OTQuMDAwMDAwLCAyODUuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwLjAwMDAwMCwgNjguMTg0NDc0KSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNS4yMjM0NzA4LDEwLjM1NzYwMjYgTDEyLjY1MzYzNywyMy40MDU1MTA2IEwxNC4xMzIwOTA1LDI2Ljk5MTI0OTUgTDE5LjM2MTc3ODksMjYuOTkxMjQ5NSBDMjAuNDQwMjUwNywxNy44NjA2NDE1IDIwLjY5MzgwOTcsMTIuMzE2MDkyNSAyMC4xMjI0NTU4LDEwLjM1NzYwMjYgQzE5LjU1MTEwMTksOC4zOTkxMTI3NCAxNy45MTgxMDY5LDguMzk5MTEyNzQgMTUuMjIzNDcwOCwxMC4zNTc2MDI2IFoiIGlkPSJQYXRoLTExIiBmaWxsPSIjMEUwRTBFIj48L3BhdGg+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMS42MjM4MDkxLDMwLjM4NzQxMDEgQzMzLjgyOTUxMDUsMzAuMzg3NDEwMSAzNC43MjA5MTk0LDI4LjgzODYyNDQgMzMuNjExOTMzMiwyNi45MjMxMDI4IEwxOS4yODk5MDMsMi4xODUwNTA2OCBDMTguMTgyMjEyMiwwLjI3MTc2NjU5NSAxNi4zODc1ODYsMC4yNjk1MjkwNjkgMTUuMjc4NTk5OCwyLjE4NTA1MDY4IEwwLjk1NjU2OTY4NSwyNi45MjMxMDI4IEMtMC4xNTExMjExMDMsMjguODM2Mzg2OCAwLjc0NDI0ODg4MiwzMC4zODc0MTAxIDIuOTQ0NjkzNzksMzAuMzg3NDEwMSBMMzEuNjIzODA5MSwzMC4zODc0MTAxIFogTTE1LjYxNzU4NDgsMjYuMzg3NDEwMSBMMTUuNjE3NTg0OCwyMy4wNTQwNzY3IEwxOC45NTA5MTgxLDIzLjA1NDA3NjcgTDE4Ljk1MDkxODEsMjYuMzg3NDEwMSBMMTUuNjE3NTg0OCwyNi4zODc0MTAxIFogTTE1LjYxNzU4NDgsMjAuNzIwNzQzNCBMMTUuNjE3NTg0OCwxMC4wNTQwNzY3IEwxOC45NTA5MTgxLDEwLjA1NDA3NjcgTDE4Ljk1MDkxODEsMjAuNzIwNzQzNCBMMTUuNjE3NTg0OCwyMC43MjA3NDM0IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0VGQzAwMiI+PC9wYXRoPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==') !default;
 $pv-corrupted-notification-background-repeat: no-repeat !default;
 $pv-corrupted-notification-background-size: 36.7px 31.7px !default;
@@ -286,9 +286,11 @@ $pv-thumbnail-hover-cursor: pointer !default;
 $pv-thumbnail-hover-border: 1px solid $border-dark !default;
 $pv-thumbnail-hover-box-shadow: $shadow-sm !default;
 $pv-thumbnail-focus-border-radius: 0 !default;
+$pv-organize-page-select-border-radius: 0 !default;
 $pv-thumbnail-focus-cursor: pointer !default;
 $pv-thumbnail-focus-padding: 0 !default;
 $pv-thumbnail-focus-border: 2px solid $primary !default;
+$pv-organize-page-select-border: 2px solid $primary !default;
 $pv-thumbnail-focus-box-shadow: $shadow-sm !default;
 $pv-thumbnail-selection-border-radius: 0 !default;
 $pv-thumbnail-selection-cursor: pointer !default;
@@ -366,7 +368,7 @@ $pv-toolbar-btn-padding: 0 1.5px !default;
 $pv-toolbar-btn-line-height: 25px !default;
 $pv-toolbaritem-btn-line-height: 26px !default;
 $pv-toolbaritem-btn-min-height: 26px !default;
-$pv-toolbar-btn-margin: 4px 0 !default;
+$pv-toolbar-btn-margin: 0 !default;
 $pv-mobile-page-box-padding-top: 4px !default;
 $pv-zoom-dropdown-width-mobile: 93px !default;
 $pv-mobile-page-box-padding-left-focus: 0 !default;
@@ -532,3 +534,7 @@ $pv-eye-icon-font-size: 18px !default;
 $pv-eye-icon-padding: 7px !default;
 $pv-eye-icon-hover-cursor: pointer !default;
 $pv-eye-icon-margin-top: 3px !default;
+$pv-organize-anchor-node-border-width: 2px !default;
+$pv-organize-anchor-node-border: $pv-organize-anchor-node-border-width solid $border-light !default;
+$pv-organize-image-border: 1px solid $border-light !default;
+$pv-default-tile-icon-size: 25px !default;

package/styles/pdfviewer/_fabric-dark-definition.scss

@@ -284,9 +284,11 @@ $pv-thumbnail-hover-cursor: pointer !default;
 $pv-thumbnail-hover-border: 1px solid $neutral-quintenary !default;
 $pv-thumbnail-hover-box-shadow: 0 0 3px 0 rgba($shadow, .25) !default;
 $pv-thumbnail-focus-border-radius: 2px !default;
+$pv-organize-page-select-border-radius: 2px !default;
 $pv-thumbnail-focus-cursor: pointer !default;
 $pv-thumbnail-focus-padding: 4px !default;
 $pv-thumbnail-focus-border: 2px solid $neutral-quintenary !default;
+$pv-organize-page-select-border: 6px solid $theme-primary !default;
 $pv-thumbnail-focus-box-shadow: 0 0 4px 0 rgba($shadow, .25) !default;
 $pv-thumbnail-selection-border-radius: 2px !default;
 $pv-thumbnail-selection-cursor: pointer !default;
@@ -535,3 +537,7 @@ $pv-eye-icon-font-size: 18px !default;
 $pv-eye-icon-padding: 7px !default;
 $pv-eye-icon-hover-cursor: pointer !default;
 $pv-eye-icon-margin-top: 3px !default;
+$pv-organize-anchor-node-border-width: 6px !default;
+$pv-organize-anchor-node-border: $pv-organize-anchor-node-border-width solid $neutral-tertiary-alt !default;
+$pv-organize-image-border: 1px solid $neutral-tertiary-alt !default;
+$pv-default-tile-icon-size: 25px !default;

package/styles/pdfviewer/_fabric-definition.scss

@@ -285,9 +285,11 @@ $pv-thumbnail-hover-cursor: pointer !default;
 $pv-thumbnail-hover-border: 1px solid $neutral-quintenary !default;
 $pv-thumbnail-hover-box-shadow: 0 0 3px 0 rgba($shadow, .25) !default;
 $pv-thumbnail-focus-border-radius: 2px !default;
+$pv-organize-page-select-border-radius: 2px !default;
 $pv-thumbnail-focus-cursor: pointer !default;
 $pv-thumbnail-focus-padding: 4px !default;
 $pv-thumbnail-focus-border: 2px solid $neutral-quintenary !default;
+$pv-organize-page-select-border: 6px solid $theme-primary !default;
 $pv-thumbnail-focus-box-shadow: 0 0 4px 0 rgba($shadow, .25) !default;
 $pv-thumbnail-selection-border-radius: 2px !default;
 $pv-thumbnail-selection-cursor: pointer !default;
@@ -537,3 +539,7 @@ $pv-eye-icon-font-size: 18px !default;
 $pv-eye-icon-padding: 7px !default;
 $pv-eye-icon-hover-cursor: pointer !default;
 $pv-eye-icon-margin-top: 3px !default;
+$pv-organize-anchor-node-border-width: 6px !default;
+$pv-organize-anchor-node-border: $pv-organize-anchor-node-border-width solid $neutral-quintenary !default;
+$pv-organize-image-border: 1px solid $neutral-quintenary !default;
+$pv-default-tile-icon-size: 25px !default;

package/styles/pdfviewer/_fluent-definition.scss

@@ -133,7 +133,7 @@ $pv-corrupted-dialog-pop-content-padding-top: 6.9px !default;
 $pv-corrupted-dialog-pop-content-padding-bottom: 15px !default;
 $pv-password-dialog-pop-content-padding-bottom: 11px !default;
 $pv-toolbar-total-page-number-color: $content-text-color !default;
-$pv-toolbar-total-page-number-font-size: 13px !default;
+$pv-toolbar-total-page-number-font-size: 14px !default;
 $pv-corrupted-notification-background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjM1cHgiIGhlaWdodD0iMzFweCIgdmlld0JveD0iMCAwIDM1IDMxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTEuMiAoNTc1MTkpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5Hcm91cCAzPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJDb3JydXB0ZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MTQuMDAwMDAwLCAtMzUzLjAwMDAwMCkiPg0KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OTQuMDAwMDAwLCAyODUuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwLjAwMDAwMCwgNjguMTg0NDc0KSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNS4yMjM0NzA4LDEwLjM1NzYwMjYgTDEyLjY1MzYzNywyMy40MDU1MTA2IEwxNC4xMzIwOTA1LDI2Ljk5MTI0OTUgTDE5LjM2MTc3ODksMjYuOTkxMjQ5NSBDMjAuNDQwMjUwNywxNy44NjA2NDE1IDIwLjY5MzgwOTcsMTIuMzE2MDkyNSAyMC4xMjI0NTU4LDEwLjM1NzYwMjYgQzE5LjU1MTEwMTksOC4zOTkxMTI3NCAxNy45MTgxMDY5LDguMzk5MTEyNzQgMTUuMjIzNDcwOCwxMC4zNTc2MDI2IFoiIGlkPSJQYXRoLTExIiBmaWxsPSIjMEUwRTBFIj48L3BhdGg+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMS42MjM4MDkxLDMwLjM4NzQxMDEgQzMzLjgyOTUxMDUsMzAuMzg3NDEwMSAzNC43MjA5MTk0LDI4LjgzODYyNDQgMzMuNjExOTMzMiwyNi45MjMxMDI4IEwxOS4yODk5MDMsMi4xODUwNTA2OCBDMTguMTgyMjEyMiwwLjI3MTc2NjU5NSAxNi4zODc1ODYsMC4yNjk1MjkwNjkgMTUuMjc4NTk5OCwyLjE4NTA1MDY4IEwwLjk1NjU2OTY4NSwyNi45MjMxMDI4IEMtMC4xNTExMjExMDMsMjguODM2Mzg2OCAwLjc0NDI0ODg4MiwzMC4zODc0MTAxIDIuOTQ0NjkzNzksMzAuMzg3NDEwMSBMMzEuNjIzODA5MSwzMC4zODc0MTAxIFogTTE1LjYxNzU4NDgsMjYuMzg3NDEwMSBMMTUuNjE3NTg0OCwyMy4wNTQwNzY3IEwxOC45NTA5MTgxLDIzLjA1NDA3NjcgTDE4Ljk1MDkxODEsMjYuMzg3NDEwMSBMMTUuNjE3NTg0OCwyNi4zODc0MTAxIFogTTE1LjYxNzU4NDgsMjAuNzIwNzQzNCBMMTUuNjE3NTg0OCwxMC4wNTQwNzY3IEwxOC45NTA5MTgxLDEwLjA1NDA3NjcgTDE4Ljk1MDkxODEsMjAuNzIwNzQzNCBMMTUuNjE3NTg0OCwyMC43MjA3NDM0IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0VGQzAwMiI+PC9wYXRoPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==') !default;
 $pv-corrupted-notification-background-repeat: no-repeat !default;
 $pv-corrupted-notification-background-size: 36.7px 31.7px !default;
@@ -287,9 +287,11 @@ $pv-thumbnail-hover-cursor: pointer !default;
 $pv-thumbnail-hover-border: 1px solid $border-dark !default;
 $pv-thumbnail-hover-box-shadow: $shadow-sm !default;
 $pv-thumbnail-focus-border-radius: 0 !default;
+$pv-organize-page-select-border-radius: 0 !default;
 $pv-thumbnail-focus-cursor: pointer !default;
 $pv-thumbnail-focus-padding: 0 !default;
 $pv-thumbnail-focus-border: 2px solid $primary !default;
+$pv-organize-page-select-border: 2px solid $primary !default;
 $pv-thumbnail-focus-box-shadow: $shadow-sm !default;
 $pv-thumbnail-selection-border-radius: 0 !default;
 $pv-thumbnail-selection-cursor: pointer !default;
@@ -539,3 +541,7 @@ $pv-eye-icon-margin-top: 3px !default;
 $pv-save-button-bg-color: $transparent !default;
 $pv-save-button-color: $primary-text-color !default;
 $pv-comment-text-cursor-color: $black !default;
+$pv-organize-anchor-node-border-width: 2px !default;
+$pv-organize-anchor-node-border: $pv-organize-anchor-node-border-width solid $border-light !default;
+$pv-organize-image-border: 1px solid $border-light !default;
+$pv-default-tile-icon-size: 25px !default;