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

package/styles/bootstrap5-dark.css

@@ -21,6 +21,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: #adb5bd;
+  content: "\e8dc";
+}
+.e-pdfviewer .e-pv-organize-view-selection-icon::before {
+  color: #fff;
+  content: "\e8dc";
+}
+.e-pdfviewer .e-pv-rotate-left-icon::before {
+  content: "\e8a5";
+}
 .e-pdfviewer .e-pv-prev-search-icon::before {
   color: #adb5bd;
   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;
 }
@@ -969,7 +998,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: #fff;
   cursor: default;
-  font-size: 13px;
+  font-size: 14px;
   margin-left: 0;
   margin-right: 9.5px;
   min-width: unset;
@@ -1167,6 +1196,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: 28px;
   padding-bottom: 4px;
@@ -1359,7 +1392,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;
@@ -1379,6 +1413,262 @@ input.e-pv-input-password::-ms-reveal {
       justify-content: center;
 }
 
+.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 #444c54;
+  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 #0d6efd;
+  border-radius: 2px;
+}
+
+@media screen and (max-width: 480px) {
+  .e-pv-organize-anchor-node.e-pv-organize-node-selection-ring {
+    border: 2px solid #0d6efd;
+    border-radius: 2px;
+  }
+}
+.e-pv-organize-window {
+  border: 1px solid #444c54;
+  border-radius: 0;
+}
+
+.e-pdfviewer .e-pv-organize-window .e-footer-content {
+  border-top: 1px solid #444c54;
+  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 #444c54;
+  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: #565e64;
@@ -1392,6 +1682,7 @@ input.e-pv-input-password::-ms-reveal {
   background: #565e64;
   border: none;
   border-radius: 4px;
+  color: #fff;
   line-height: inherit;
   padding: 0;
 }
@@ -1400,6 +1691,7 @@ input.e-pv-input-password::-ms-reveal {
   background: #565e64;
   border: none;
   border-radius: 4px;
+  color: #fff;
   line-height: inherit;
   padding: 0;
 }
@@ -1472,9 +1764,8 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-thumbnail-number {
   color: #e9ecef;
   font-family: Roboto;
-  padding-left: 50px;
-  padding-right: 50px;
   padding-top: 8px;
+  text-align: center;
 }
 
 .e-pv-thumbnail-selection-ring {
@@ -1662,6 +1953,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,
@@ -1671,10 +1964,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,
@@ -1686,6 +1976,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: #fff;
 }
 
+.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: #adb5bd;
+}
+
 .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,
@@ -1792,6 +2088,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   background-color: transparent;
 }
 
+.e-pv-search-btn.e-btn:hover:not(:disabled),
+.e-pv-sidebar-toolbar .e-pv-tbar-btn:hover:not(:disabled) {
+  background-color: #565e64;
+  color: #fff;
+}
+
 .e-pv-search-bar:not(.e-rtl) .e-pv-prev-search {
   margin-left: 16px;
 }
@@ -2008,10 +2310,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: #fff;
+}
+
+.e-pdfviewer .e-pv-organize-window .e-footer-content .e-btn.e-flat:disabled {
+  background-color: transparent;
+  background: transparent;
+  color: #fff;
+  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 #444c54;
+}
+
 .e-pv-annotation-opacity-icon {
   padding-top: 1px;
 }
@@ -2483,7 +2805,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: 30px;
   line-height: 25px;
-  margin: 4px 0;
+  margin: 0;
   padding: 0 1.5px;
   width: 30px;
 }
@@ -2590,6 +2912,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 {
@@ -2824,8 +3147,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   font-size: 14px;
   font-size: 12px;
   font-weight: 500;
-  max-width: 237px;
   position: absolute;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .e-pv-reply-title {
@@ -2834,10 +3158,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   font-size: 14px;
   font-size: 12px;
   font-weight: 500;
-  max-width: 212px;
   padding-left: 8px;
   padding-top: 7px;
   position: absolute;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .e-pv-comments-hover {
@@ -3676,6 +4001,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   line-height: 22px !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
+.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
+  color: #fff;
+}
+
 .e-dialog.e-pv-signature-dialog-height {
   height: 535px;
 }