legalesign-document-viewer 0.0.7 → 0.0.8

package/dist/collection/components/ls-document-viewer/keyHandlers.js

@@ -0,0 +1,62 @@
+import { alter, oob } from "./editorUtils";
+export function keyDown(ev) {
+    if (this.selected && this.selected?.length > 0) {
+        // utils need binding to the context
+        const altbound = alter.bind(this);
+        if (ev.key === 'ArrowDown') {
+            console.log('down arrow pressed');
+            altbound(original => {
+                const alterElement = {
+                    ...original,
+                    top: original.top + 1,
+                    ay: original.ay + 1,
+                    by: original.by + 1,
+                };
+                return oob(alterElement) ? original : alterElement;
+            });
+        }
+        else if (ev.key === 'ArrowUp') {
+            console.log('up arrow pressed');
+            altbound(original => {
+                const alterElement = {
+                    ...original,
+                    top: original.top - 1,
+                    ay: original.ay - 1,
+                    by: original.top - 1,
+                };
+                return oob(alterElement) ? original : alterElement;
+            });
+        }
+        else if (ev.key === 'ArrowRight') {
+            console.log('right arrow pressed');
+            altbound(original => {
+                const alterElement = {
+                    ...original,
+                    left: original.left + 1,
+                    ax: original.ax + 1,
+                    bx: original.bx + 1,
+                };
+                return oob(alterElement) ? original : alterElement;
+            });
+        }
+        else if (ev.key === 'ArrowLeft') {
+            console.log('left arrow pressed');
+            altbound(original => {
+                const alterElement = {
+                    ...original,
+                    left: original.left - 1,
+                    ax: original.ax - 1,
+                    bx: original.bx - 1,
+                };
+                return oob(alterElement) ? original : alterElement;
+            });
+        }
+        else if (ev.key === 'Delete') {
+            const arr = Array.from(this.selected);
+            this.update.emit(arr.map(s => {
+                return { action: 'delete', data: s.dataItem };
+            }));
+        }
+    }
+}
+//# sourceMappingURL=keyHandlers.js.map

package/dist/collection/components/ls-document-viewer/keyHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyHandlers.js","sourceRoot":"","sources":["../../../src/components/ls-document-viewer/keyHandlers.ts"],"names":[],"mappings":"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","sourcesContent":["import { LsEditorField } from '../ls-editor-field/ls-editor-field';\nimport { alter, oob } from './editorUtils';\n\nexport function keyDown(ev: KeyboardEvent) {\n  if (this.selected && this.selected?.length > 0) {\n    // utils need binding to the context\n    const altbound = alter.bind(this);\n\n    if (ev.key === 'ArrowDown') {\n      console.log('down arrow pressed');\n      altbound(original => {\n        const alterElement = {\n          ...original,\n          top: original.top + 1,\n          ay: original.ay + 1,\n          by: original.by + 1,\n        };\n\n        return oob(alterElement) ? original : alterElement;\n      });\n    } else if (ev.key === 'ArrowUp') {\n      console.log('up arrow pressed');\n      altbound(original => {\n        const alterElement = {\n          ...original,\n          top: original.top - 1,\n          ay: original.ay - 1,\n          by: original.top - 1,\n        };\n\n        return oob(alterElement) ? original : alterElement;\n      });\n    } else if (ev.key === 'ArrowRight') {\n      console.log('right arrow pressed');\n      altbound(original => {\n        const alterElement = {\n          ...original,\n          left: original.left + 1,\n          ax: original.ax + 1,\n          bx: original.bx + 1,\n        };\n\n        return oob(alterElement) ? original : alterElement;\n      });\n    } else if (ev.key === 'ArrowLeft') {\n      console.log('left arrow pressed');\n      altbound(original => {\n        const alterElement = {\n          ...original,\n          left: original.left - 1,\n          ax: original.ax - 1,\n          bx: original.bx - 1,\n        };\n        return oob(alterElement) ? original : alterElement;\n      });\n    } else if (ev.key === 'Delete') {\n      const arr = Array.from(this.selected) as LsEditorField[];\n      this.update.emit(\n        arr.map(s => {\n          return { action: 'delete', data: s.dataItem };\n        }),\n      );\n    }\n  }\n}\n"]}

package/dist/collection/components/ls-document-viewer/ls-document-viewer.css

@@ -0,0 +1,156 @@
+/* 1. Use a more-intuitive box-sizing model */
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+/* 2. Remove default margin */
+* {
+  margin: 0;
+}
+
+/* 3. Enable keyword animations */
+@media (prefers-reduced-motion: no-preference) {
+  html {
+    interpolate-size: allow-keywords;
+  }
+}
+
+body {
+  /* 4. Add accessible line-height */
+  line-height: 1.5;
+  /* 5. Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/* 6. Improve media defaults */
+img, picture, video, canvas, svg {
+  display: block;
+  max-width: 100%;
+}
+
+/* 7. Inherit fonts for form controls */
+input, button, textarea, select {
+  font: inherit;
+}
+
+/* 8. Avoid text overflows */
+p, h1, h2, h3, h4, h5, h6 {
+  overflow-wrap: break-word;
+}
+
+/* 9. Improve line wrapping */
+p {
+  text-wrap: pretty;
+}
+h1, h2, h3, h4, h5, h6 {
+  text-wrap: balance;
+}
+
+/*
+  10. Create a root stacking context
+*/
+#root, #__next {
+  isolation: isolate;
+}
+
+
+:host {
+  display: flex;
+  flex-direction: row;
+  width: 100vw;
+  height: 100vh;
+  margin: 0px;
+  padding: 0px;
+}
+
+.leftBox {
+  display: flex;
+  flex-direction: row;
+  min-width: 250px;
+  width: 250px;
+  border: 1px gray solid;
+}
+
+.rightBox {
+  width: 200px;
+  border: 1px gray solid;
+    width: 470px;
+  min-width: 390px;
+  padding: 4px;
+  font-family: inherit;  
+}
+
+.toolbox {
+  display: flex;
+  flex-direction: column;
+  width: 250px;
+  left: 0px;
+}
+
+.ls-editor-infobox {
+  padding: 2px 8px 2px 8px;
+  color: #727272;
+}
+
+#pdf-canvas {
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height:100%;
+}
+
+#ls-mid-area {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+#ls-document-frame {
+  background-image: repeating-linear-gradient(rgba(175, 176, 178, 0.4) 0px, rgba(175, 176, 178, 0.4) 1px, transparent 1px, transparent 100%), repeating-linear-gradient(90deg, rgba(175, 176, 178, 0.4) 0px, rgba(175, 176, 178, 0.4) 1px, transparent 1px, transparent 100%);
+  border: 4px  rgb(126, 126, 126) solid;
+  position: relative;
+  min-width: 60vw;
+  width: 100%;
+  height: 98vh;
+  max-width: 100%;
+  max-height:100%;
+  margin: 0px;
+  padding: 2px;
+  overflow-x: scroll;
+  overflow-y: scroll;
+  background-color: rgb(181, 181, 181);
+  scrollbar-width: auto;
+  scrollbar-color: auto;
+}
+.prevButton {
+  position: relative;
+  bottom: 30px;
+}
+
+.nextButton {
+  position: relative;
+  bottom: 30px;
+}
+
+.fieldBox {
+  z-index: 1000;
+}
+
+#ls-box-selector {
+  position: absolute;
+  visibility: hidden;
+  background-color: transparent;
+  border: 1px rgba(71, 71, 71, 0.716) dashed;
+}
+
+#ls-editor-form {
+  display: flex;
+  flex-direction: row;
+  width: 100vw;
+}
+
+.hidden {
+  visibility: hidden;
+  display: none;
+  width: 0px;
+}