legalesign-document-viewer 0.10.10 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ls-compose-loader_7.cjs.entry.js +1 -1
- package/dist/cjs/ls-document-viewer.cjs.entry.js +5 -5
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.css +7 -0
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js +13 -7
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js.map +1 -1
- package/dist/components/ls-document-viewer.js +6 -6
- package/dist/components/ls-document-viewer.js.map +1 -1
- package/dist/components/ls-statusbar.js +1 -1
- package/dist/components/{p-C9q-DFKo.js → p-CAm8iIfB.js} +3 -3
- package/dist/components/{p-C9q-DFKo.js.map → p-CAm8iIfB.js.map} +1 -1
- package/dist/esm/ls-compose-loader_7.entry.js +1 -1
- package/dist/esm/ls-document-viewer.entry.js +5 -5
- package/dist/esm/ls-document-viewer.entry.js.map +1 -1
- package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
- package/dist/ls-document-viewer/{p-a6fc2b1a.entry.js → p-0643c987.entry.js} +2 -2
- package/dist/ls-document-viewer/p-0643c987.entry.js.map +1 -0
- package/dist/ls-document-viewer/{p-fb2684f8.entry.js → p-6e6f2681.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-fb2684f8.entry.js.map → p-6e6f2681.entry.js.map} +1 -1
- package/dist/types/components/ls-document-viewer/ls-document-viewer.d.ts +1 -0
- package/dist/types/components.d.ts +4 -4
- package/package.json +1 -1
- package/readme.md +9 -3
- package/dist/ls-document-viewer/p-a6fc2b1a.entry.js.map +0 -1
|
@@ -366,7 +366,7 @@ const LsSelectMenu = class {
|
|
|
366
366
|
};
|
|
367
367
|
LsSelectMenu.style = lsSelectMenuCss();
|
|
368
368
|
|
|
369
|
-
const version = "0.
|
|
369
|
+
const version = "1.0.0";
|
|
370
370
|
|
|
371
371
|
const lsStatusbarCss = () => `:host{position:absolute;z-index:1000;left:23.625rem;right:0.5rem;bottom:1rem;display:flex;flex-direction:row;gap:0.5rem;align-items:end;justify-content:space-between;height:2.25rem;overflow:visible}:host(.ls-dv-statusbar-preview){left:0;right:0;justify-content:center}.ls-dv-status-bar-group{display:flex;flex-direction:row;gap:0.5rem;align-items:end}.ls-dv-controls-bar{display:flex;flex-direction:row;background-color:white;border:1px solid var(--gray-30, #e0e2e5);box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);border-radius:1.125rem;height:fit-content}.ls-dv-page-nav{margin-left:-6rem;position:relative}:host(.ls-dv-statusbar-preview) .ls-dv-page-nav{margin-left:0}*{margin:0;padding:0;box-sizing:border-box}.ls-dv-status-bar-section{display:flex;flex-direction:row;align-items:center;gap:0.625rem;padding:0 0.625rem;height:2.25rem}.ls-dv-controls-bar>:not(:nth-child(1)){border-left:1px solid var(--gray-30, #e0e2e5)}button{border:0}button:hover{color:var(--gray-100, #45484d);border-radius:0.625rem}button:disabled{color:var(--gray-40, #d8d9dc);cursor:not-allowed}input[type=range]{-webkit-appearance:none;width:100%;height:0.5rem;background:var(--gray-20, #edeff2);border-radius:0.25rem;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0.5rem;height:0.5rem;background:var(--gray-70, #939599);border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:0.5rem;height:0.5rem;background:var(--gray-70, #939599);border:none;border-radius:50%;cursor:pointer}input[type=range]::-moz-range-track{background:var(--gray-20, #edeff2);height:0.5rem;border-radius:0.25rem}input[type=range]::-webkit-slider-runnable-track{background:var(--gray-20, #edeff2);height:0.5rem;border-radius:0.25rem}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}span{color:var(--gray-80, #6f7176);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)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-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, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}button{all:unset;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--gray-80, #6f7176);text-transform:capitalize}button.ls-dv-tertiary-grey:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-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, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}.ls-dv-zoom-level-btn{font-family:var(--font-family);font-size:var(--text-sm);font-weight:400;color:var(--gray-80, #6f7176);padding:0.25rem 0.375rem;border-radius:0.25rem;margin:0 -0.25rem}.ls-dv-zoom-level-btn:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-zoom-menu{position:absolute;width:6rem;bottom:3rem;left:1rem;background:white;border:1px solid var(--gray-30, #e0e2e5);border-radius:1rem;box-shadow:0px 4px 24px rgba(0, 0, 0, 0.12);padding:0.25rem;z-index:1001;display:flex;flex-direction:column;gap:0.25rem}.ls-dv-page-menu{left:auto;max-height:60cqh;overflow-y:auto}.ls-dv-zoom-menu-item{position:relative;font-family:var(--font-family);font-size:var(--text-sm);font-weight:400;color:var(--gray-80, #6f7176);padding:0.375rem 0.625rem;border-radius:0.825rem;display:flex;align-items:center;justify-content:space-between}.ls-dv-zoom-menu-item:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-zoom-menu-item.active{font-weight:500;color:var(--primary-70, #2134dc);background:var(--primary-10, #eff4ff)}.ls-dv-thumbnail-popover{position:absolute;bottom:3rem;right:-3rem;background:white;border:1px solid var(--gray-30, #e0e2e5);border-radius:1.75rem;box-shadow:0px 8px 24px rgba(0, 0, 0, 0.15);padding:0.75rem;z-index:1001;max-height:80cqh;overflow:hidden;display:flex;flex-direction:column}.ls-dv-thumbnail-grid{background:var(--gray-10, #f7f8fa);padding:0.75rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:1rem;overflow-y:auto;max-height:100%}.ls-dv-thumbnail-wrapper{display:flex;flex-direction:column;align-items:center;gap:0.25rem;cursor:pointer}.ls-dv-thumbnail-wrapper>span:last-child{font-size:var(--text-xs, 0.75rem);color:var(--gray-80, #6f7176);font-weight:500}.ls-dv-thumbnail{border:1px solid var(--gray-30, #e0e2e5);border-radius:0.5rem;cursor:pointer;transition:border-color 0.15s}.ls-dv-thumbnail:hover{border-color:var(--primary-40, #79adfc);box-shadow:0 0 0 2px rgba(163, 180, 249, 0.3)}.ls-dv-thumbnail.active{border-color:var(--primary-60, #4456f6);outline:0.25rem solid var(--primary-30, #9dc3fc);box-shadow:var(--shadow-md)}.ls-dv-thumbnail-dots{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;margin-top:0.25rem}.ls-dv-thumbnail-dot{width:0.5rem;height:0.5rem;border-radius:50%;display:inline-block;border:2px solid var(--dot-color-60);background-color:var(--dot-color-40);cursor:pointer;transition:background-color 0.15s, border-color 0.15s}.ls-dv-thumbnail-dot:hover{background-color:var(--dot-color-60);border-color:var(--dot-color-70)}.ls-dv-version{position:absolute;bottom:100%;right:0;color:var(--gray-50, #afb0b2);font-size:0.625rem;padding-bottom:0.25rem;display:none}:host(.ls-dv-statusbar-preview) .ls-dv-version{display:block;bottom:-1.25rem;right:-0.5rem}`;
|
|
372
372
|
|
|
@@ -30472,7 +30472,7 @@ async function checkWitness(defaultExperience) {
|
|
|
30472
30472
|
await Promise.all(witActions);
|
|
30473
30473
|
}
|
|
30474
30474
|
|
|
30475
|
-
const lsDocumentViewerCss = () =>
|
|
30475
|
+
const lsDocumentViewerCss = () => `@charset "UTF-8";*,*::before,*::after{box-sizing:border-box}ls-editor-field{box-sizing:content-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:column;width:100%;height:100vh;position:relative;overflow:hidden;container-type:size;font-family:var(--font-family, "IBM Plex Sans", sans-serif);font-size:var(--text-sm);margin:0px;padding:0px}:host *{scrollbar-width:none}:host *::-webkit-scrollbar{display:none}.ls-dv-left-slot-wrapper{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);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)}.ls-dv-right-slot-wrapper{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);z-index:2000}.ls-dv-validation-tag-wrapper{position:absolute;top:1rem;right:1rem;z-index:2000;display:flex;width:100%;align-items:center;justify-content:center;padding:0.375rem;gap:0.5rem;width:fit-content;border-radius:1.25rem;border:1px solid var(--gray-20, #edeff2);background:var(--white, #ffffff);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.ls-dv-page-loader{position:absolute;display:flex;top:0;left:0;align-items:center;justify-content:center;background-color:rgba(251, 251, 251, 0.3);backdrop-filter:blur(2px);height:100%;width:100%;z-index:4000}.ls-dv-custom-loader-slot{position:absolute;top:0;left:0;height:100%;width:100%;z-index:3999}#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:100%;height:100%;overflow:hidden}.ls-dv-document-frame-wrapper{display:flex;flex-direction:column;justify-content:start;align-items:start;overflow:visible;max-height:100%;width:100%;overflow:scroll;padding:5rem 23.75rem 2rem 23.75rem;position:relative;user-select:none;-webkit-user-select:none}.ls-dv-document-frame-wrapper--preview{align-items:center;padding:2rem}.ls-dv-select-menu-position{position:absolute;top:0;left:calc(100% + 0.5rem);z-index:999}.ls-dv-select-menu-floating{z-index:999;pointer-events:auto}#ls-document-frame{position:relative;height:98cqh;margin-right:auto;margin-left:auto}.ls-dv-prev-button{position:relative;bottom:1.875rem}.ls-dv-next-button{position:relative;bottom:1.875rem}.ls-dv-field-box{z-index:1000}#ls-box-selector{position:absolute;visibility:hidden;background-color:color-mix(in srgb, var(--primary-20, #c7ddff) 20%, transparent);border:1px dashed var(--primary-50, #5185ff)}#ls-drag-selector{position:absolute;visibility:hidden;background-color:color-mix(in srgb, var(--primary-20, #c7ddff) 20%, transparent);border:1px dashed var(--primary-50, #5185ff)}#ls-editor-form{display:flex;width:100%;height:calc(100cqh - 2.25rem);min-height:0;position:relative;overflow:hidden;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}.ls-dv-hidden{visibility:hidden;display:none;width:0px}.ls-dv-page-header{position:relative;display:flex;height:2.25rem;gap:0.5rem;padding:0.25rem 0.75rem;justify-content:center;align-items:center}.ls-dv-header-text-1{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.ls-dv-header-text-2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.ls-dv-expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;cursor:pointer;color:var(--gray-80, #6f7176);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-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, #6f7176);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)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-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, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-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.625rem;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, #ffffff)}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, #ffffff)}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].ls-dv-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].ls-dv-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].ls-dv-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}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:var(--primary-60, #4456f6)}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.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-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, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}.ls-dv-error-state{position:absolute;display:flex;top:0;left:0;align-items:center;justify-content:center;height:100%;width:100%;z-index:4000;background-color:var(--gray-10, #f7f8fa)}.ls-dv-error-card{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:2rem;border-radius:0.75rem;background:white;box-shadow:0 0.25rem 1rem rgba(0, 0, 0, 0.08);max-width:24rem;text-align:center;color:var(--gray-80, #6f7176)}.ls-dv-error-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-weight:600;line-height:1.5rem}.ls-dv-error-message{color:var(--gray-80, #6f7176);font-size:0.875rem;line-height:1.25rem}`;
|
|
30476
30476
|
|
|
30477
30477
|
// Polyfill URL.parse for older browsers (used by pdfjs-dist)
|
|
30478
30478
|
if (typeof URL.parse !== 'function') {
|
|
@@ -31194,7 +31194,7 @@ const LsDocumentViewer = class {
|
|
|
31194
31194
|
}
|
|
31195
31195
|
}
|
|
31196
31196
|
this.validationErrors = editorUtils.validate.bind(this)(this._template);
|
|
31197
|
-
this.validate.emit({ valid: this.validationErrors.length === 0 });
|
|
31197
|
+
this.validate.emit({ valid: this.validationErrors.length === 0, errors: this.validationErrors });
|
|
31198
31198
|
}
|
|
31199
31199
|
initViewer() {
|
|
31200
31200
|
// Generate a canvas to draw the background PDF on.
|
|
@@ -31295,7 +31295,7 @@ const LsDocumentViewer = class {
|
|
|
31295
31295
|
}
|
|
31296
31296
|
//Revalidate
|
|
31297
31297
|
this.validationErrors = editorUtils.validate.bind(this)(this._template);
|
|
31298
|
-
this.validate.emit({ valid: this.validationErrors.length === 0 });
|
|
31298
|
+
this.validate.emit({ valid: this.validationErrors.length === 0, errors: this.validationErrors });
|
|
31299
31299
|
this.pageCount = this._template.pageCount;
|
|
31300
31300
|
this.selected = [];
|
|
31301
31301
|
this.setZoom(1.0);
|
|
@@ -31357,12 +31357,12 @@ const LsDocumentViewer = class {
|
|
|
31357
31357
|
return false;
|
|
31358
31358
|
}
|
|
31359
31359
|
render() {
|
|
31360
|
-
return (index.h(index.Host, { key: '
|
|
31360
|
+
return (index.h(index.Host, { key: '41e672088615bee6f6737cb80eff4ee35b173467' }, index.h(index.h.Fragment, null, this.isLoading && (index.h(index.h.Fragment, null, index.h("div", { key: 'f29dc2072c23799b34d1ddee1827a582d8681a37', class: 'ls-dv-page-loader' }, index.h("ls-loading-logo", { key: 'a281c5e92a6b7f0fb8940bc3715ecb5f2869c186', size: 200, colour: "var(--primary-60)" })), index.h("div", { key: '16aba0dac77d23ea8761400f59edfd37f0f7c081', class: 'ls-dv-custom-loader-slot' }, index.h("slot", { key: '5bae3038d8cb3287315750bbf1b62b739f7531b9', name: "custom-loader" })), this.mode === 'compose' && index.h("ls-compose-loader", { key: 'f73ef0e29aed7fd77259d28f521a9db644a33c74' }))), this.error && (index.h("div", { key: '623fe0925069b6d46e9f88bf59eb0765c7146b26', class: "ls-dv-error-state" }, index.h("div", { key: 'df454ea032270dff63e8b942c9b695e2c0d1855e', class: "ls-dv-error-card" }, index.h("ls-icon", { key: '7a8e1c4e98b384b5cf99582a98f6a579939cd075', name: "exclamation-circle-icon", size: 32, style: { color: 'var(--red-60, #dc2626)' } }), index.h("p", { key: '3fd349bd710b71504530622b556f8b6ee15ac093', class: "ls-dv-error-title" }, this.errorTitle), index.h("p", { key: 'f236120e11304f019dd6538177e6dfdd2520d8fe', class: "ls-dv-error-message" }, this.error)))), index.h("div", { key: 'b751f6a1df03c3c5d0f758cb25b4854b7c5e6b45', class: "ls-dv-page-header" }, index.h("div", { key: '1b3fb6792b6e0c4ccf692ed9ecf0c88754039d2a', class: 'ls-dv-left-slot-wrapper' }, index.h("slot", { key: '4fba280f158e162dff7895c695faeaf51652eba3', name: "left-button" })), index.h("div", { key: '594df0aaa106b27b1c3145077a914ded552641b9', class: 'ls-dv-right-slot-wrapper' }, index.h("slot", { key: '0574656c0701aebd03608bb3cf5b922a129c9321', name: "right-button" })), this.mode === 'editor' && (index.h("div", { key: '4e50bf9b0f232b76841706933c879dfcebd9e6e8' }, index.h("span", { key: '43aa31c1e03fd422f38b4e2e32f137067188eaf9', class: "ls-dv-header-text-1" }, i18n.dvI18n.t('viewer.templatecreation')), index.h("span", { key: 'e83720b695e2ee7415d90b7028e8a10378c840bf' }, "/"), index.h("span", { key: '6eb71539ea44ffbf9969e8fe2ad02ba6ede78c4f', class: "ls-dv-header-text-2" }, this._template?.title))), this.mode === 'compose' && (index.h("div", { key: '20aba0aeabe295f8b4774c13d94c9dc1a049a58a', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, index.h("slot", { key: '5c02b5c7feb8f61ca4e9a17a12eb1d627e389439', name: "top-bar" })))), index.h("form", { key: 'd2a745066e9f20cf2a934f6ee2ccf28f1350b02d', id: "ls-editor-form" }, index.h("ls-left-bar", { key: '5c272efb8f035cb44be637a8813d307a2ec8c7a8', mode: this.mode, selected: this.selected, manager: this.manager, signer: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, recipients: this._recipients, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, displayTable: this.displayTable, selectedDataItems: this.selectedDataItems, busy: this.isMutating, onManagerChange: e => this.handleManagerChange(e.detail), onClearSelected: () => {
|
|
31361
31361
|
this.unselect();
|
|
31362
31362
|
const toolbar = this.component.shadowRoot.getElementById('ls-toolbar');
|
|
31363
31363
|
if (toolbar)
|
|
31364
31364
|
toolbar.dataItem = [];
|
|
31365
|
-
} }, index.h("slot", { key: '
|
|
31365
|
+
} }, index.h("slot", { key: '212da412ab70117a08259e53c5ab1d3391a36bab', name: "recipient-panel", slot: "recipient-panel" })), index.h("ls-toolbar", { key: 'b0bbfcaea77e480826e48eb4ca1ec7e94dd73b80', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo, mode: this.mode, signer: this.signer, selected: this.selected, pageNum: this.pageNum }), index.h("div", { key: '338b5189ac5ebef752e6148b227f97e1af32fe5a', id: "ls-mid-area" }, index.h("div", { key: '9e9783aa5f9460103208ae739ed9c13d4a9a82a9', class: { 'ls-dv-document-frame-wrapper': true, 'ls-dv-document-frame-wrapper--preview': this.mode === 'preview' }, id: "document-frame-wrapper" }, index.h("div", { key: 'c3adae01095c64df979ed0b42273bcfeb726ccb3', id: "ls-document-frame" }, index.h("canvas", { key: '0065d1cea2c6a1260e0bad58c85af917497148c1', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'ls-dv-hidden' : '' }), index.h("ls-editor-table", { key: '00c3a6e99cba57dbf7ddd135879b326741399dc0', editor: this, class: this.displayTable ? '' : 'ls-dv-hidden' }), index.h("div", { key: 'b80f50fc1c914dc98cea6dacc17479268331f032', id: "ls-box-selector" }), index.h("div", { key: 'f41210934ca5cfc3d7317bf08f2bd190529e8229', id: "ls-drag-selector" }), this.mode !== 'preview' && !this._template?.locked && !this.isLoading && this._template?.elementConnection?.templateElements?.length > 0 && (index.h("ls-select-menu", { key: 'f6e4e0f23a1588f33f86d69a355a0bc39268985f', class: "ls-dv-select-menu-position", selected: this.selected, pageNum: this.pageNum, editor: this })), this.mode !== 'preview' && !this._template?.locked && !this.isLoading && this._template?.elementConnection?.templateElements?.length > 0 && (index.h("ls-select-menu", { key: '6feeeff4b2b0876fdcb72a9042f9aafe29d3441c', class: "ls-dv-select-menu-floating", selected: this.selected, pageNum: this.pageNum, editor: this, floating: true })))), index.h("ls-statusbar", { key: '732d065b7a2ddb9cb00bd9d06968689d0b8f00cc', editor: this, page: this.pageNum, pageCount: this.pageCount, mode: this.mode }), this.mode === 'editor' && (index.h("div", { key: 'bb356f7ad189d899f60c5b126703df1dbc31871c', class: 'ls-dv-validation-tag-wrapper' }, index.h("ls-validation-tag", { key: 'f3e66fc7762ba7427ae5d6d67dc514c14d303888', validationErrors: this.validationErrors }), index.h("slot", { key: 'be31427187414cb3d33f30b769446889f0bff990', name: "next-button" })))))), index.h("ls-tooltip", { key: 'a1ee3e98fae872db295fb358bbc45334e4376e44', tooltipId: "ls-dv-tooltip" })));
|
|
31366
31366
|
}
|
|
31367
31367
|
static get watchers() { return {
|
|
31368
31368
|
"language": ["languageChanged"],
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
1
2
|
/* 1. Use a more-intuitive box-sizing model */
|
|
2
3
|
*,
|
|
3
4
|
*::before,
|
|
@@ -5,6 +6,12 @@
|
|
|
5
6
|
box-sizing: border-box;
|
|
6
7
|
}
|
|
7
8
|
|
|
9
|
+
/* Preserve content-box for editor fields — their width/height is set
|
|
10
|
+
directly via inline styles and a 2px border must NOT eat into that. */
|
|
11
|
+
ls-editor-field {
|
|
12
|
+
box-sizing: content-box;
|
|
13
|
+
}
|
|
14
|
+
|
|
8
15
|
/* 2. Remove default margin */
|
|
9
16
|
* {
|
|
10
17
|
margin: 0;
|
|
@@ -735,7 +735,7 @@ export class LsDocumentViewer {
|
|
|
735
735
|
}
|
|
736
736
|
}
|
|
737
737
|
this.validationErrors = validate.bind(this)(this._template);
|
|
738
|
-
this.validate.emit({ valid: this.validationErrors.length === 0 });
|
|
738
|
+
this.validate.emit({ valid: this.validationErrors.length === 0, errors: this.validationErrors });
|
|
739
739
|
}
|
|
740
740
|
initViewer() {
|
|
741
741
|
// Generate a canvas to draw the background PDF on.
|
|
@@ -836,7 +836,7 @@ export class LsDocumentViewer {
|
|
|
836
836
|
}
|
|
837
837
|
//Revalidate
|
|
838
838
|
this.validationErrors = validate.bind(this)(this._template);
|
|
839
|
-
this.validate.emit({ valid: this.validationErrors.length === 0 });
|
|
839
|
+
this.validate.emit({ valid: this.validationErrors.length === 0, errors: this.validationErrors });
|
|
840
840
|
this.pageCount = this._template.pageCount;
|
|
841
841
|
this.selected = [];
|
|
842
842
|
this.setZoom(1.0);
|
|
@@ -898,12 +898,12 @@ export class LsDocumentViewer {
|
|
|
898
898
|
return false;
|
|
899
899
|
}
|
|
900
900
|
render() {
|
|
901
|
-
return (h(Host, { key: '
|
|
901
|
+
return (h(Host, { key: '41e672088615bee6f6737cb80eff4ee35b173467' }, h(h.Fragment, null, this.isLoading && (h(h.Fragment, null, h("div", { key: 'f29dc2072c23799b34d1ddee1827a582d8681a37', class: 'ls-dv-page-loader' }, h("ls-loading-logo", { key: 'a281c5e92a6b7f0fb8940bc3715ecb5f2869c186', size: 200, colour: "var(--primary-60)" })), h("div", { key: '16aba0dac77d23ea8761400f59edfd37f0f7c081', class: 'ls-dv-custom-loader-slot' }, h("slot", { key: '5bae3038d8cb3287315750bbf1b62b739f7531b9', name: "custom-loader" })), this.mode === 'compose' && h("ls-compose-loader", { key: 'f73ef0e29aed7fd77259d28f521a9db644a33c74' }))), this.error && (h("div", { key: '623fe0925069b6d46e9f88bf59eb0765c7146b26', class: "ls-dv-error-state" }, h("div", { key: 'df454ea032270dff63e8b942c9b695e2c0d1855e', class: "ls-dv-error-card" }, h("ls-icon", { key: '7a8e1c4e98b384b5cf99582a98f6a579939cd075', name: "exclamation-circle-icon", size: 32, style: { color: 'var(--red-60, #dc2626)' } }), h("p", { key: '3fd349bd710b71504530622b556f8b6ee15ac093', class: "ls-dv-error-title" }, this.errorTitle), h("p", { key: 'f236120e11304f019dd6538177e6dfdd2520d8fe', class: "ls-dv-error-message" }, this.error)))), h("div", { key: 'b751f6a1df03c3c5d0f758cb25b4854b7c5e6b45', class: "ls-dv-page-header" }, h("div", { key: '1b3fb6792b6e0c4ccf692ed9ecf0c88754039d2a', class: 'ls-dv-left-slot-wrapper' }, h("slot", { key: '4fba280f158e162dff7895c695faeaf51652eba3', name: "left-button" })), h("div", { key: '594df0aaa106b27b1c3145077a914ded552641b9', class: 'ls-dv-right-slot-wrapper' }, h("slot", { key: '0574656c0701aebd03608bb3cf5b922a129c9321', name: "right-button" })), this.mode === 'editor' && (h("div", { key: '4e50bf9b0f232b76841706933c879dfcebd9e6e8' }, h("span", { key: '43aa31c1e03fd422f38b4e2e32f137067188eaf9', class: "ls-dv-header-text-1" }, dvI18n.t('viewer.templatecreation')), h("span", { key: 'e83720b695e2ee7415d90b7028e8a10378c840bf' }, "/"), h("span", { key: '6eb71539ea44ffbf9969e8fe2ad02ba6ede78c4f', class: "ls-dv-header-text-2" }, this._template?.title))), this.mode === 'compose' && (h("div", { key: '20aba0aeabe295f8b4774c13d94c9dc1a049a58a', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, h("slot", { key: '5c02b5c7feb8f61ca4e9a17a12eb1d627e389439', name: "top-bar" })))), h("form", { key: 'd2a745066e9f20cf2a934f6ee2ccf28f1350b02d', id: "ls-editor-form" }, h("ls-left-bar", { key: '5c272efb8f035cb44be637a8813d307a2ec8c7a8', mode: this.mode, selected: this.selected, manager: this.manager, signer: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, recipients: this._recipients, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, displayTable: this.displayTable, selectedDataItems: this.selectedDataItems, busy: this.isMutating, onManagerChange: e => this.handleManagerChange(e.detail), onClearSelected: () => {
|
|
902
902
|
this.unselect();
|
|
903
903
|
const toolbar = this.component.shadowRoot.getElementById('ls-toolbar');
|
|
904
904
|
if (toolbar)
|
|
905
905
|
toolbar.dataItem = [];
|
|
906
|
-
} }, h("slot", { key: '
|
|
906
|
+
} }, h("slot", { key: '212da412ab70117a08259e53c5ab1d3391a36bab', name: "recipient-panel", slot: "recipient-panel" })), h("ls-toolbar", { key: 'b0bbfcaea77e480826e48eb4ca1ec7e94dd73b80', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo, mode: this.mode, signer: this.signer, selected: this.selected, pageNum: this.pageNum }), h("div", { key: '338b5189ac5ebef752e6148b227f97e1af32fe5a', id: "ls-mid-area" }, h("div", { key: '9e9783aa5f9460103208ae739ed9c13d4a9a82a9', class: { 'ls-dv-document-frame-wrapper': true, 'ls-dv-document-frame-wrapper--preview': this.mode === 'preview' }, id: "document-frame-wrapper" }, h("div", { key: 'c3adae01095c64df979ed0b42273bcfeb726ccb3', id: "ls-document-frame" }, h("canvas", { key: '0065d1cea2c6a1260e0bad58c85af917497148c1', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'ls-dv-hidden' : '' }), h("ls-editor-table", { key: '00c3a6e99cba57dbf7ddd135879b326741399dc0', editor: this, class: this.displayTable ? '' : 'ls-dv-hidden' }), h("div", { key: 'b80f50fc1c914dc98cea6dacc17479268331f032', id: "ls-box-selector" }), h("div", { key: 'f41210934ca5cfc3d7317bf08f2bd190529e8229', id: "ls-drag-selector" }), this.mode !== 'preview' && !this._template?.locked && !this.isLoading && this._template?.elementConnection?.templateElements?.length > 0 && (h("ls-select-menu", { key: 'f6e4e0f23a1588f33f86d69a355a0bc39268985f', class: "ls-dv-select-menu-position", selected: this.selected, pageNum: this.pageNum, editor: this })), this.mode !== 'preview' && !this._template?.locked && !this.isLoading && this._template?.elementConnection?.templateElements?.length > 0 && (h("ls-select-menu", { key: '6feeeff4b2b0876fdcb72a9042f9aafe29d3441c', class: "ls-dv-select-menu-floating", selected: this.selected, pageNum: this.pageNum, editor: this, floating: true })))), h("ls-statusbar", { key: '732d065b7a2ddb9cb00bd9d06968689d0b8f00cc', editor: this, page: this.pageNum, pageCount: this.pageCount, mode: this.mode }), this.mode === 'editor' && (h("div", { key: 'bb356f7ad189d899f60c5b126703df1dbc31871c', class: 'ls-dv-validation-tag-wrapper' }, h("ls-validation-tag", { key: 'f3e66fc7762ba7427ae5d6d67dc514c14d303888', validationErrors: this.validationErrors }), h("slot", { key: 'be31427187414cb3d33f30b769446889f0bff990', name: "next-button" })))))), h("ls-tooltip", { key: 'a1ee3e98fae872db295fb358bbc45334e4376e44', tooltipId: "ls-dv-tooltip" })));
|
|
907
907
|
}
|
|
908
908
|
static get is() { return "ls-document-viewer"; }
|
|
909
909
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1476,9 +1476,15 @@ export class LsDocumentViewer {
|
|
|
1476
1476
|
"text": ""
|
|
1477
1477
|
},
|
|
1478
1478
|
"complexType": {
|
|
1479
|
-
"original": "{ valid: boolean }",
|
|
1480
|
-
"resolved": "{ valid: boolean; }",
|
|
1481
|
-
"references": {
|
|
1479
|
+
"original": "{ valid: boolean; errors: ValidationError[] }",
|
|
1480
|
+
"resolved": "{ valid: boolean; errors: ValidationError[]; }",
|
|
1481
|
+
"references": {
|
|
1482
|
+
"ValidationError": {
|
|
1483
|
+
"location": "import",
|
|
1484
|
+
"path": "../../types/ValidationError",
|
|
1485
|
+
"id": "src/types/ValidationError.ts::ValidationError"
|
|
1486
|
+
}
|
|
1487
|
+
}
|
|
1482
1488
|
}
|
|
1483
1489
|
}, {
|
|
1484
1490
|
"method": "addParticipant",
|