@syncfusion/ej2-pdfviewer 17.3.57-4568 → 17.3.59-4568

package/styles/material3.css

@@ -100,7 +100,7 @@
   --color-sf-on-warning: 99, 52, 0;
   --color-sf-on-warning-container: 255, 220, 193;
   --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
   --color-sf-success-text: 0, 0, 0;
   --color-sf-warning-text: 0, 0, 0;
   --color-sf-info-text: 0, 0, 0;
@@ -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;
 }
@@ -1100,6 +1129,10 @@ input.e-pv-input-password::-ms-reveal {
   padding: 0;
 }
 
+.e-pv-fontfamily-container .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-valid-input {
+  width: 100px;
+}
+
 .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
@@ -1238,6 +1271,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 +1466,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 +1481,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 +1822,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 +2319,30 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   width: 32px;
 }
 
+.e-pv-organize-total-page-button {
+  float: left;
+  font-weight: normal;
+  color: rgba(var(--color-sf-on-surface));
+  font-size: 12;
+}
+
+.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;
 }
@@ -2274,9 +2587,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-stroke-color-label,
 .e-pv-properties-line-opacity-label,
 .e-pv-properties-line-leader-length-label {
-  margin-bottom: 8px;
   font-size: 10px;
   margin-bottom: 0;
+  margin-bottom: 8px;
 }
 
 .e-pv-properties-line-end-container,
@@ -2415,7 +2728,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 +2800,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 {
@@ -2563,12 +2877,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-reply-div.e-pv-comments-leave.e-focused {
-  border: 0 0 0 1px #ffffff, 0 0 0 3px #000000;
+  border: 0 0 0 1px #fff, 0 0 0 3px #000;
   background: rgba(var(--color-sf-on-surface), 0.05);
 }
 
 .e-pv-comments-div.e-focused {
-  border: 0 0 0 1px #ffffff, 0 0 0 3px #000000;
+  border: 0 0 0 1px #fff, 0 0 0 3px #000;
   background: rgba(var(--color-sf-on-surface), 0.05);
 }
 
@@ -2757,18 +3071,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 {
@@ -2891,7 +3207,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pdfviewer .e-pv-signature-apperance .e-checkbox-wrapper {
-  margin-top: 10px;
   padding-bottom: 5px;
   margin-top: 12px;
 }
@@ -2957,12 +3272,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   border-radius: 5px;
   display: inline-block;
   font-size: 13px;
-  height: 88px;
-  margin: 15px;
   padding-top: 40px;
   text-align: center;
-  width: 311px;
   word-wrap: break-word;
+  height: 88px;
+  width: 311px;
+  margin: 15px;
   border: 1px dashed rgba(var(--color-sf-primary));
   border-radius: 4px;
   background: var(--color-sf-surface);

package/styles/material3.scss

@@ -1,3 +1,6 @@
 
 @import 'ej2-base/styles/definition/material3.scss';
-@import 'pdfviewer/material3.scss';
+
+@import 'pdfviewer/material3-definition.scss';
+@import 'pdfviewer/icons/material3.scss';
+@import 'pdfviewer/all.scss';

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

@@ -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

@@ -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;