@vitrosoftware/common-ui-ts 1.0.10 → 1.1.12

package/css/white/controls/pdf-viewer/custom.css

@@ -0,0 +1,339 @@
+.btn {
+    padding: 2px 6px 0 6px;
+    height: 32px;
+    font-size: 12px;
+    cursor: pointer;
+}
+
+.pdf-note {
+    height: 20px;
+    padding-left: 8px;
+    padding-right: 8px;
+    border-radius: 10px;
+    background: yellow;
+    opacity: 0.7;
+    position: absolute;
+    cursor: pointer;
+    font-weight: bold;
+    line-height: 20px;
+    font-size: 14px;
+
+    transform-origin: top left;
+    z-index: 150;
+}
+
+.pdf-note:hover {
+    opacity: 0.95;
+}
+
+#dlgNoteTxt {
+	width: 100%;
+	max-width: 100%;
+	box-sizing: border-box;
+	height: calc(100% - 4px);
+    padding: 5px;
+    resize: none;
+}
+
+#dlgNoteTxt:focus,
+#dlgNoteTxt:active {
+    outline-width: 0 !important;
+}
+
+.ui-widget-overlay {
+	z-index: 10000;
+	opacity: 0.3 !important;
+}
+
+.ui-dialog {
+	z-index: 10001;
+}
+
+.ui-dialog .ui-dialog-content {
+    padding: 11px 8px 0 8px;
+}
+
+.ui-dialog .ui-dialog-buttonpane {
+    padding: 5px 2px 4px 7px;
+}
+
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active,
+a.ui-button:active,
+.ui-button:active,
+.ui-button.ui-state-active:hover {
+    border: 1px solid #474747;
+    background: #474747;
+    font-weight: normal;
+    color: hsl(0,0%,85%);
+}
+
+/* Sidebar */
+.body__sidebar-footer .btn,
+.body__sidebar,
+.body__sidebar-content,
+.body__sidebar-footer {
+    box-sizing: border-box;
+}
+
+.body__sidebar {
+    width: 278px;
+    background: #f8f8f8;
+    /*padding: 20px;*/
+    padding: 32px 10px 10px 10px;
+    height: calc(100% - 32px);
+    border-left: 1px solid silver;
+    border-right: 1px solid silver;
+    position: fixed;
+    top: 32px;
+    right: 0;
+    z-index: 900;
+}
+
+.body__sidebar-content {
+    /*background: #ffffff;*/
+    height: 100%;
+    /*margin-bottom: 20px;*/
+    /*padding: 5px;*/
+    font-size: 14px;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
+
+
+.body__sidebar-note-wrap {
+    background: #ffffff;
+    padding: 5px;
+    margin-top: 5px;
+    position: relative;
+}
+
+.body__sidebar-note-wrap.active:before {
+    content: "";
+    position: absolute;
+    top: -5px;
+    bottom: -5px;
+    left: -5px;
+    right: -5px;
+    background: #4D4D4D;
+    z-index: 1;
+}
+
+.body__sidebar-note-wrap.active .body__sidebar-note-name {
+    color: #ffffff;
+}
+
+.body__sidebar-note-wrap:first-child {
+    margin-top: 0;
+}
+
+.body__sidebar-note-name {
+    font-size: 12px;
+    font-weight: 600;
+    color: #283430;
+    padding-bottom: 2px;
+}
+
+.body__sidebar-note-date {
+    font-size: 11px;
+    color: #C3BFBF;
+}
+
+.body__sidebar-note-header {
+    padding-bottom: 5px;
+    border-bottom: 1px dotted #E0E0E0;
+    position: relative;
+    z-index: 10;
+}
+
+.body__sidebar-note-wrap textarea {
+    border: #E0E0E0;
+    color: #283430;
+    width: 100%;
+    resize: none;
+    overflow: hidden;
+    height: 60px;
+    box-sizing: border-box;
+    max-width: 100%;
+}
+
+.body__sidebar-note-wrap textarea,
+.body__sidebar-note-wrap.active textarea,
+.body__sidebar-note-wrap textarea:focus {
+    padding: 2px;
+}
+
+.body__sidebar-note-btn-delete span {
+    display: none;
+}
+
+.body__sidebar-note-btn-delete {
+    position: absolute;
+    width: 16px;
+    height: 16px;
+    right: 0;
+    top: 0;
+    background: url('@vitrosoftware/common-ui-ts/css/white/controls/pdf-viewer/img/delete.png') 2px 0 no-repeat;
+    cursor: pointer;
+}
+
+.body__sidebar-note-wrap.active .body__sidebar-note-btn-delete {
+    background: url('@vitrosoftware/common-ui-ts/css/white/controls/pdf-viewer/img/delete-active.png') 2px 0 no-repeat;
+}
+
+.body__sidebar-note-body {
+    padding-top: 5px;
+    position: relative;
+    z-index: 10;
+}
+
+.body__sidebar-note-expand-wrap {
+    text-align: right;
+}
+
+.body__sidebar-note-expand-btn {
+    font-size: 11px;
+    color: #C3BFBF;
+    text-transform: lowercase;
+    font-variant: small-caps;
+}
+
+.body__sidebar-note-expand-btn:not(.collapsed) .btn-expand,
+.body__sidebar-note-expand-btn.collapsed .btn-collapse {
+    display: none;
+}
+
+.btn-expand,
+.btn-collapse {
+    cursor: pointer;
+}
+
+.body__sidebar-note-title {
+    cursor: pointer;
+}
+
+.body__sidebar-footer {
+    padding: 20px 0 0 0;
+    border-top: 1px solid silver;
+    text-align: right;
+}
+
+.body__sidebar-footer .btn {
+    color: #fff;
+    background-color: #474747;
+    border-color: #293ccc;
+    cursor: pointer;
+    text-decoration: none;
+    display: inline-block;
+    font-weight: normal;
+    text-align: center;
+    vertical-align: middle;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    padding: 10px 14px;
+    font-size: 14px;
+    line-height: 12px;
+    border-radius: 0.25rem;
+    width: 70px;
+    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+}
+
+.body__sidebar-close {
+    position: absolute;
+    top: 4px;
+    left: 3px;
+    font-weight: 400;
+    padding: 2px 8px 7px 8px;
+    cursor: pointer;
+    transform: scaleX(1.2);
+    font-size: 18px;
+}
+
+.context-menu-list {
+    z-index: 200 !important;
+}
+
+/* Example - hide Download button from Viewer Toolbar */
+[data-l10n-id="download"] {
+    display: none !important;
+}
+
+
+html[dir='ltr'] .toolbarButton#btnDrawRectangle::before {
+    content: url('@vitrosoftware/common-ui-ts/css/white/controls/pdf-viewer/img/draw-annotation.png');
+    /*top: 5px;*/
+}
+
+html[dir='ltr'] .toolbarButton#btnToggleNotes::before {
+    content: url('@vitrosoftware/common-ui-ts/css/white/controls/pdf-viewer/img/hide-annotation.png');
+    /*top: 5px;*/
+}
+
+html[dir='ltr'] .toolbarButton#btnToggleNotes.show::before {
+    content: url('@vitrosoftware/common-ui-ts/css/white/controls/pdf-viewer/img/show-annotation.png');
+    /*top: 5px;*/
+}
+
+html[dir='ltr'] .toolbarButton#btnToggleSidebarNotes::before {
+    content: url('@vitrosoftware/common-ui-ts/css/white/controls/pdf-viewer/img/sidebar-notes-toggle.png');
+}
+
+html[dir='ltr'] .toolbarButton#btnCompare::before {
+    content: url('@vitrosoftware/common-ui-ts/css/white/controls/pdf-viewer/img/do-compare.png');
+}
+
+/* 2021.10.03 - Fix: annotations visibility in fullscreen mode */
+.pdfPresentationMode:fullscreen .svgsketch-wrap,
+.pdfPresentationMode:fullscreen a.pdf-note {
+    display: block;
+}
+
+.hide-annotations .svgsketch-wrap,
+.hide-annotations .pdf-note {
+    display: none;
+}
+
+#viewLayers {
+	display: none;
+}
+
+.notes-print-header {
+    display: none;
+}
+
+/* Fonts */
+.body__sidebar,
+.pdf-note,
+.context-menu-list {
+    font-family: Arial, sans-serif;
+}
+
+/* Show Text */
+body.show-presentation-txt #viewer .page .textLayer {
+    opacity: 1;
+}
+body.show-presentation-txt #viewer .page .textLayer span[role="presentation"] {
+    background: #ffffff;
+    color: #000000;
+    white-space: initial; /* TODO */
+    /*padding-right: 2px;*/
+    /*padding-left: 2px;*/
+}
+
+body.show-presentation-txt #viewer .page .textLayer span:empty {
+    opacity: 0;
+}
+
+html[dir='ltr'] .toolbarButton#btnCompare::before,
+.toolbarButton#btnToggleSidebarNotes::before,
+.toolbarButton#btnToggleNotes::before,
+.toolbarButton#btnDrawRectangle::before {
+    background-color: transparent !important;
+}

package/css/white/controls/pdf-viewer/debugger.css

@@ -0,0 +1,113 @@
+/* Copyright 2014 Mozilla Foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#PDFBug,
+#PDFBug input,
+#PDFBug button,
+#PDFBug select {
+  font: message-box;
+}
+#PDFBug {
+  background-color: rgba(255, 255, 255, 1);
+  border: 1px solid rgba(102, 102, 102, 1);
+  position: fixed;
+  top: 32px;
+  right: 0;
+  bottom: 0;
+  font-size: 10px;
+  padding: 0;
+  width: 300px;
+}
+#PDFBug .controls {
+  background: rgba(238, 238, 238, 1);
+  border-bottom: 1px solid rgba(102, 102, 102, 1);
+  padding: 3px;
+}
+#PDFBug .panels {
+  bottom: 0;
+  left: 0;
+  overflow: auto;
+  position: absolute;
+  right: 0;
+  top: 27px;
+}
+#PDFBug .panels > div {
+  padding: 5px;
+}
+#PDFBug button.active {
+  font-weight: bold;
+}
+.debuggerShowText,
+.debuggerHideText:hover {
+  background-color: rgba(255, 255, 0, 1);
+}
+#PDFBug .stats {
+  font-family: courier;
+  font-size: 10px;
+  white-space: pre;
+}
+#PDFBug .stats .title {
+  font-weight: bold;
+}
+#PDFBug table {
+  font-size: 10px;
+  white-space: pre;
+}
+#PDFBug table.showText {
+  border-collapse: collapse;
+  text-align: center;
+}
+#PDFBug table.showText,
+#PDFBug table.showText tr,
+#PDFBug table.showText td {
+  border: 1px solid black;
+  padding: 1px;
+}
+#PDFBug table.showText td.advance {
+  color: grey;
+}
+
+#viewer.textLayer-visible .textLayer {
+  opacity: 1;
+}
+
+#viewer.textLayer-visible .canvasWrapper {
+  background-color: rgba(128, 255, 128, 1);
+}
+
+#viewer.textLayer-visible .canvasWrapper canvas {
+  mix-blend-mode: screen;
+}
+
+#viewer.textLayer-visible .textLayer span {
+  background-color: rgba(255, 255, 0, 0.1);
+  color: rgba(0, 0, 0, 1);
+  border: solid 1px rgba(255, 0, 0, 0.5);
+  box-sizing: border-box;
+}
+
+#viewer.textLayer-visible .textLayer span[aria-owns] {
+  background-color: rgba(255, 0, 0, 0.3);
+}
+
+#viewer.textLayer-hover .textLayer span:hover {
+  background-color: rgba(255, 255, 255, 1);
+  color: rgba(0, 0, 0, 1);
+}
+
+#viewer.textLayer-shadow .textLayer span {
+  background-color: rgba(255, 255, 255, 0.6);
+  color: rgba(0, 0, 0, 1);
+}

package/css/white/controls/pdf-viewer/form.css

@@ -0,0 +1,133 @@
+.uk-button {
+    margin: 0;
+    border: none;
+    overflow: visible;
+    font: inherit;
+    color: inherit;
+    text-transform: none;
+    -webkit-appearance: none;
+    border-radius: 0;
+    display: inline-block;
+    box-sizing: border-box;
+    padding: 0 30px;
+    vertical-align: middle;
+    font-size: 14px;
+    line-height: 38px;
+    text-align: center;
+    text-decoration: none;
+    text-transform: uppercase;
+    transition: .1s ease-in-out;
+    transition-property: color,background-color,border-color;
+}
+
+.uk-button {
+    margin-right: 6px;
+}
+
+.uk-button:last-child {
+    margin-right: 0;
+}
+
+.uk-button:not(:disabled) {
+    cursor: pointer;
+}
+
+.uk-button-default {
+    background-color: transparent;
+    color: #222;
+    border: 1px solid #e5e5e5;
+}
+
+.uk-button-primary {
+    background-color: #1e87f0;
+    color: #fff;
+    border: 1px solid transparent;
+}
+
+.uk-button:hover {
+    text-decoration: none;
+}
+
+.uk-button-default:hover {
+    background-color: transparent;
+    color: #222;
+    border-color: #b2b2b2;
+}
+
+.uk-button-primary:hover {
+    background-color: #0f7ae5;
+    color: #fff;
+}
+
+.close {
+    position: absolute;
+    right: 23px;
+    top: calc(50% - 16px);
+    width: 32px;
+    height: 32px;
+    opacity: 0.3;
+    cursor: pointer;
+}
+
+.close.color-light {
+    opacity: 0.75;
+}
+
+.close:hover {
+    opacity: 1;
+}
+
+.close:before,
+.close:after {
+    position: absolute;
+    left: 15px;
+    top: 4px;
+    content: ' ';
+    height: 24px;
+    width: 2px;
+    background-color: #333;
+}
+
+.close.color-light:before,
+.close.color-light:after {
+    background-color: #ffffff;
+}
+
+.close:before {
+    transform: rotate(45deg);
+}
+.close:after {
+    transform: rotate(-45deg);
+}
+
+.form-body label {
+    font-size: 14px;
+    display: block;
+    padding-bottom: 8px;
+}
+
+.form-body input,
+.form-body textarea,
+.form-body select {
+    box-sizing: border-box;
+}
+
+.form-body input,
+.form-body select {
+    height: 35px;
+    border: 1px solid #DAE1E6;
+    padding: 0 10px 0 10px;
+    min-width: 85px;
+}
+
+.form-body .field-grp {
+    padding-bottom: 15px;
+}
+
+.form-body .field-grp:last-child {
+    padding-bottom: 0;
+}
+
+.form-body .w-100 {
+    width: 100%;
+}