legalesign-document-viewer 0.2.3 → 0.2.5

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

@@ -1,42 +1,42 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-D4FyBAwx.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-DjfDnBZ1.js';
 import { d as defaultRolePalette } from './p-C00GqV9f.js';
 import { a as alter, o as oob, m as matchData, g as getApiType } from './p-DqJ_uIFZ.js';
-import { d as defineCustomElement$B } from './p-tWjfhi4s.js';
-import { d as defineCustomElement$A } from './p-DCWGO2re.js';
-import { d as defineCustomElement$z } from './p-DhuvePr2.js';
-import { d as defineCustomElement$y } from './p-DMi8aFQC.js';
-import { d as defineCustomElement$x } from './p-kCPFyJUc.js';
-import { d as defineCustomElement$w } from './p-fH5Kamtp.js';
-import { d as defineCustomElement$v } from './p-RlB1gbu7.js';
-import { d as defineCustomElement$u } from './p-_IQrSD16.js';
-import { d as defineCustomElement$t } from './p-CPOG-QV-.js';
-import { d as defineCustomElement$s } from './p-xWvsUhQg.js';
-import { d as defineCustomElement$r } from './p-BF_3dXnS.js';
-import { d as defineCustomElement$q } from './p-BnqFMDnT.js';
-import { d as defineCustomElement$p } from './p-DnsNIGVk.js';
-import { d as defineCustomElement$o } from './p-CEfOBipU.js';
-import { d as defineCustomElement$n } from './p-56r-ypr7.js';
-import { d as defineCustomElement$m } from './p-CWERIrvc.js';
-import { d as defineCustomElement$l } from './p-D4TZL9Lo.js';
-import { d as defineCustomElement$k } from './p-CwuBDnrW.js';
-import { d as defineCustomElement$j } from './p-D6Q_jl_P.js';
-import { d as defineCustomElement$i } from './p-YikYGiof.js';
-import { d as defineCustomElement$h } from './p-3_nsqlNn.js';
-import { d as defineCustomElement$g } from './p-joCRxi9a.js';
-import { d as defineCustomElement$f } from './p-DhYwFcgK.js';
-import { d as defineCustomElement$e } from './p-DJ_qA817.js';
-import { d as defineCustomElement$d } from './p-CJbhxoKd.js';
-import { d as defineCustomElement$c } from './p-ZtWDjd0j.js';
-import { d as defineCustomElement$b } from './p-B-g7m2UJ.js';
-import { d as defineCustomElement$a } from './p-DMtzm95I.js';
-import { d as defineCustomElement$9 } from './p-DouPKI_J.js';
-import { d as defineCustomElement$8 } from './p-BXSGBDON.js';
-import { d as defineCustomElement$7 } from './p-D0LHlPhk.js';
-import { d as defineCustomElement$6 } from './p-CHWN2qrD.js';
-import { d as defineCustomElement$5 } from './p-BnHqb3W4.js';
-import { d as defineCustomElement$4 } from './p-DEVuVmw0.js';
-import { d as defineCustomElement$3 } from './p-DSU4J2Gn.js';
-import { d as defineCustomElement$2 } from './p-2ULkKils.js';
+import { d as defineCustomElement$B } from './p-BneR1hef.js';
+import { d as defineCustomElement$A } from './p-DasXNgMG.js';
+import { d as defineCustomElement$z } from './p-C9AqDCzm.js';
+import { d as defineCustomElement$y } from './p-DVz19y7K.js';
+import { d as defineCustomElement$x } from './p-DzmtJl3e.js';
+import { d as defineCustomElement$w } from './p-iC6XYfS_.js';
+import { d as defineCustomElement$v } from './p-CttUZd3c.js';
+import { d as defineCustomElement$u } from './p-3LU2FV3W.js';
+import { d as defineCustomElement$t } from './p-DjavAQqZ.js';
+import { d as defineCustomElement$s } from './p-DoywjJAr.js';
+import { d as defineCustomElement$r } from './p-1Ir9-yQU.js';
+import { d as defineCustomElement$q } from './p-CfCokEUT.js';
+import { d as defineCustomElement$p } from './p-Dzn5xAM4.js';
+import { d as defineCustomElement$o } from './p-DCLBmOtj.js';
+import { d as defineCustomElement$n } from './p-ucaurEVy.js';
+import { d as defineCustomElement$m } from './p-EsA1p6L3.js';
+import { d as defineCustomElement$l } from './p-C6YMMVJ1.js';
+import { d as defineCustomElement$k } from './p-DzHh5tyo.js';
+import { d as defineCustomElement$j } from './p-DEE854iZ.js';
+import { d as defineCustomElement$i } from './p-B7VyU7YH.js';
+import { d as defineCustomElement$h } from './p-BSN2cMdj.js';
+import { d as defineCustomElement$g } from './p-rEZh-cMt.js';
+import { d as defineCustomElement$f } from './p-Bpzk1RMu.js';
+import { d as defineCustomElement$e } from './p-aOAZ6c8y.js';
+import { d as defineCustomElement$d } from './p-p3xY_X0j.js';
+import { d as defineCustomElement$c } from './p-DY_A9zAm.js';
+import { d as defineCustomElement$b } from './p-Bh-iiZW1.js';
+import { d as defineCustomElement$a } from './p-D4JCAjlc.js';
+import { d as defineCustomElement$9 } from './p-BsqbS8f_.js';
+import { d as defineCustomElement$8 } from './p-Bby5tjrS.js';
+import { d as defineCustomElement$7 } from './p-BCpsA9BY.js';
+import { d as defineCustomElement$6 } from './p-JBc2BCIT.js';
+import { d as defineCustomElement$5 } from './p-lTOSc-NN.js';
+import { d as defineCustomElement$4 } from './p-BPkbTOIU.js';
+import { d as defineCustomElement$3 } from './p-D_ZsRxGa.js';
+import { d as defineCustomElement$2 } from './p-CtMHOHAp.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -24436,13 +24436,14 @@ const getGroupData = (id) => {
       `;
 };
 
-const lsDocumentViewerCss = "*.sc-ls-document-viewer,*.sc-ls-document-viewer::before,*.sc-ls-document-viewer::after{box-sizing:border-box}*.sc-ls-document-viewer{margin:0}@media (prefers-reduced-motion: no-preference){html.sc-ls-document-viewer{interpolate-size:allow-keywords}}body.sc-ls-document-viewer{line-height:1.5;-webkit-font-smoothing:antialiased}img.sc-ls-document-viewer,picture.sc-ls-document-viewer,video.sc-ls-document-viewer,canvas.sc-ls-document-viewer,svg.sc-ls-document-viewer{display:block;max-width:100%}input.sc-ls-document-viewer,button.sc-ls-document-viewer,textarea.sc-ls-document-viewer,select.sc-ls-document-viewer{font:inherit}p.sc-ls-document-viewer,h1.sc-ls-document-viewer,h2.sc-ls-document-viewer,h3.sc-ls-document-viewer,h4.sc-ls-document-viewer,h5.sc-ls-document-viewer,h6.sc-ls-document-viewer{overflow-wrap:break-word}p.sc-ls-document-viewer{text-wrap:pretty}h1.sc-ls-document-viewer,h2.sc-ls-document-viewer,h3.sc-ls-document-viewer,h4.sc-ls-document-viewer,h5.sc-ls-document-viewer,h6.sc-ls-document-viewer{text-wrap:balance}#root.sc-ls-document-viewer,#__next.sc-ls-document-viewer{isolation:isolate}.sc-ls-document-viewer-h{display:flex;flex-direction:row;width:100vw;height:100vh;margin:0px;padding:0px}#my-field-panel.sc-ls-document-viewer{position:relative;height:calc(100% - 4.313rem)}.leftBox.sc-ls-document-viewer{border-radius:16px;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%}.left-box-inner.sc-ls-document-viewer{position:relative;display:flex;height:100%;padding:0.75rem;gap:0.75rem}.rightBox.sc-ls-document-viewer{width:200px;border:1px gray solid;width:470px;min-width:390px;padding:4px;font-family:inherit}.toolbox.sc-ls-document-viewer{display:flex;flex-direction:column;width:100%;height:100%;border-radius:8px;border:1px solid var(--gray-30, #e0e2e5);background:var(--gray-10, #f7f8fa);padding:0.75rem;gap:1rem;overflow-y:auto}.ls-editor-infobox.sc-ls-document-viewer{padding:2px 8px 2px 8px}#pdf-canvas.sc-ls-document-viewer{top:0px;left:0px;width:100px;height:100px}#ls-mid-area.sc-ls-document-viewer{display:flex;flex-direction:column;width:100%}.document-frame-wrapper.sc-ls-document-viewer{position:relative;padding:0 1.25rem;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;overflow-y:auto}.spacer.sc-ls-document-viewer{min-height:5.5rem;width:100%}#ls-document-frame.sc-ls-document-viewer{position:relative;height:98vh;max-width:100%;max-height:100%;margin:0px;padding:2px;scrollbar-width:auto;scrollbar-color:auto}.prevButton.sc-ls-document-viewer{position:relative;bottom:30px}.nextButton.sc-ls-document-viewer{position:relative;bottom:30px}.fieldBox.sc-ls-document-viewer{z-index:1000}#ls-box-selector.sc-ls-document-viewer{position:absolute;visibility:hidden;background-color:transparent;border:1px rgba(71, 71, 71, 0.716) dashed}#ls-editor-form.sc-ls-document-viewer{display:flex;width:100vw;max-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.sc-ls-document-viewer{visibility:hidden;display:none;width:0px}.toolbox-section-title.sc-ls-document-viewer{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem}.toolbox-section-description.sc-ls-document-viewer{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.fields-box.sc-ls-document-viewer{display:flex;flex-direction:column;gap:0.75rem}.page-header.sc-ls-document-viewer{display:flex;height:2.25rem;gap:0.5rem;padding:0.25rem 0.75rem;justify-content:center;align-items:center}.header-text-1.sc-ls-document-viewer{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.header-text-2.sc-ls-document-viewer{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.properties-header.sc-ls-document-viewer{display:flex;padding:1rem;gap:0.75rem;align-items:center;border-bottom:1px solid var(--gray-20, #edeff2)}.properties-header-title.sc-ls-document-viewer{color:var(--gray-100, #45484d);width:100%;font-size:1.5rem;font-style:normal;font-weight:500;line-height:2rem}.properties-header-icon.sc-ls-document-viewer{display:flex;padding:0.5rem;border-radius:0.625rem;background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.expand-fields-row.sc-ls-document-viewer{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.sc-ls-document-viewer p.sc-ls-document-viewer{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}p.sc-ls-document-viewer{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.sc-ls-document-viewer{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.sc-ls-document-viewer:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link.sc-ls-document-viewer,.button-link.sc-ls-document-viewer:hover{all:unset}select.sc-ls-document-viewer{appearance:none;height:36px}.input-wrapper.sc-ls-document-viewer{position:relative;width:fit-content}#selectorIcon.sc-ls-document-viewer{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon.sc-ls-document-viewer{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon.sc-ls-document-viewer{padding-left:2.5rem}input.sc-ls-document-viewer,select.sc-ls-document-viewer,textarea.sc-ls-document-viewer{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.sc-ls-document-viewer::placeholder,select.sc-ls-document-viewer::placeholder,textarea.sc-ls-document-viewer::placeholder{color:var(--gray-60, #afb0b2)}input.sc-ls-document-viewer:hover,select.sc-ls-document-viewer:hover,textarea.sc-ls-document-viewer:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input.sc-ls-document-viewer:focus,select.sc-ls-document-viewer:focus,textarea.sc-ls-document-viewer: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.sc-ls-document-viewer:active,select.sc-ls-document-viewer:active,textarea.sc-ls-document-viewer:active{border-color:var(--primary-50, #5185ff)}input.sc-ls-document-viewer:disabled,select.sc-ls-document-viewer:disabled,textarea.sc-ls-document-viewer:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox'].sc-ls-document-viewer{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'].sc-ls-document-viewer:checked,input[type='checkbox'].indeterminate.sc-ls-document-viewer{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox'].sc-ls-document-viewer: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.sc-ls-document-viewer::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox'].sc-ls-document-viewer:checked:hover,input[type='checkbox'].indeterminate.sc-ls-document-viewer:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox'].sc-ls-document-viewer:hover{border:1px solid #9ca3af}input[type='checkbox'].sc-ls-document-viewer:focus,input[type='checkbox'].sc-ls-document-viewer:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox'].sc-ls-document-viewer:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox'].sc-ls-document-viewer:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container.sc-ls-document-viewer{display:flex;gap:0.5rem;width:100%}.checkbox-label.sc-ls-document-viewer{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label.sc-ls-document-viewer{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field.sc-ls-document-viewer{display:flex;flex-direction:column;gap:0.25rem;width:100%}.field-properties-outer.sc-ls-document-viewer{position:relative;height:100%}.loading-box.sc-ls-document-viewer{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button.sc-ls-document-viewer{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.sc-ls-document-viewer{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey.sc-ls-document-viewer:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group.sc-ls-document-viewer{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group.sc-ls-document-viewer button.sc-ls-document-viewer{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.sc-ls-document-viewer button.sc-ls-document-viewer:hover{background:var(--gray-10, #f7f8fa)}.button-group.sc-ls-document-viewer>.sc-ls-document-viewer:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group.sc-ls-document-viewer>.sc-ls-document-viewer:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group.sc-ls-document-viewer>.sc-ls-document-viewer:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
+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}#my-field-panel{position:relative;height:calc(100% - 4.313rem)}.leftBox{border-radius:16px;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%}.left-box-inner{position:relative;display:flex;height:100%;padding:0.75rem;gap:0.75rem}.rightBox{width:200px;border:1px gray solid;width:470px;min-width:390px;padding:4px;font-family:inherit}.toolbox{display:flex;flex-direction:column;width:100%;height:100%;border-radius:8px;border:1px solid var(--gray-30, #e0e2e5);background:var(--gray-10, #f7f8fa);padding:0.75rem;gap:1rem;overflow-y:auto}.ls-editor-infobox{padding:2px 8px 2px 8px}#pdf-canvas{top:0px;left:0px;width:100px;height:100px}#ls-mid-area{display:flex;flex-direction:column;width:100%}.document-frame-wrapper{position:relative;padding:0 1.25rem;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;overflow-y:auto}.spacer{min-height:5.5rem;width:100%}#ls-document-frame{position:relative;height:98vh;max-width:100%;max-height:100%;margin:0px;padding:2px;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;width:100vw;max-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:36px}.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';
 const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentViewer extends H {
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
         this.pageRendered = createEvent(this, "pageRendered");
         this.pageChange = createEvent(this, "pageChange");
         this.selectFields = createEvent(this, "selectFields");
@@ -24861,7 +24862,7 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
         "displayTable": ["tableViewHandler"]
     }; }
     static get style() { return lsDocumentViewerCss; }
-}, [262, "ls-document-viewer", {
+}, [257, "ls-document-viewer", {
         "template": [1],
         "token": [1],
         "templateid": [1],