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

package/styles/pdfviewer/fluent.css

@@ -20,6 +20,23 @@
 .e-pdfviewer .e-pv-previous-page-navigation-icon::before {
   content: "\e765";
 }
+.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: #a19f9d;
+  content: "\e8dc";
+}
+.e-pdfviewer .e-pv-organize-view-selection-icon::before {
+  color: #323130;
+  content: "\e8dc";
+}
+.e-pdfviewer .e-pv-rotate-left-icon::before {
+  content: "\e8a5";
+}
 .e-pdfviewer .e-pv-prev-search-icon::before {
   color: #605e5c;
   content: "\e765";
@@ -792,6 +809,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;
 }
@@ -972,7 +1001,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-pv-total-page-container.e-toolbar-item:not(.e-separator) {
   color: #201f1e;
   cursor: default;
-  font-size: 13px;
+  font-size: 14px;
   margin-left: 4px;
   margin-right: 9.5px;
   min-width: unset;
@@ -1155,6 +1184,10 @@ input.e-pv-input-password::-ms-reveal {
   padding-top: 6px;
 }
 
+.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: 1px;
@@ -1347,7 +1380,8 @@ input.e-pv-input-password::-ms-reveal {
   border-radius: 100px;
 }
 
-.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;
@@ -1367,7 +1401,264 @@ input.e-pv-input-password::-ms-reveal {
       justify-content: center;
 }
 
-.e-bigger .e-pv-thumbnail-view-button.e-btn {
+.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 #edebe9;
+  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 #0078d4;
+  border-radius: 2px;
+}
+
+@media screen and (max-width: 480px) {
+  .e-pv-organize-anchor-node.e-pv-organize-node-selection-ring {
+    border: 2px solid #0078d4;
+    border-radius: 2px;
+  }
+}
+.e-pv-organize-window {
+  border: 1px solid #edebe9;
+  border-radius: 0;
+}
+
+.e-pdfviewer .e-pv-organize-window .e-footer-content {
+  border-top: 1px solid #edebe9;
+  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 #edebe9;
+  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-bigger .e-pv-thumbnail-view-button.e-btn,
+.e-bigger .e-pv-organize-view-button.e-btn {
   margin: 12px 6px;
 }
 
@@ -1466,9 +1757,8 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-thumbnail-number {
   color: #323130;
   font-family: Roboto;
-  padding-left: 50px;
-  padding-right: 50px;
   padding-top: 8px;
+  text-align: center;
 }
 
 .e-pv-thumbnail-selection-ring {
@@ -1654,6 +1944,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
 .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
+.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
+.e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
 .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
 .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
 .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -1663,10 +1955,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
-.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
-.e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
-.e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
 .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -1678,6 +1967,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: #323130;
 }
 
+.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
+.e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
+.e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus {
+  color: #323130;
+}
+
 .e-pv-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon,
 .e-pv-annotation-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon,
 .e-pv-annotation-toolbar .e-toolbar-item.e-overlay .e-dropdown-btn.e-btn .e-pv-icon,
@@ -2006,6 +2301,20 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   min-height: 32px;
 }
 
+.e-pv-organize-total-page-button {
+  float: left;
+  font-size: 12;
+  font-weight: normal;
+  color: #201f1e;
+}
+
+.e-pdfviewer .e-pv-organize-window .e-footer-content .e-btn.e-flat:disabled {
+  background-color: transparent;
+  background: transparent;
+  color: #201f1e;
+  cursor: default;
+}
+
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
 .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
   min-height: 32px;
@@ -2015,6 +2324,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   margin-top: -6px;
 }
 
+.e-pv-organize-image {
+  width: calc(100% - 4px);
+  height: calc(100% - 4px);
+  border: 1px solid #edebe9;
+}
+
 .e-pv-annotation-opacity-icon {
   padding-top: 1px;
 }
@@ -2583,6 +2898,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 {
@@ -2813,8 +3129,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #201f1e;
   font-size: 14px;
   font-weight: 600;
-  max-width: 237px;
   position: absolute;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .e-pv-reply-title {
@@ -2822,10 +3139,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #201f1e;
   font-size: 14px;
   font-weight: 600;
-  max-width: 212px;
   padding-left: 8px;
   padding-top: 5px;
   position: absolute;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .e-pv-comments-hover {