@pdftools/four-heights-pdf-web-viewer 4.3.6

package/scss/common/_toolbar.scss

@@ -0,0 +1,117 @@
+@use 'sass:math';
+
+.pwv-Toolbar {
+  display: flex;
+  position: relative;
+  min-height: $toolbarItem__height;
+
+  @include toolbar;
+  &--wrap {
+    flex-wrap: wrap;
+  }
+  &--paddingRight {
+    padding-right: $toolbarItem__MinWidth + 5px;
+  }
+  &--center {
+    justify-content: center;
+  }
+  &ItemGroup {
+    display: flex;
+
+    &--pushLeft {
+      margin-left: auto;
+    }
+
+    &--pushRight {
+      position: absolute;
+      right: 0;
+      top: 0;
+      z-index: 2;
+    }
+  }
+
+  &Item {
+    @include toolbarItem;
+  }
+
+  &Button {
+    @include toolbarItem;
+
+    &:focus {
+      outline: none;
+    }
+    &:not(:disabled) {
+      &:hover {
+        @include toolbarItem__Hover;
+      }
+      &:focus {
+        @include toolbarItem__Focus;
+      }
+      &:active {
+        @include toolbarItem__Active;
+      }
+    }
+
+    &--selected {
+      @include toolbarItem__Selected;
+    }
+
+    &--disabled {
+      @include toolbarItem__Disabled;
+    }
+
+    .pwv-icon {
+      display: block;
+      height: $toolbarItem__IconSize;
+      svg {
+        height: $toolbarItem__IconSize;
+      }
+    }
+    &__Text {
+      display: inline-block;
+      padding: 0 0.5rem;
+    }
+  }
+
+  .pwv-CustomButtons {
+    display: flex;
+  }
+
+  .pwv-DropdownPanel {
+    z-index: 5;
+    top: 48px;
+  }
+
+  input {
+    border: none;
+    font-size: 1em;
+    height: math.div($toolbarItem__height, 1.5);
+    box-sizing: border-box;
+    padding: 3px 6px;
+  }
+
+  .pwv-ToolbarSeparator {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: math.div($toolbarItem__MinWidth, 2);
+
+    .pwv-WebViewer--sm &,
+    .pwv-WebViewer--md & {
+      width: math.div($toolbarItem__MinWidth, 4);
+    }
+
+    .pwv-WebViewer--sm & {
+      display: none;
+    }
+
+    span {
+      display: block;
+      background-color: $toolbarItem__TextColor;
+      opacity: 0.2;
+      width: 1px;
+      height: 50%;
+      box-sizing: border-box;
+    }
+  }
+}

package/scss/common/_tooltip.scss

@@ -0,0 +1,39 @@
+@keyframes tooltipFadeInDelay {
+  0%,
+  95% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+[data-pwv-tooltip] {
+  &:hover::after {
+    content: attr(data-pwv-tooltip);
+    position: absolute;
+    background-color: $toolbarItem__SelectedTextColor;
+    color: #fff;
+    padding: 5px 8px;
+    z-index: 10000;
+    white-space: nowrap;
+    font-size: 0.8rem;
+    animation: tooltipFadeInDelay 1s ease-in;
+    transform: translateX(-50%);
+    left: 50%;
+  }
+  &.pwv-tooltip-top::after {
+    top: -20px;
+  }
+  &.pwv-tooltip-bottom::after {
+    top: 46px;
+  }
+  &.pwv-tooltip-left::after {
+    transform: translateX(-100%);
+    left: 50%;
+  }
+  &.pwv-tooltip-right::after {
+    transform: translateX(0);
+    left: 50%;
+  }
+}

package/scss/modules/_eraser.scss

@@ -0,0 +1,28 @@
+.pwv-eraser {
+  &InfoBar {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    background-color: $dialog__BackgroundColor;
+    color: $dialog__TextColor;
+
+    > span {
+      margin-left: auto;
+      font-weight: bold;
+    }
+
+    .pwv-ToolbarButton {
+      background-color: transparent;
+      border: none;
+      max-height: $toolbarItem__height * 0.75;
+      margin-left: auto;
+      color: $dialog__TextColor;
+      &:hover,
+      &:active {
+        background-color: transparent;
+        color: $dialog__TextColor;
+      }
+    }
+  }
+}

package/scss/modules/_forms.scss

@@ -0,0 +1,56 @@
+.pwv-formField {
+  position: absolute;
+  z-index: 4;
+  border: $acroForms__Border;
+  &__Element {
+    position: absolute;
+    display: flex;
+    transform-origin: top left;
+    border: none;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    box-sizing: border-box;
+    width: 100%;
+  }
+  &__CheckBox {
+  }
+  &__RadioButton {
+  }
+  &__ComboBox {
+    background-color: $acroForms__BackgroundColor;
+    button {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: 1.75rem;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background-color: $acroForms__BackgroundColor;
+      border: none;
+      &:active {
+        background-color: lime;
+      }
+    }
+    .pwv-icon {
+      display: block;
+      height: 18px;
+      svg {
+        height: 15px;
+      }
+    }
+  }
+  &__SelectList {
+    background-color: $acroForms__BackgroundColor;
+  }
+  &__ListBox {
+    background-color: $acroForms__BackgroundColor;
+  }
+  &__TextBox {
+    background-color: $acroForms__BackgroundColor;
+    resize: none;
+  }
+}

package/scss/modules/_highlightannotation.scss

@@ -0,0 +1,12 @@
+.pwv-highlightannotation-toolbar {
+  position: absolute;
+  z-index: 10;
+  top: 10px;
+  left: 10px;
+
+  .pwv-contextbar {
+    &::after {
+      display: none;
+    }
+  }
+}

package/scss/modules/_index.scss

@@ -0,0 +1,5 @@
+@import 'inkannotation';
+@import 'highlightannotation';
+@import 'stampannotation';
+@import 'eraser';
+@import 'forms';

package/scss/modules/_inkannotation.scss

@@ -0,0 +1,41 @@
+.pwv-opacityslider {
+  .pwv-Dropdown-text {
+    width: 55px;
+  }
+}
+.pwv-Dropdown-line-width {
+  width: 50px;
+  .pwv-DropdownPanel {
+    width: 75px;
+    min-width: 75px;
+  }
+  ul {
+    li {
+      padding: 0 10px;
+    }
+  }
+  .pwv-line-width {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 25px;
+    padding: 0;
+    > div {
+      width: 100%;
+      background-color: $toolbarItem__TextColor;
+    }
+    &:hover {
+      > div {
+        background-color: $toolbarItem__HoverTextColor;
+      }
+    }
+  }
+  button {
+    .pwv-line-width {
+      width: 18px;
+      > div {
+        width: 18px;
+      }
+    }
+  }
+}

package/scss/modules/_stampannotation.scss

@@ -0,0 +1,19 @@
+.pwv-stampannotation-dropdown {
+  .pwv-DropdownPanel {
+    width: 224px;
+    &.pwv-DropdownPanel--scroll {
+      width: 244px;
+    }
+  }
+  button {
+    img {
+      max-height: 28px;
+    }
+  }
+  ul {
+    img {
+      max-height: 50px;
+      max-width: 200px;
+    }
+  }
+}

package/scss/pdf-viewer-canvas/_annotationborder.scss

@@ -0,0 +1,107 @@
+$border-padding: 0;
+$border-width: 2px;
+$border-color: var(--pwv-selection-color);
+$drag-handle-padding: 3px;
+$resize-handle-size: 16px;
+
+.pwv-annotation-selection {
+  box-sizing: border-box;
+  z-index: 5;
+  .pwv-contextbar {
+    position: absolute;
+    left: $border-padding;
+    transition: opacity 0.3s;
+  }
+  &.pwv-contextbar-top {
+    .pwv-contextbar {
+      top: -70px;
+    }
+  }
+  &.pwv-contextbar-bottom {
+    .pwv-contextbar {
+      bottom: -70px;
+    }
+  }
+}
+
+.pwv-annotation-moving,
+.pwv-annotation-resizing {
+  .pwv-annotation-border {
+    border-style: dotted;
+  }
+  .pwv-annotation-border-draghandle {
+    background-color: var(--pwv-selection-color);
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    opacity: 0.33;
+  }
+  .pwv-contextbar {
+    opacity: 0;
+    transition: opacity 0.1s;
+  }
+}
+
+.pwv-annotation-border {
+  position: absolute;
+  top: $border-padding;
+  left: $border-padding;
+  right: $border-padding;
+  bottom: $border-padding;
+  border: $border-width solid $border-color;
+  box-sizing: border-box;
+}
+
+.pwv-annotation-border-draghandle {
+  position: absolute;
+  top: $drag-handle-padding;
+  left: $drag-handle-padding;
+  bottom: $drag-handle-padding;
+  right: $drag-handle-padding;
+  border: none;
+  cursor: move;
+  z-index: 12;
+}
+
+.pwv-annotation-border-resizehandle-nw,
+.pwv-annotation-border-resizehandle-ne,
+.pwv-annotation-border-resizehandle-sw,
+.pwv-annotation-border-resizehandle-se {
+  position: absolute;
+  border: $border-width solid $border-color;
+  background-color: var(--pwv-selection-color);
+  box-sizing: border-box;
+  width: $resize-handle-size;
+  height: $resize-handle-size;
+  .pwv-annotation-moving & {
+    display: none !important;
+  }
+  .pwv-annotation-resizing & {
+    display: none !important;
+  }
+}
+
+.pwv-annotation-border-resizehandle-nw {
+  top: $border-width - $resize-handle-size;
+  left: $border-width - $resize-handle-size;
+  cursor: nw-resize;
+}
+
+.pwv-annotation-border-resizehandle-ne {
+  top: $border-width - $resize-handle-size;
+  right: $border-width - $resize-handle-size;
+  cursor: ne-resize;
+}
+
+.pwv-annotation-border-resizehandle-sw {
+  bottom: $border-width - $resize-handle-size;
+  left: $border-width - $resize-handle-size;
+  cursor: sw-resize;
+}
+
+.pwv-annotation-border-resizehandle-se {
+  bottom: $border-width - $resize-handle-size;
+  right: $border-width - $resize-handle-size;
+  cursor: se-resize;
+}

package/scss/pdf-viewer-canvas/_busy-loader.scss

@@ -0,0 +1,53 @@
+$loader-size: 42px;
+$animation-duration: 1s;
+
+.pwv-BusyLoader {
+  position: absolute;
+  bottom: 16px;
+  left: 20px;
+  right: 20px;
+  z-index: 100;
+  > div {
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    width: $loader-size;
+    height: $loader-size * 0.5;
+    transition: all 300ms ease-in-out 0s;
+    z-index: 1;
+    margin: auto;
+    .rect-1,
+    .rect-2,
+    .rect-3,
+    .rect-4,
+    .rect-5 {
+      width: 15%;
+      height: 100%;
+      background-color: $viewer__DocumentBusyIndicatorColor;
+      animation: rectangle-bounce $animation-duration infinite ease-in-out;
+    }
+    .rect-2 {
+      animation-delay: -$animation-duration + 0.1;
+    }
+    .rect-3 {
+      animation-delay: -$animation-duration + 0.2;
+    }
+    .rect-4 {
+      animation-delay: -$animation-duration + 0.3;
+    }
+    .rect-5 {
+      animation-delay: -$animation-duration + 0.4;
+    }
+  }
+}
+
+@keyframes rectangle-bounce {
+  0%,
+  40%,
+  100% {
+    transform: scaleY(0.4);
+  }
+  20% {
+    transform: scaleY(1);
+  }
+}

package/scss/pdf-viewer-canvas/_freetexteditor.scss

@@ -0,0 +1,28 @@
+.pwv-freetexteditor {
+  /* border: solid 1px #999999; */
+}
+.pwv-freetexteditor-toolbar {
+  position: absolute;
+  top: -105px;
+  left: 0;
+}
+
+.pwv-freetext-subject {
+  display: flex;
+  align-items: center;
+  height: $toolbarItem__height;
+  min-width: $toolbarItem__MinWidth;
+  margin: $toolbarItem__Margin;
+  background-color: $toolbarItem__BackgroundColor;
+  color: $toolbarItem__TextColor;
+
+  input {
+    width: 220px;
+    height: 30px;
+    border: none;
+    padding: 0.3rem;
+    box-sizing: border-box;
+    resize: none;
+    font-size: 0.9rem !important;
+  }
+}

package/scss/pdf-viewer-canvas/_index.scss

@@ -0,0 +1,7 @@
+@import 'layout';
+@import 'busy-loader';
+@import 'annotationborder';
+@import 'textselection';
+@import 'popup';
+@import 'freetexteditor';
+@import 'printservice';

package/scss/pdf-viewer-canvas/_layout.scss

@@ -0,0 +1,52 @@
+.pwv-ViewerCanvas {
+  display: flex;
+  flex-grow: 1;
+  align-items: stretch;
+}
+
+.pwv-canvas-toolbar {
+  flex-grow: 0;
+  flex-shrink: 0;
+  position: relative;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 10;
+  .pwv-DropdownPanel {
+    top: 38px !important;
+  }
+}
+
+.pwv-canvas-container {
+  display: flex;
+  align-items: stretch;
+  flex-direction: column;
+  position: relative;
+  flex-grow: 1;
+  > * {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+}
+
+.pwv-canvas-layers {
+  flex-grow: 1;
+  position: relative;
+  padding: 0;
+  margin: 0;
+  overflow: hidden;
+  touch-action: none;
+  background-color: $viewer__DocumentBackgroundColor;
+  > div {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    padding: 0;
+    margin: 0;
+    overflow: hidden;
+  }
+}