legalesign-document-viewer 0.4.8 → 0.4.9

package/dist/cjs/ls-document-options_46.cjs.entry.js

@@ -24920,7 +24920,7 @@ const getGroupData = (id) => {
 
 const lsDocumentViewerCss = "*,*::before,*::after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:host{display:flex;flex-direction:row;width:100vw;height:100vh;margin:0px;padding:0px}.left-slot-wrapper{position:fixed;top:0.375rem;left:0.675rem;z-index:2000}slot{justify-content:center;align-items:center;border-radius:1rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;width:fit-content;background-color:var(--green-30, #9df5d4);color:var(--green-100, #125241)}.right-slot-wrapper{position:fixed;top:0.375rem;right:0.675rem;z-index:2000}.validation-tag-wrapper{position:fixed;top:0.375rem;right:0.375rem;z-index:2000}#my-field-panel{position:relative;height:calc(100% - 4.313rem)}.leftBox{position:relative;border-radius:1rem;border:1px solid var(--gray-30, #edeff2);background:var(--white, #fff);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);width:21.25rem;margin:1rem;min-width:21.25rem;max-height:100%;z-index:1000;left:0;top:0}.left-box-inner{position:relative;display:flex;height:100%;padding:0.75rem;gap:0.75rem}.rightBox{border:1px gray solid;width:29.375rem;min-width:24.375rem;padding:0.25rem;font-family:inherit}.toolbox{display:flex;flex-direction:column;width:100%;height:100%;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--gray-10, #f7f8fa);padding:0.75rem;gap:1rem;overflow-y:auto}.compose-toolbox{display:flex;flex-direction:column;width:100%;height:100%;overflow:none;border-radius:0;border:none;background:white;padding:0.25rem}.recipients-box{position:relative;display:flex;flex-direction:column;gap:0.75rem;overflow-y:auto;width:calc(100% + 0.25rem);padding:0.75rem 0.25rem 0.25rem 0.25rem}.scroll-gradient-top{position:absolute;top:5.9375rem;left:0;width:100%;height:1rem;background:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));pointer-events:none;z-index:100}.scroll-gradient-bottom{position:absolute;bottom:1rem;left:0.75rem;width:calc(100% - 1.5rem);height:1rem;background:linear-gradient(to top, white, rgba(255, 255, 255, 0));pointer-events:none;z-index:100}.ls-editor-infobox{padding:0.125rem 0.5rem 0.125rem 0.5rem}#pdf-canvas{top:0px;left:0px;width:6.25rem;height:6.25rem;box-shadow:0 0.5rem 2rem 0 rgba(0, 0, 0, 0.12)}#ls-mid-area{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;width:100vw;height:100%}.document-frame-wrapper{display:flex;flex-direction:column;justify-content:start;align-items:start;overflow:visible;max-height:100%;width:100vw;overflow:scroll;padding:5rem 23.75rem 2rem 23.75rem}#ls-document-frame{position:relative;height:98vh;margin-right:auto;margin-left:auto}.prevButton{position:relative;bottom:1.875rem}.nextButton{position:relative;bottom:1.875rem}.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;width:100vw;height:calc(100vh - 2.25rem);position:relative;background:var(--gray-10, #f7f8fa);box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.04) inset, 0 10px 15px 0 rgba(0, 0, 0, 0.04) inset}.hidden{visibility:hidden;display:none;width:0px}.toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.fields-box{display:flex;flex-direction:column;gap:0.75rem}.page-header{display:flex;height:2.25rem;gap:0.5rem;padding:0.25rem 0.75rem;justify-content:center;align-items:center}.header-text-1{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.header-text-2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.properties-header{display:flex;padding:1rem;gap:0.75rem;align-items:center;border-bottom:1px solid var(--gray-20, #edeff2)}.properties-header-title{color:var(--gray-100, #45484d);width:100%;font-size:1.5rem;font-style:normal;font-weight:500;line-height:2rem;}.properties-header-icon{display:flex;padding:0.5rem;border-radius:0.625rem;background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;cursor:pointer;color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.field-properties-outer{position:relative;height:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
 
-pdfExports.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.5.207/pdf.worker.min.js';
+pdfExports.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@5.4.449/build/pdf.worker.min.mjs`;
 const LsDocumentViewer = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -25288,8 +25288,8 @@ const LsDocumentViewer = class {
                 this.canvas.width = Math.floor(viewport.width);
                 // Render PDF page into canvas context
                 const renderContext = {
-                    viewport,
                     canvasContext: this.ctx,
+                    viewport,
                 };
                 // Render page method
                 const renderTask = page.render(renderContext);
@@ -25448,7 +25448,7 @@ const LsDocumentViewer = class {
         return this.filtertoolbox === null || this.filtertoolbox.split('|').includes(fieldFormType);
     }
     render() {
-        return (index.h(index.Host, { key: '62402c417f86fc4281d953b1a4f8709d0f1d6cd7' }, index.h(index.h.Fragment, null, this.isLoading && index.h("ls-page-loader", { key: '15a4db508ee9d16e44a9e84ac4c5be7f2c4f3686' }), index.h("div", { key: '76f9909417bc27bb9bc2f2524076f05d6c88e9bf', class: "page-header" }, index.h("div", { key: 'e859052dfb395701cc79b273e93877028628cf15', class: 'left-slot-wrapper' }, index.h("slot", { key: '34dfd7d2989bb1f96ee822517a709a4ed9820705', name: "left-button" })), index.h("div", { key: '1d6a035338ce475b564679b7ca1722133247d7b4', class: 'right-slot-wrapper' }, index.h("slot", { key: '266cce39667d3d4455ffc2f0ce2f20ee27058759', name: "right-button" })), this.mode === 'editor' && (index.h("div", { key: 'd54a9943c81adf4b8fe1906aa5c162b05a657373' }, index.h("span", { key: '7f81f4fa0ef0a94f1fac293aca22aa61ec273196', class: "header-text-1" }, "Template Creation"), index.h("span", { key: 'e949e88dc267a1d6317d222dbbdfde6a4953243a' }, "/"), index.h("span", { key: 'f9f9bad3007748b69d6a9371caab1f1cf0134be9', class: "header-text-2" }, this._template?.title))), this.mode === 'compose' && (index.h("div", { key: 'a3a1247ae9f2f3a0af62f8edf126d4a183062ba1', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, index.h("span", { key: '5481c7f19fd6f0bb01ef4ac2423bf31c89044fac', class: "header-text-1" }, "Compose"), " ", index.h("span", { key: '80b479704b6cb18916e573958930bb7e30b0010a' }, "/"), " ", index.h("ls-title-input", { key: 'c21d49a7e4eeaebbc8c1234f0b73d0a2b93aa5d3', template: this._template })))), this.mode === 'editor' && (index.h("div", { key: '574f02201940531dab79ea39680935d987bd581d', class: 'validation-tag-wrapper' }, index.h("ls-validation-tag", { key: 'ce68bb580c64ef38b5ab9fe286a2c01dac46a802', validationErrors: this.validationErrors }))), index.h("form", { key: '13325057436527a2aee93c34d43cf2c9f9cd7e9e', id: "ls-editor-form" }, this.mode !== 'preview' ? (index.h("div", { id: "ls-left-box", class: "leftBox", style: this.mode === 'compose' ? { borderRadius: '1.75rem' } : {} }, index.h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, this.mode === 'editor' && (index.h("ls-feature-column", { mode: this.mode, onManage: manager => {
+        return (index.h(index.Host, { key: '1b0f43587c5ad9a67f270a392c6ba8afcc0f14e3' }, index.h(index.h.Fragment, null, this.isLoading && index.h("ls-page-loader", { key: '06b758ed6065b14828f50e61b12390e6a4f99c79' }), index.h("div", { key: 'fa9d8c2f9a88c4499eb87f418c947e0d39ff0a04', class: "page-header" }, index.h("div", { key: 'dab52a025182879f35e7a3b4046e027654d3b7f5', class: 'left-slot-wrapper' }, index.h("slot", { key: '089b286e1e2ed2e978a522e63ba4c46573a0fdfd', name: "left-button" })), index.h("div", { key: '3fd7c33f83675a19497e9c9e0e8a34af7803fda7', class: 'right-slot-wrapper' }, index.h("slot", { key: 'c4ff4be0e63ad26967f9fdfa52d0c0cb55315144', name: "right-button" })), this.mode === 'editor' && (index.h("div", { key: '3239a1bace9efb2d12266f66e3dacafa21e58e17' }, index.h("span", { key: 'ed1f838de84e364e8a88934ec3495b6b843b70dd', class: "header-text-1" }, "Template Creation"), index.h("span", { key: 'b0eda881de0395e83211b2d92a2511a42324b828' }, "/"), index.h("span", { key: '04cac9d4cb09316c48e72f0fb0e5ddfea5f707e5', class: "header-text-2" }, this._template?.title))), this.mode === 'compose' && (index.h("div", { key: '2373762eec99b1d26c95aa940a31b409c26ee3ca', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, index.h("span", { key: '8367e2d51d906bc1aae2aaa9e8e0ccc08b2bbd61', class: "header-text-1" }, "Compose"), " ", index.h("span", { key: '070acf4f705c9ced6a458c3452493e13f257c252' }, "/"), " ", index.h("ls-title-input", { key: '4364ce5db59d3a902a85ab43f89771dbd5eb307b', template: this._template })))), this.mode === 'editor' && (index.h("div", { key: 'e07b31facd0fe9bad28d7bfdc2c5885cdf9c8a7c', class: 'validation-tag-wrapper' }, index.h("ls-validation-tag", { key: 'f0901900e71ac857f2174aa371e0dcfbb5604894', validationErrors: this.validationErrors }))), index.h("form", { key: '04bf2dcc77db554669a6100faa9ef8af79997b5a', id: "ls-editor-form" }, this.mode !== 'preview' ? (index.h("div", { id: "ls-left-box", class: "leftBox", style: this.mode === 'compose' ? { borderRadius: '1.75rem' } : {} }, index.h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, this.mode === 'editor' && (index.h("ls-feature-column", { mode: this.mode, onManage: manager => {
                 if (manager.detail === 'document') {
                     var documentManager = this.component.shadowRoot.getElementById('ls-document-options');
                     documentManager.template = this._template;
@@ -25467,7 +25467,7 @@ const LsDocumentViewer = class {
             this._recipients.map(recipient => (index.h("ls-recipient-card", { recipient: recipient, activeRecipient: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, "data-signer-index": recipient.signerIndex })))))), !this.displayTable && (index.h("div", { class: this.selected.length > 0 ? 'field-properties-outer' : 'hidden' }, index.h("div", { class: 'properties-header' }, index.h("div", { class: 'properties-header-icon' }, index.h("ls-icon", { name: "pre-filled-content" })), index.h("h1", { class: 'properties-header-title' }, "Field Properties"), index.h("button", { class: 'tertiaryGrey', onClick: e => {
                 this.selected = [];
                 e.preventDefault();
-            }, "data-tooltip": "Close Properties Panel" }, index.h("ls-icon", { name: "x", size: "1.25rem" }))), index.h("ls-field-properties", { id: "my-field-panel" }), index.h("slot", null))))) : (index.h(index.h.Fragment, null)), this.selected.length > 0 && index.h("ls-toolbar", { key: '3dfaa11e478b1869eef9a3a4aa90a522b9a533b2', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo }), index.h("div", { key: 'ecca8f68c1cb6745ee0322dd4b32d903f40ffc9e', id: "ls-mid-area" }, index.h("div", { key: '4e70ad5fb15755747fa78385a14b0b5c1629af2d', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, index.h("div", { key: '49f3923bb36f1415e791771588aa11b4d5272cad', id: "ls-document-frame" }, index.h("canvas", { key: '6632d26bba751070acf649939d2e090763d3b7e1', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'hidden' : '' }), index.h("ls-editor-table", { key: '5528e11634d1eeee5fdf1c40f390be5fcc53a757', editor: this, class: this.displayTable ? '' : 'hidden' }), index.h("div", { key: 'd7db1734c8340f5914086992e96ee211aea42e51', id: "ls-box-selector" }))), index.h("ls-statusbar", { key: 'b03bf614bc06460a573ee9a83756a1d1e424bd83', editor: this, page: this.pageNum, pageCount: this.pageCount })))), index.h("ls-tooltip", { key: '016522d8cf6bc49ab28eb556395d0d1d28f53a02', id: "ls-tooltip-master" })));
+            }, "data-tooltip": "Close Properties Panel" }, index.h("ls-icon", { name: "x", size: "1.25rem" }))), index.h("ls-field-properties", { id: "my-field-panel" }), index.h("slot", null))))) : (index.h(index.h.Fragment, null)), this.selected.length > 0 && index.h("ls-toolbar", { key: '019a27378b966ba7e66f734bcef8c6b15a2438d9', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo }), index.h("div", { key: '1f9de8b536ea17fdd07a85acb27c91948bd2f5ef', id: "ls-mid-area" }, index.h("div", { key: '603716b0c315bfccd9f5e1bae89a8d4e79a14508', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, index.h("div", { key: 'ebd8c1a0611e38cbdd3df4e04db9db5b8f9fdfaa', id: "ls-document-frame" }, index.h("canvas", { key: '0b7ebc30d731949d4dc889105309c9f0cdbf76bd', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'hidden' : '' }), index.h("ls-editor-table", { key: '975f3012212aafe8f1d18a8e9687d1af4c88fb28', editor: this, class: this.displayTable ? '' : 'hidden' }), index.h("div", { key: '71be123371eafb8a66ba8950dac1a948a09e1cc3', id: "ls-box-selector" }))), index.h("ls-statusbar", { key: '9dd7211c2ccd0ac51a1020c6f87a1767d3a0b6af', editor: this, page: this.pageNum, pageCount: this.pageCount })))), index.h("ls-tooltip", { key: '34fa0cf7608b8d182070de4566117de7eec91019', id: "ls-tooltip-master" })));
     }
     static get watchers() { return {
         "mode": ["modeHandler"],