legalesign-document-viewer 1.0.1 → 1.0.2

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.
Files changed (19) hide show
  1. package/dist/cjs/ls-compose-loader_7.cjs.entry.js +1 -1
  2. package/dist/cjs/ls-document-viewer.cjs.entry.js +21 -3
  3. package/dist/collection/components/ls-document-viewer/ls-document-viewer.js +21 -3
  4. package/dist/collection/components/ls-document-viewer/ls-document-viewer.js.map +1 -1
  5. package/dist/components/ls-document-viewer.js +23 -5
  6. package/dist/components/ls-document-viewer.js.map +1 -1
  7. package/dist/components/ls-statusbar.js +1 -1
  8. package/dist/components/{p-B3BVu9QD.js → p-BJ7fvXXf.js} +3 -3
  9. package/dist/components/{p-B3BVu9QD.js.map → p-BJ7fvXXf.js.map} +1 -1
  10. package/dist/esm/ls-compose-loader_7.entry.js +1 -1
  11. package/dist/esm/ls-document-viewer.entry.js +22 -4
  12. package/dist/esm/ls-document-viewer.entry.js.map +1 -1
  13. package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
  14. package/dist/ls-document-viewer/{p-c2be13de.entry.js → p-762b88d0.entry.js} +3 -3
  15. package/dist/ls-document-viewer/p-762b88d0.entry.js.map +1 -0
  16. package/dist/ls-document-viewer/{p-a00687df.entry.js → p-a27532c9.entry.js} +2 -2
  17. package/package.json +1 -1
  18. package/dist/ls-document-viewer/p-c2be13de.entry.js.map +0 -1
  19. /package/dist/ls-document-viewer/{p-a00687df.entry.js.map → p-a27532c9.entry.js.map} +0 -0
package/dist/ls-document-viewer/{p-a00687df.entry.js → p-a27532c9.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as e,h as t,H as o,a,c as s}from"./p-CItPoq74.js";import{d as i}from"./p-WVWIAGo_.js";import{F as r}from"./p-04cXI5GQ.js";import{d as l}from"./p-CwCWCxsI.js";import{a as d,r as n}from"./p-xqZBqrca.js";const c=()=>`:host{position:absolute;display:flex;top:0;left:0;height:100%;width:100%;z-index:3000}:host>*{box-sizing:border-box;margin:0;padding:0}.ls-dv-compose-loader{display:flex;flex-direction:column;background:var(--gray-10, #f7f8fa);width:100%;height:100%}.ls-dv-compose-loader__header{border-bottom:1px solid var(--gray-20, #edeff2);pointer-events:none;height:2rem;background:white;display:flex;align-items:center;justify-content:center}.ls-dv-compose-loader__header-skeleton{width:10rem;height:0.75rem;background:linear-gradient(90deg, var(--gray-30, #e0e2e5) 25%, transparent 100%);border-radius:0.625rem;animation:pulse 1.5s infinite}.ls-dv-compose-loader__header-bar{padding:1rem;display:flex;align-items:center}.ls-dv-compose-loader__header-title{font-weight:bold;font-size:1.1rem}.ls-dv-compose-loader__header-docname{margin-left:1rem;color:var(--gray-100, #45484d)}.ls-dv-compose-loader__main{display:flex;padding:1rem;gap:1.5rem;height:calc(100% - 2.375rem);position:relative}.ls-dv-compose-loader__sidebar{position:absolute;height:100%;width:19rem}.ls-dv-compose-loader__card{display:flex;flex-direction:column;gap:0.75rem;padding:1rem;background:var(--white, #ffffff);border-radius:1.5rem;border:1px solid var(--gray-30, #e0e2e5);width:100%;height:100%;max-height:calc(100% - 2rem);overflow:hidden}.ls-dv-compose-loader__skeleton,.ls-dv-compose-loader__icon-skeleton{background:linear-gradient(90deg, var(--gray-30, #e0e2e5) 25%, transparent 100%);border-radius:0.625rem;animation:pulse 1.5s infinite}.ls-dv-skeleton-title{width:12.5rem;min-height:1.25rem}.ls-dv-skeleton-line--blue,.ls-dv-skeleton-line--green,.ls-dv-skeleton-line--gray,.ls-dv-skeleton-line{width:12.5rem;height:0.75rem}.ls-dv-skeleton-short--blue,.ls-dv-skeleton-short--green,.ls-dv-skeleton-short--gray,.ls-dv-skeleton-short{width:5rem;height:0.75rem}.ls-dv-skeleton-medium{width:4rem;height:0.75rem}.ls-dv-skeleton-icon{width:1rem;height:1rem}.ls-dv-skeleton-btn{width:7rem;height:0.75rem;background:linear-gradient(90deg, var(white) 25%, transparent 100%)}.ls-dv-skeleton-btn-icon{width:1rem;height:1rem;background:linear-gradient(90deg, var(white) 25%, transparent 100%)}.ls-dv-skeleton-line--blue,.ls-dv-skeleton-short--blue{background:linear-gradient(90deg, var(--blue-50, #78a3fa) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-box--blue{background:linear-gradient(90deg, var(--blue-30, #bed4fa) 25%, transparent 100%)}.ls-dv-skeleton-line--green,.ls-dv-skeleton-short--green{background:linear-gradient(90deg, var(--green-50, #57e5b1) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-box--green{background:linear-gradient(90deg, var(--green-30, #9df5d4) 25%, transparent 100%)}.ls-dv-skeleton-line--gray,.ls-dv-skeleton-short--gray{background:linear-gradient(90deg, var(--gray-50, #c8c9cc) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-box--gray{background:linear-gradient(90deg, var(--gray-30, #e0e2e5) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-group{display:flex;flex-direction:column;gap:0.5rem}.ls-dv-compose-loader__section{display:flex;flex-direction:column;gap:0.75rem;border:1px solid var(--gray-30, #e0e2e5);padding:0.75rem;border-radius:1.5rem;background:var(--gray-10, #f7f8fa);margin-top:0.25rem;box-shadow:0 1px 2px rgba(0, 0, 0, 0.03)}.ls-dv-compose-loader__section--blue{border-color:var(--blue-30, #bed4fa);background:var(--blue-10, #f0f6ff)}.ls-dv-compose-loader__section--green{border-color:var(--green-30, #9df5d4);background:var(--green-10, #effff9)}.ls-dv-compose-loader__skeleton-box--green,.ls-dv-compose-loader__skeleton-box--blue,.ls-dv-compose-loader__skeleton-box--gray{display:flex;align-items:center;width:5rem;height:1.15rem;border-radius:0.375rem}.ls-dv-compose-loader__row{display:flex;gap:0.75rem;background:var(--white, #ffffff);border:1px solid var(--gray-20, #edeff2);padding:0.5rem 1rem 0.5rem 0.5rem;border-radius:0.625rem;align-items:center}.ls-dv-compose-loader__icon-skeleton--blue{display:flex;align-items:center;justify-content:center;min-width:2.375rem;min-height:2.375rem;background:var(--blue-10, #f0f6ff);border:1px solid var(--blue-30, #bed4fa);border-radius:0.625rem}.ls-dv-compose-loader__icon--blue{width:1.25rem;height:1.25rem;background:linear-gradient(90deg, var(--blue-30, #bed4fa) 25%, transparent 100%);border-radius:0.625rem}.ls-dv-compose-loader__icon-skeleton--green{display:flex;align-items:center;justify-content:center;min-width:2.375rem;min-height:2.375rem;background:var(--green-10, #effff9);border:1px solid var(--green-30, #9df5d4);border-radius:0.625rem}.ls-dv-compose-loader__icon--green{width:1.25rem;height:1.25rem;background:linear-gradient(90deg, var(--green-30, #9df5d4) 25%, transparent 100%);border-radius:0.625rem}.ls-dv-compose-loader__row-content{display:flex;width:100%;align-items:center;justify-content:space-between}.ls-dv-compose-loader__preview{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.ls-dv-compose-loader__preview-box{background:var(--white, #ffffff);border:1px solid var(--gray-30, #e0e2e5);aspect-ratio:1/1.414;height:100%;margin-top:7rem;min-width:40vw;box-shadow:0 4px 24px rgba(0, 0, 0, 0.12)}.ls-dv-compose-loader__button{position:absolute;top:1rem;right:1rem;border-radius:1rem;padding:0.25rem;background:var(--white, #ffffff)}.ls-dv-compose-loader__action-btn{border-radius:1rem;padding:1rem;display:flex;align-items:center;gap:0.75rem;border:none;background:var(--primary-60, #4456f6);cursor:not-allowed}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}`;const f=class{constructor(t){e(this,t)}render(){return t(o,{key:"66925e9dd34af4863ed4e7370e1e85d9f80eaf87"},t("div",{key:"27010061a724cb40636d23bb37e4687a0e0d0ba8",class:"ls-dv-compose-loader"},t("div",{key:"087717e58f425b9fd9c87af2e9bced9220b5d14d",class:"ls-dv-compose-loader__header"},t("div",{key:"51a709ae34c0038d3703f289d49dae76117bcbb3",class:"ls-dv-compose-loader__header-skeleton"})),t("div",{key:"ea07ef80e7230e8fd394ce9f0d723a53924af948",class:"ls-dv-compose-loader__main"},t("div",{key:"70bbf539d6600eee46c7befb49d7c7495a517351",class:"ls-dv-compose-loader__sidebar"},t("div",{key:"715abbeacf8388d3420ef6357d99da3f027cfcc0",class:"ls-dv-compose-loader__card"},t("div",{key:"59177068cff8f12ba294d36c20fce692be9e7953",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-title"}),t("div",{key:"832df85aec3bddef6513ddf0ed903c99f44bb166",class:"ls-dv-compose-loader__skeleton-group"},t("div",{key:"b19eab361553cc5a6da936188eebbb873baa65f0",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-line"}),t("div",{key:"383db13deda92d826a13d253afe813f5b429f898",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-short"})),t("div",{key:"9dd22f22261387b389465fa132262ee7f4179e2b",class:"ls-dv-compose-loader__section ls-dv-compose-loader__section--gray"},t("div",{key:"816454552db3a29bf2dc784942585712fcaab1b9",class:"ls-dv-compose-loader__skeleton-box--gray"}),t("div",{key:"baf47b9bcda864b6288ab58edb0a810154dd42cd",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-line--gray"}),t("div",{key:"c6d279cffd4d7a1f48c7b36a9391dc7f8fa4ab67",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-short--gray"})),t("div",{key:"97e73c5f6d2b2badeb0bc8913eeeb25b4aeb57a5",class:"ls-dv-compose-loader__section ls-dv-compose-loader__section--blue"},t("div",{key:"b5d6d672fc2ad098b828347d8032a491bde46e7a",class:"ls-dv-compose-loader__skeleton-box--blue"}),t("div",{key:"e1f8ab15b89858d4b9ed0f6ff6aebbe504a7dbc5",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-line--blue"}),t("div",{key:"60387121d74d9dcc79dad5ab0db8ca02b025c3bd",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-short--blue"}),t("div",{key:"1dea033d443ddfcd75ff773f0ef199a468606c44",class:"ls-dv-compose-loader__row"},t("div",{key:"95a24c8f2075145f0b9b44aa0f2b1d4013c912de",class:"ls-dv-compose-loader__icon-skeleton--blue"},t("div",{key:"eaaca8ca674f07e08232509e817efb2f388df6b1",class:"ls-dv-compose-loader__icon--blue"})),t("div",{key:"6f3a7229004a9442f6fcc59bb453ee65f8526b8c",class:"ls-dv-compose-loader__row-content"},t("div",{key:"be040b87cec5290b01b2785414287353449f5498",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-medium"}),t("div",{key:"c03582bf57afaef8e16db188047b19fd2c475775",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-icon"}))),t("div",{key:"009d9d85feaea321fe670ab381117336a39976f4",class:"ls-dv-compose-loader__row"},t("div",{key:"1483a8589829d6e1977540bf7921e12bd50378d1",class:"ls-dv-compose-loader__icon-skeleton--blue"},t("div",{key:"6dd87ff46844a8f7423fefe1e495c27f173a2e22",class:"ls-dv-compose-loader__icon--blue"})),t("div",{key:"f58b77a63e349112c97d88156912276c09783014",class:"ls-dv-compose-loader__row-content"},t("div",{key:"bc9d55875e890598c28492336c1369941d08aa04",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-medium"}),t("div",{key:"e1c645e2e7bec646b7d7f42257508cbfa025b909",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-icon"}))),t("div",{key:"e8edd044661be82df6b2a2be2c52a6cc6e221982",class:"ls-dv-compose-loader__row"},t("div",{key:"c0fae7b885082a7bf97e46ccaf0f37f538ad0e34",class:"ls-dv-compose-loader__icon-skeleton--blue"},t("div",{key:"c817d87daee04ff2cc141027fe870e119f2bb66c",class:"ls-dv-compose-loader__icon--blue"})),t("div",{key:"b2f0706cedfac9727772c770a7e69dba6fb11054",class:"ls-dv-compose-loader__row-content"},t("div",{key:"6f62e8f75d02adcf60467870cfd3e0f266f3c74a",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-medium"}),t("div",{key:"ba418eda034843a71d545f43514a6383b5b4583f",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-icon"})))),t("div",{key:"5ecd4f27f640bea53f01c862228310d634efd799",class:"ls-dv-compose-loader__section ls-dv-compose-loader__section--green"},t("div",{key:"8c292e665b38b6427fa7c7bf816d8a8f852dc1dc",class:"ls-dv-compose-loader__skeleton-box--green"}),t("div",{key:"d8ed9656ec73cedd2eceb9a1382570bba3e02af6",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-line--green"}),t("div",{key:"150f7bb539ac506fea514383c1bccf86aafadc0f",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-short--green"}),t("div",{key:"eb8c9562fa183337f7fdc2175b9b579ae28dbe45",class:"ls-dv-compose-loader__row"},t("div",{key:"f588bed96119b3fb7d4f12efa384e9b85624ca89",class:"ls-dv-compose-loader__icon-skeleton--green"},t("div",{key:"9854f24d67a0bb0aa9e7fd07c592c07bd4ab7214",class:"ls-dv-compose-loader__icon--green"})),t("div",{key:"3c98b63153b3c4dd065cfa73aad8f168808944e8",class:"ls-dv-compose-loader__row-content"},t("div",{key:"edc0502abecafdabaede38c89c8de1dd200ee10c",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-medium"}),t("div",{key:"44d112e09971baadea758462020c65c6c6b02250",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-icon"}))),t("div",{key:"31b312b002208edaea69847b1ced79598950c9d0",class:"ls-dv-compose-loader__row"},t("div",{key:"b8cd03cef4cbd7727c1b06a9204be213df83e29c",class:"ls-dv-compose-loader__icon-skeleton--green"},t("div",{key:"d35f01f636451ee2931ad8535d94a71b143cbf8f",class:"ls-dv-compose-loader__icon--green"})),t("div",{key:"9af4606bf92a16279d86afae752dc565bd4d74cc",class:"ls-dv-compose-loader__row-content"},t("div",{key:"7f2a048c819d8ad6b19aeca94158c25f287c73b5",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-medium"}),t("div",{key:"35fd8e3f40d790746d74344da993593d1c00d843",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-icon"}))),t("div",{key:"4a00e41d589badf13a939a5c2436ef6ead2a51c7",class:"ls-dv-compose-loader__row"},t("div",{key:"97e93a34a5777c7365d1f8d92068fd85eaaf5e86",class:"ls-dv-compose-loader__icon-skeleton--green"},t("div",{key:"c32bfa5704e85b6960aa7085dfe9c1c2f13c89b2",class:"ls-dv-compose-loader__icon--green"})),t("div",{key:"fa3bdfa11f49a826e5e3d8253cdd31497ca06b43",class:"ls-dv-compose-loader__row-content"},t("div",{key:"f597a0029c99d48c856a30d133da499045c2ad12",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-medium"}),t("div",{key:"be5f8c57c1c172f9a75278b389c89e09f00b607c",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-icon"})))))),t("div",{key:"5e2edde8c78dad2076792ef6ae94a60beb1b9793",class:"ls-dv-compose-loader__preview"},t("div",{key:"fd632681fcd8e71f226894b11bdbd3897b915524",class:"ls-dv-compose-loader__preview-box"})),t("div",{key:"7c6626f9fd44f24135a3ed373d8eea9f96f4b44c",class:"ls-dv-compose-loader__button"},t("button",{key:"40dba5e39e3b7a2cca6d011d7eb8274ca3f616fa",class:"ls-dv-compose-loader__action-btn","aria-hidden":"true",tabindex:-1},t("div",{key:"2d7bf4857b2fecd1e6a75533955cce7f6f97b852",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-btn"}),t("div",{key:"eab66545fad78abb2e204fa5cb8afcdcc1e85d34",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-btn-icon"}))))))}};f.style=c();const m=()=>`:host{display:block;z-index:100;position:absolute;top:0px;left:0px}table{background-color:azure;border:1px solid black}td{border:1px solid black}`;const p=class{constructor(t){e(this,t)}get component(){return a(this)}editor;componentDidLoad(){var e=this.component.shadowRoot.getElementById("ls-editor-table");Array.from(this.editor.component.shadowRoot.querySelectorAll("ls-editor-field")).forEach((t=>{const o=document.createElement("tr");const a=document.createElement("td");a.innerText=t.dataItem.id;o.appendChild(a);const s=document.createElement("td");s.innerText=t.dataItem.value;o.appendChild(s);const i=document.createElement("td");i.innerText=t.dataItem.label;o.appendChild(i);e.appendChild(o)}))}render(){return t(o,{key:"05fdbcad844194ba3ae1176a0bac61a55a9a7e64"},t("table",{key:"f45381a2639636199b1a081a52528476e04fa2c4",id:"ls-editor-table"}),t("slot",{key:"83e120145baf061dbf15a1c47ffdf3c9454ece7c"}))}};p.style=m();const b=()=>`*,*::before,*::after{box-sizing:border-box}*{margin:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}:host{display:flex;height:100%;max-height:100%;overflow:hidden}:host *{scrollbar-width:none}:host *::-webkit-scrollbar{display:none}.ls-dv-hidden{visibility:hidden;display:none;width:0px}#my-field-panel{position:relative;height:calc(100% - 4.313rem)}.ls-dv-left-box{position:relative;border-radius:1.75rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);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;height:calc(100% - 2rem);max-height:calc(100% - 2rem);overflow:hidden;z-index:1000;left:0;top:0}.ls-dv-left-box-inner{position:relative;display:flex;height:100%;max-height:100%;overflow:hidden;padding:0.75rem;gap:0.75rem}.ls-dv-toolbox{display:flex;flex-direction:column;width:100%;height:100%;border-radius:1.25rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--gray-10, #f7f8fa);padding:0.75rem;gap:1rem;overflow-y:auto}.ls-dv-compose-toolbox{display:flex;flex-direction:column;width:100%;height:100%;overflow:none;border-radius:0;border:none;background:white;padding:0.25rem}.ls-dv-recipients-box{position:relative;display:flex;flex-direction:column;gap:0.75rem;overflow-y:auto;padding:0.75rem 0.25rem 0.25rem 0.25rem;height:100%}.ls-dv-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}.ls-dv-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-dv-editor-infobox{padding:0.125rem 0.5rem 0.125rem 0.5rem}.ls-dv-toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.ls-dv-toolbox-section-description{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-fields-box{display:flex;flex-direction:column;gap:0.75rem}.ls-dv-field-properties-outer{position:relative;height:100%}.ls-dv-properties-header{display:flex;padding:1rem;gap:0.75rem;align-items:center;border-bottom:1px solid var(--gray-20, #edeff2)}.ls-dv-properties-header-title{color:var(--gray-100, #45484d);width:100%;font-size:1.5rem;font-style:normal;font-weight:500;line-height:2rem;}.ls-dv-properties-header-icon{display:flex;padding:0.5rem;border-radius:0.625rem;background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}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)}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-locked-overlay{position:absolute;top:0;right:0;width:calc(100% - 5rem);height:100%;background:rgba(255, 255, 255, 0.6);border-radius:1.25rem;z-index:1001;pointer-events:all}`;const h=class{constructor(t){e(this,t);this.managerChange=s(this,"managerChange",7);this.clearSelected=s(this,"clearSelected",7)}get el(){return a(this)}mode="editor";selected=[];manager;signer;filtertoolbox=null;template;recipients;validationErrors=[];fieldTypeSelected;displayTable=false;busy=false;selectedDataItems=[];managerChange;clearSelected;managerWatchHandler(e){if(e==="document"){const e=this.el.shadowRoot.getElementById("ls-document-options");if(e)e.template=this.template}else if(e==="participant"){const e=this.el.shadowRoot.getElementById("ls-participant-manager");if(e)e.template=this.template}else if(e==="validation"){const e=this.el.shadowRoot.getElementById("ls-validation-manager");if(e)e.validationErrors=this.validationErrors}}componentDidLoad(){const e=this.el.shadowRoot.getElementById("ls-left-box");if(e){e.addEventListener("mousedown",(e=>e.stopPropagation()));e.addEventListener("mouseup",(e=>e.stopPropagation()));e.addEventListener("mousemove",(e=>e.stopPropagation()))}}signerChanged(){try{const e=this.el.shadowRoot.getElementById("ls-recipient-manager");if(e){const t=e.querySelector(".ls-dv-recipients-box");if(t){t.scrollTo({top:0,behavior:"smooth"})}}}catch(e){}}showTool(e){return this.filtertoolbox===null||this.filtertoolbox.split("|").includes(e)}checkType(e){if(this.mode==="compose"&&this.recipients){return this.recipients.find((t=>t.roleType===e&&t.signerIndex===this.signer))!==undefined}else if(this.template){return this.template.roles.find((t=>t.roleType===e&&t.signerIndex===this.signer))!==undefined}return false}renderFieldProperties(){if(this.displayTable||this.selected.length===0)return null;return t("div",{class:"ls-dv-field-properties-outer"},t("div",{class:"ls-dv-properties-header"},t("div",{class:"ls-dv-properties-header-icon"},t("ls-icon",{name:"pre-filled-content-icon"})),t("h1",{class:"ls-dv-properties-header-title"},i.t("viewer.fieldproperties")),t("button",{class:"ls-dv-tertiary-grey",onClick:e=>{this.clearSelected.emit();e.preventDefault()},style:{borderRadius:"0.75rem"},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("viewer.closepropertiespanel")},t("ls-icon",{name:"x-icon",size:20}))),t("ls-field-properties",{id:"my-field-panel",dataItem:this.selectedDataItems,template:this.template,readonly:this.template?.locked||false,filtertoolbox:this.filtertoolbox}))}renderToolbox(){return t("div",{id:"ls-toolbox",class:this.manager==="toolbox"?"ls-dv-toolbox":"ls-dv-hidden"},t("div",{class:"ls-dv-editor-infobox"},t("h2",{class:"ls-dv-toolbox-section-title"},i.t("toolbox.title")),t("p",{class:"ls-dv-toolbox-section-description"},i.t("toolbox.description"))),t("div",{class:"ls-dv-fields-box"},this.signer>0&&this.showTool("signature")&&!this.checkType("APPROVER")&&t("ls-toolbox-field",{elementType:"signature",formElementType:"signature",label:i.t("toolbox.signature"),defaultHeight:r["signature"].defaultHeight,defaultWidth:r["signature"].defaultWidth,validation:0,icon:"signature-icon",tooltip:i.t("toolbox.signaturetooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="signature"}),this.signer===0&&this.showTool("auto sign")&&t("ls-toolbox-field",{elementType:"admin",formElementType:"auto sign",label:i.t("toolbox.autosign"),defaultHeight:r["auto sign"].defaultHeight,defaultWidth:r["auto sign"].defaultWidth,validation:3e3,icon:"auto-sign-icon",tooltip:i.t("toolbox.autosigntooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="auto sign"}),this.showTool("text")&&t("ls-toolbox-field",{elementType:"text",formElementType:"text",label:i.t("toolbox.text"),defaultHeight:r["text"].defaultHeight,defaultWidth:r["text"].defaultWidth,validation:0,icon:"text-icon",tooltip:i.t("toolbox.texttooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="text"}),this.signer>0&&this.showTool("signing date")&&t("ls-toolbox-field",{elementType:"text",formElementType:"signing date",label:i.t("toolbox.signingdate"),defaultHeight:r["signing date"].defaultHeight,defaultWidth:r["signing date"].defaultWidth,validation:32,icon:"auto-date-icon",tooltip:i.t("toolbox.signingdatetooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="signing date"}),this.showTool("date")&&t("ls-toolbox-field",{elementType:"text",formElementType:"date",label:i.t("toolbox.date"),defaultHeight:r["date"].defaultHeight,defaultWidth:r["date"].defaultWidth,validation:4,icon:"calender-icon",tooltip:i.t("toolbox.datetooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="date"}),this.showTool("email")&&t("ls-toolbox-field",{elementType:"text",formElementType:"email",label:i.t("toolbox.email"),defaultHeight:r["email"].defaultHeight,defaultWidth:r["email"].defaultWidth,validation:1,icon:"at-symbol-icon",tooltip:i.t("toolbox.emailtooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="email"}),this.showTool("initials")&&t("ls-toolbox-field",{elementType:"initials",formElementType:"initials",label:i.t("toolbox.initials"),defaultHeight:r["initials"].defaultHeight,defaultWidth:r["initials"].defaultWidth,validation:2e3,icon:"initials-icon",tooltip:i.t("toolbox.initialstooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="initials"}),this.showTool("number")&&t("ls-toolbox-field",{elementType:"text",formElementType:"number",label:i.t("toolbox.number"),defaultHeight:r["number"].defaultHeight,defaultWidth:r["number"].defaultWidth,validation:50,icon:"hashtag-icon",tooltip:i.t("toolbox.numbertooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="number"}),this.showTool("dropdown")&&t("ls-toolbox-field",{elementType:"text",formElementType:"dropdown",label:i.t("toolbox.dropdown"),defaultHeight:r["dropdown"].defaultHeight,defaultWidth:r["dropdown"].defaultWidth,validation:20,icon:"dropdown-icon",tooltip:i.t("toolbox.dropdowntooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="dropdown"}),this.showTool("checkbox")&&t("ls-toolbox-field",{elementType:"text",formElementType:"checkbox",label:i.t("toolbox.checkbox"),defaultHeight:r["checkbox"].defaultHeight,defaultWidth:r["checkbox"].defaultWidth,validation:25,icon:"check-icon",tooltip:i.t("toolbox.checkboxtooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="checkbox"}),this.signer>0&&this.showTool("regex")&&t("ls-toolbox-field",{elementType:"text",formElementType:"regular expression",label:i.t("toolbox.regex"),defaultHeight:r["regular expression"].defaultHeight,defaultWidth:r["regular expression"].defaultWidth,validation:93,icon:"code-icon",tooltip:i.t("toolbox.regextooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="regular expression"}),this.signer>0&&this.showTool("file")&&t("ls-toolbox-field",{elementType:"text",formElementType:"file",label:i.t("toolbox.file"),defaultHeight:r["file"].defaultHeight,defaultWidth:r["file"].defaultWidth,validation:74,icon:"upload-icon",tooltip:i.t("toolbox.filetooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="file"}),this.signer>0&&this.showTool("drawn")&&t("ls-toolbox-field",{elementType:"text",formElementType:"drawn field",label:i.t("toolbox.drawn"),defaultHeight:r["drawn field"].defaultHeight,defaultWidth:r["drawn field"].defaultWidth,validation:90,icon:"pencil-icon",tooltip:i.t("toolbox.drawntooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="drawn field"})))}renderEditor(){return t("div",{id:"ls-left-box",class:"ls-dv-left-box"},t("div",{class:!this.selected||this.selected.length===0?"ls-dv-left-box-inner":"ls-dv-hidden"},t("ls-feature-column",{mode:this.mode,manager:this.manager,onManage:e=>this.managerChange.emit(e.detail)}),this.template?.locked&&t("div",{class:"ls-dv-locked-overlay"}),this.renderToolbox(),t("ls-participant-manager",{id:"ls-participant-manager",class:this.manager==="participant"?"ls-dv-toolbox":"ls-dv-hidden",activeSigner:this.signer,template:this.template,busy:this.busy}),t("ls-document-options",{id:"ls-document-options",class:this.manager==="document"?"ls-dv-toolbox":"ls-dv-hidden",template:this.template}),t("ls-validation-manager",{id:"ls-validation-manager",class:this.manager==="validation"?"ls-dv-toolbox":"ls-dv-hidden"})),this.renderFieldProperties())}renderCompose(){return t("div",{id:"ls-left-box",class:"ls-dv-left-box"},t("div",{class:!this.selected||this.selected.length===0?"ls-dv-left-box-inner":"ls-dv-hidden"},this.template?.locked&&t("div",{class:"ls-dv-locked-overlay"}),t("ls-recipient-manager",{id:"ls-recipient-manager",class:"ls-dv-compose-toolbox"},t("div",{class:"ls-dv-scroll-gradient-top"}),t("div",{class:"ls-dv-scroll-gradient-bottom"}),t("ls-validation-tag",{validationErrors:this.validationErrors,style:{position:"absolute",top:"1.125rem",right:"1rem"},type:"compose"}),t("div",{class:"ls-dv-recipients-box"},this.recipients&&this.recipients.map((e=>t("ls-recipient-card",{recipient:e,activeRecipient:this.signer,filtertoolbox:this.filtertoolbox,template:this.template,validationErrors:this.validationErrors,fieldTypeSelected:this.fieldTypeSelected,"data-signer-index":e.signerIndex})))),t("slot",{name:"recipient-panel"}))),this.renderFieldProperties())}render(){return this.mode==="editor"?this.renderEditor():this.mode==="compose"?this.renderCompose():null}static get watchers(){return{manager:["managerWatchHandler"],signer:["signerChanged"]}}};h.style=b();const u=()=>`.container{display:block;line-height:0}.logo-svg{display:block;width:100%;height:100%}@keyframes sequential-back{0%{opacity:0;transform:scale(0.3)}2%{opacity:0.3;transform:scale(0.5)}4%{opacity:0.6;transform:scale(0.7)}6%{opacity:0.8;transform:scale(0.85)}8%{opacity:1;transform:scale(1)}22%{opacity:1;transform:scale(1)}55%{opacity:1;transform:scale(1)}64%{opacity:1;transform:scale(1)}65%{opacity:0.9;transform:scale(0.95)}66.2%{opacity:0.75;transform:scale(0.88)}67.2%{opacity:0.6;transform:scale(0.8)}68%{opacity:0.4;transform:scale(0.7)}68.8%{opacity:0.25;transform:scale(0.6)}69.5%{opacity:0.1;transform:scale(0.45)}70%{opacity:0.05;transform:scale(0.35)}71%{opacity:0;transform:scale(0.3)}100%{opacity:0;transform:scale(0.3)}}@keyframes sequential-middle{0%,16%{opacity:0;transform:scale(0.3)}18%{opacity:0.3;transform:scale(0.5)}20%{opacity:0.6;transform:scale(0.7)}22%{opacity:0.8;transform:scale(0.85)}24%{opacity:1;transform:scale(1)}36%,65%,70%{opacity:1;transform:scale(1)}71%{opacity:0.9;transform:scale(0.95)}72.2%{opacity:0.75;transform:scale(0.88)}73.2%{opacity:0.6;transform:scale(0.8)}74%{opacity:0.4;transform:scale(0.7)}74.8%{opacity:0.25;transform:scale(0.6)}75.5%{opacity:0.1;transform:scale(0.45)}76%{opacity:0.05;transform:scale(0.35)}77%,100%{opacity:0;transform:scale(0.3)}}@keyframes sequential-front{0%,32%{opacity:0;transform:scale(0.3)}34%{opacity:0.3;transform:scale(0.5)}36%{opacity:0.6;transform:scale(0.7)}38%{opacity:0.8;transform:scale(0.85)}40%{opacity:1;transform:scale(1)}60%,76%{opacity:1;transform:scale(1)}77%{opacity:0.9;transform:scale(0.95)}78.2%{opacity:0.75;transform:scale(0.88)}79.2%{opacity:0.6;transform:scale(0.8)}80%{opacity:0.4;transform:scale(0.7)}80.8%{opacity:0.25;transform:scale(0.6)}81.5%{opacity:0.1;transform:scale(0.45)}82%{opacity:0.05;transform:scale(0.35)}83%,100%{opacity:0;transform:scale(0.3)}}.sequential-back{animation:sequential-back 2.5s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;transform-origin:center}.sequential-middle{animation:sequential-middle 2.5s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;transform-origin:center}.sequential-front{animation:sequential-front 2.5s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;transform-origin:center}`;const v=class{constructor(t){e(this,t);this.size=48}render(){const e={width:`${this.size}px`,height:`${this.size}px`};if(this.colour&&this.colour!=="none"){e.color=this.colour.startsWith("var(")||this.colour.startsWith("#")||this.colour.startsWith("rgb")?this.colour:`var(--${this.colour}-50)`}return t("div",{key:"aea250a8239e436e11b450717d2307b4513f1ef6",class:"container",style:e},t("svg",{key:"ce9d36c3305a8006a0df2316d370038d3cbcd44c",class:"logo-svg",fill:"none",preserveAspectRatio:"none",viewBox:"0 0 20 20"},t("path",{key:"7717fcbb570cd9d413dd413d72e0473ec9aa52ca",class:"sequential-front",d:"M9.11077 0.940012C8.98702 0.868406 8.83446 0.868297 8.71061 0.939725C8.58675 1.01115 8.51044 1.14326 8.51044 1.28623V2.34625C8.51044 2.48927 8.5868 2.62141 8.71071 2.69282L14.6321 6.10546C14.818 6.21257 14.9325 6.41078 14.9325 6.6253V13.4621C14.9325 13.6044 15.0081 13.7359 15.131 13.8076L16.0285 14.3311C16.1522 14.4033 16.305 14.4038 16.4292 14.3325C16.5534 14.2611 16.63 14.1288 16.63 13.9856V5.52152C16.63 5.37876 16.5539 5.24681 16.4303 5.17531L9.11077 0.940012Z",fill:"currentColor"}),t("path",{key:"cbd622c3b157465c471d4b999feb0548a4098f6d",class:"sequential-middle",d:"M6.35621 2.52413C6.23246 2.45251 6.07989 2.45239 5.95603 2.52381C5.83217 2.59524 5.75585 2.72735 5.75585 2.87033V3.94156C5.75585 4.08504 5.83269 4.21752 5.95722 4.28876L8.20838 5.57659C8.39518 5.68345 8.51044 5.88218 8.51044 6.09739V9.75268C8.51044 9.89534 8.58642 10.0272 8.70984 10.0987L11.8717 11.9316C12.0569 12.0389 12.1708 12.2367 12.1708 12.4507V16.1015C12.1708 16.2434 12.2461 16.3747 12.3685 16.4465L13.2784 16.9801C13.4021 17.0526 13.5552 17.0534 13.6796 16.9821C13.804 16.9108 13.8808 16.7784 13.8808 16.635V7.10976C13.8808 6.96701 13.8047 6.83507 13.6811 6.76356L6.35621 2.52413Z",fill:"currentColor"}),t("path",{key:"f48f2302c0e6fc4ef123647cd6c3b56bad69f974",class:"sequential-back",d:"M3.60419 4.12505C3.48039 4.05421 3.32824 4.05465 3.20486 4.1262C3.08147 4.19776 3.00552 4.3296 3.00552 4.47223V15.0385C3.00552 15.1812 3.08151 15.3131 3.20494 15.3846L10.5339 19.6323C10.6576 19.704 10.8102 19.7042 10.9341 19.6328C11.0581 19.5614 11.1344 19.4293 11.1344 19.2862V12.9374C11.1344 12.795 11.0587 12.6634 10.9357 12.5917L7.78047 10.7551C7.59587 10.6476 7.48232 10.4501 7.48232 10.2365V6.57621C7.48232 6.43276 7.40549 6.30029 7.28098 6.22904L3.60419 4.12505Z",fill:"currentColor"})))}};v.style=u();const g=()=>`.ls-select-menu{position:relative}.ls-select-menu-trigger{display:flex;align-items:center;justify-content:center;gap:0;height:2rem;width:2rem;min-height:unset;min-width:unset;border-radius:0.625rem;background:var(--primary-10, #eff4ff);border:1px solid var(--primary-60, #4456f6);color:var(--primary-60, #4456f6);cursor:pointer;overflow:hidden;white-space:nowrap;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);transition:width 0.2s ease, gap 0.2s ease}.ls-select-menu-trigger-text{font-family:var(--font-family);font-size:var(--text-sm);font-weight:400;color:var(--primary-60, #4456f6);max-width:0;opacity:0;overflow:hidden;transition:max-width 0.2s ease, opacity 0.15s ease}.ls-select-menu-trigger:hover,.ls-select-menu-trigger-expanded{width:auto;gap:0.375rem;padding:0.125rem 0.625rem 0.125rem 0.5rem}.ls-select-menu-trigger-expanded{outline:4px solid var(--primary-30, #9dc3fc)}.ls-select-menu-trigger:hover .ls-select-menu-trigger-text,.ls-select-menu-trigger-expanded .ls-select-menu-trigger-text{max-width:8rem;opacity:1}.ls-select-menu-dropdown{position:absolute;top:2.5rem;left:0;min-width:14rem;padding:0.25rem;border-radius:1rem;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);z-index:1000}.ls-select-menu-item{display:flex;align-items:center;width:100%;padding:0.5rem 0.75rem;border:none;border-radius:0.75rem;background:transparent;color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-weight:400;cursor:pointer;text-align:left;min-height:unset;white-space:nowrap}.ls-select-menu-item:hover:not(:disabled){background:var(--gray-10, #f7f8fa)}.ls-select-menu-disabled{color:var(--gray-40, #d8d9dc);cursor:not-allowed}.ls-select-menu-divider{height:1px;margin:0.25rem -0.75rem;background:var(--gray-20, #edeff2)}`;const y=class{constructor(t){e(this,t);this.selectFields=s(this,"selectFields",7)}get el(){return a(this)}selected=[];pageNum;editor;floating=false;isOpen=false;isVisible=false;isHeldDown=false;floatingTop=0;floatingLeft=0;scrollHandler;frameMouseDownHandler;frameMouseUpHandler;frameKeyDownHandler;frameKeyUpHandler;selectFields;componentDidLoad(){["mousedown","mouseup","mousemove","click","dblclick"].forEach((e=>{this.el.addEventListener(e,(e=>{e.stopPropagation()}))}));if(this.floating){this.scrollHandler=()=>this.updateFloatingVisibility();const e=this.editor?.component?.shadowRoot?.getElementById("document-frame-wrapper");if(e)e.addEventListener("scroll",this.scrollHandler);const t=this.editor?.component?.shadowRoot?.getElementById("ls-document-frame");if(t){this.frameMouseDownHandler=()=>{this.isHeldDown=true};this.frameMouseUpHandler=()=>{this.isHeldDown=false;this.updateFloatingVisibility()};t.addEventListener("mousedown",this.frameMouseDownHandler);t.addEventListener("mouseup",this.frameMouseUpHandler)}const o=new Set(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"]);this.frameKeyDownHandler=e=>{if(o.has(e.key))this.isHeldDown=true};this.frameKeyUpHandler=e=>{if(o.has(e.key)){this.isHeldDown=false;this.updateFloatingVisibility()}};document.addEventListener("keydown",this.frameKeyDownHandler);document.addEventListener("keyup",this.frameKeyUpHandler)}}disconnectedCallback(){if(this.floating){const e=this.editor?.component?.shadowRoot?.getElementById("document-frame-wrapper");if(e&&this.scrollHandler)e.removeEventListener("scroll",this.scrollHandler);const t=this.editor?.component?.shadowRoot?.getElementById("ls-document-frame");if(t){if(this.frameMouseDownHandler)t.removeEventListener("mousedown",this.frameMouseDownHandler);if(this.frameMouseUpHandler)t.removeEventListener("mouseup",this.frameMouseUpHandler)}if(this.frameKeyDownHandler)document.removeEventListener("keydown",this.frameKeyDownHandler);if(this.frameKeyUpHandler)document.removeEventListener("keyup",this.frameKeyUpHandler)}}onSelectionChange(){if(this.floating){this.updateFloatingVisibility()}}updateFloatingVisibility(){if(!this.floating||!this.editor){this.isVisible=false;return}const e=this.selected?.filter((e=>e.dataItem?.page===this.pageNum));if(!e||e.length===0){this.isVisible=false;return}const t=this.editor.component?.shadowRoot?.querySelector(".ls-dv-select-menu-position");if(!t){this.isVisible=false;return}const o=this.editor.component?.shadowRoot?.getElementById("document-frame-wrapper");if(!o){this.isVisible=false;return}const a=o.getBoundingClientRect();const s=t.getBoundingClientRect();const i=s.top>=a.top&&s.bottom<=a.bottom&&s.left>=a.left&&s.right<=a.right;if(i){this.isVisible=false;return}const r=this.editor.component?.shadowRoot?.getElementById("ls-document-frame");if(!r){this.isVisible=false;return}const l=r.getBoundingClientRect();let d=-Infinity;let n=Infinity;e.forEach((e=>{const t=e.getBoundingClientRect();const o=t.right-l.left;const a=t.top-l.top;if(o>d)d=o;if(a<n)n=a}));this.floatingTop=n+r.scrollTop;this.floatingLeft=d+r.scrollLeft+8;this.isVisible=true}handleWindowClick(e){if(this.isOpen&&!this.el.shadowRoot.contains(e.composedPath()[0])){this.isOpen=false}}get hasSelection(){return this.selected?.length>0}getAllFields(){return Array.from(this.editor?.component?.shadowRoot?.querySelectorAll("ls-editor-field")||[])}selectAll(){const e=this.getAllFields();this.selectFields.emit(e.map((e=>e.dataItem)));this.isOpen=false}selectAllOnPage(){const e=this.getAllFields().filter((e=>e.dataItem?.page===this.pageNum));this.selectFields.emit(e.map((e=>e.dataItem)));this.isOpen=false}selectBySameParticipant(){if(!this.hasSelection)return;const e=new Set(this.selected.map((e=>e.dataItem?.signer)));const t=this.getAllFields().filter((t=>e.has(t.dataItem?.signer)));this.selectFields.emit(t.map((e=>e.dataItem)));this.isOpen=false}selectBySameType(){if(!this.hasSelection)return;const e=new Set(this.selected.map((e=>e.dataItem?.formElementType)));const t=this.getAllFields().filter((t=>e.has(t.dataItem?.formElementType)));this.selectFields.emit(t.map((e=>e.dataItem)));this.isOpen=false}selectBySameParticipantAndType(){if(!this.hasSelection)return;const e=new Set(this.selected.map((e=>`${e.dataItem?.signer}::${e.dataItem?.formElementType}`)));const t=this.getAllFields().filter((t=>e.has(`${t.dataItem?.signer}::${t.dataItem?.formElementType}`)));this.selectFields.emit(t.map((e=>e.dataItem)));this.isOpen=false}render(){if(this.floating&&(!this.isVisible||this.isHeldDown))return null;const e=i.t("selectmenu.disabledtooltip");if(this.floating){this.el.style.position="absolute";this.el.style.top=this.floatingTop+"px";this.el.style.left=this.floatingLeft+"px"}return t("div",{class:"ls-select-menu"},t("button",{class:{"ls-select-menu-trigger":true,"ls-select-menu-trigger-expanded":this.isOpen},onClick:()=>this.isOpen=!this.isOpen},t("ls-icon",{name:"cursor-click-icon"}),t("span",{class:"ls-select-menu-trigger-text"},this.floating?i.t("selectmenu.titlefloating"):i.t("selectmenu.title"))),this.isOpen&&t("div",{class:"ls-select-menu-dropdown"},t("button",{class:"ls-select-menu-item",onClick:()=>this.selectAll()},i.t("selectmenu.selectall")),t("button",{class:"ls-select-menu-item",onClick:()=>this.selectAllOnPage()},i.t("selectmenu.selectallonpage")),t("div",{class:"ls-select-menu-divider"}),t("button",{class:{"ls-select-menu-item":true,"ls-select-menu-disabled":!this.hasSelection},disabled:!this.hasSelection,onClick:()=>this.selectBySameParticipant(),"data-tooltip-id":"ls-select-menu-tooltip","data-tooltip-content":!this.hasSelection?e:null,"data-tooltip-place":"left"},i.t("selectmenu.sameparticipant")),t("button",{class:{"ls-select-menu-item":true,"ls-select-menu-disabled":!this.hasSelection},disabled:!this.hasSelection,onClick:()=>this.selectBySameType(),"data-tooltip-id":"ls-select-menu-tooltip","data-tooltip-content":!this.hasSelection?e:null,"data-tooltip-place":"left"},i.t("selectmenu.sametype")),t("button",{class:{"ls-select-menu-item":true,"ls-select-menu-disabled":!this.hasSelection},disabled:!this.hasSelection,onClick:()=>this.selectBySameParticipantAndType(),"data-tooltip-id":"ls-select-menu-tooltip","data-tooltip-content":!this.hasSelection?e:null,"data-tooltip-place":"left"},i.t("selectmenu.sameparticipantandtype"))),t("ls-tooltip",{tooltipId:"ls-select-menu-tooltip"}))}static get watchers(){return{selected:["onSelectionChange"],pageNum:["onSelectionChange"]}}};y.style=g();const k="1.0.1";const x=()=>`: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}`;const w=class{constructor(t){e(this,t)}get component(){return a(this)}zoom;page;pageCount;showThumbnails=false;showZoomMenu=false;showPageMenu=false;editor;mode="editor";setZoom(e){this.editor.setZoom(e);this.zoom=e}fitWidth(){const e=this.editor.component.shadowRoot.getElementById("document-frame-wrapper");const t=(e.clientWidth-396)/this.editor.pageDimensions[this.editor.pageNum-1].width;this.setZoom(Math.round(t*100)/100);requestAnimationFrame((()=>e.scrollTo(0,0)))}fitHeight(){const e=this.editor.component.shadowRoot.getElementById("ls-mid-area");const t=this.editor.component.shadowRoot.getElementById("document-frame-wrapper");const o=getComputedStyle(t);const a=parseFloat(o.paddingTop)+parseFloat(o.paddingBottom);const s=e.clientHeight-a;const i=s/this.editor.pageDimensions[this.editor.pageNum-1].height;this.setZoom(Math.round(i*100)/100)}goToPage(e){const t=e-this.editor.pageNum;if(t>0){for(let e=0;e<t;e++)this.editor.pageNext()}else{for(let e=0;e<Math.abs(t);e++)this.editor.pagePrev()}this.page=e;this.renderThumbnails()}getPageFieldColors(e){const t=this.editor._template;if(!t?.elementConnection?.templateElements)return[];const o=t.elementConnection.templateElements.filter((t=>t.page===e));const a=new Map;o.forEach((e=>a.set(e.signer,(a.get(e.signer)||0)+1)));return Array.from(a.entries()).sort((([e],[t])=>{const o=e%100;const a=t%100;if(o!==a)return o-a;return e-t})).map((([e,o])=>{const a=t.roles?.find((t=>t.signerIndex===e));const s=e%100;return{s40:l[s]?.s40||l[0].s40,s60:l[s]?.s60||l[0].s60,s70:l[s]?.s70||l[0].s70,name:a?.name||`Participant ${e}`,count:o}}))}getPageFields(e){const t=this.editor._template;if(!t?.elementConnection?.templateElements)return[];return t.elementConnection.templateElements.filter((t=>t.page===e))}renderFieldsOnCanvas(e,t,o){const a=this.getPageFields(t);a.forEach((t=>{const a=t.signer%100;const s=l[a]||l[0];const i=t.ax*o.width;const r=t.ay*o.height;const d=(t.bx-t.ax)*o.width;const n=(t.by-t.ay)*o.height;e.fillStyle=s.s40+"1a";e.fillRect(i,r,d,n);e.strokeStyle=s.s60;e.lineWidth=1;if(t.signer>=100){e.setLineDash([2,2])}e.strokeRect(i,r,d,n);e.setLineDash([])}))}renderThumbnails(){const e=this.editor.pdfDocument;if(!e)return;const t=this.component.shadowRoot.getElementById("ls-thumbnail-container");if(!t)return;t.innerHTML="";for(let o=1;o<=this.pageCount;o++){e.getPage(o).then((e=>{const a=e.getViewport({scale:.2});const s=document.createElement("canvas");s.width=a.width;s.height=a.height;s.className=o===this.page?"ls-dv-thumbnail active":"ls-dv-thumbnail";s.addEventListener("click",(()=>this.goToPage(o)));const i=document.createElement("div");i.className="ls-dv-thumbnail-wrapper";i.addEventListener("click",(()=>this.goToPage(o)));const r=document.createElement("div");r.className="ls-dv-thumbnail-dots";this.getPageFieldColors(o).forEach((e=>{const t=document.createElement("span");t.className="ls-dv-thumbnail-dot";t.setAttribute("data-tooltip-id","ls-dv-tooltip");t.setAttribute("data-tooltip-content",`${e.name}, ${e.count} Field${e.count!==1?"s":""}`);t.style.setProperty("--dot-color-40",e.s40);t.style.setProperty("--dot-color-60",e.s60);t.style.setProperty("--dot-color-70",e.s70);r.appendChild(t)}));const l=document.createElement("span");l.textContent=`${o}`;i.appendChild(s);i.appendChild(r);i.appendChild(l);t.appendChild(i);const d=s.getContext("2d");e.render({canvasContext:d,viewport:a}).promise.then((()=>{this.renderFieldsOnCanvas(d,o,a);s.style.opacity="0.99";requestAnimationFrame((()=>{s.style.opacity="1"}))}))}))}}outsideClickHandler=e=>{const t=e.composedPath();if(!t.includes(this.component)){this.showThumbnails=false;this.showZoomMenu=false;this.showPageMenu=false;document.removeEventListener("click",this.outsideClickHandler)}};zoomMenuClickHandler=e=>{const t=e.composedPath();const o=this.component.shadowRoot.getElementById("ls-zoom-menu");const a=this.component.shadowRoot.getElementById("zoom-level-btn");if(!t.includes(o)&&!t.includes(a)){this.showZoomMenu=false;document.removeEventListener("click",this.zoomMenuClickHandler,true)}};pageMenuClickHandler=e=>{const t=e.composedPath();const o=this.component.shadowRoot.getElementById("ls-page-menu");const a=this.component.shadowRoot.getElementById("page-level-btn");if(!t.includes(o)&&!t.includes(a)){this.showPageMenu=false;document.removeEventListener("click",this.pageMenuClickHandler,true)}};applyUndo(){const e=d();if(!e)return;this.editor._skipHistory=true;this.editor.mutate.emit(e)}applyRedo(){const e=n();if(!e)return;this.editor._skipHistory=true;this.editor.mutate.emit(e)}componentWillLoad(){this.zoom=this.editor.zoom}onPageChange(){if(this.showThumbnails){this.renderThumbnails();requestAnimationFrame((()=>{const e=this.component.shadowRoot.getElementById("ls-thumbnail-container");const t=e?.querySelector(".ls-dv-thumbnail.active")?.closest(".ls-dv-thumbnail-wrapper");if(t&&e){const o=12;const a=t.offsetTop-e.offsetTop;const s=a+t.offsetHeight;const i=e.scrollTop;const r=e.clientHeight;if(a-o<i){e.scrollTo({top:a-o,behavior:"smooth"})}else if(s+o>i+r){e.scrollTo({top:s+o-r,behavior:"smooth"})}}}))}}render(){const e=this.mode==="preview";return t(o,{key:"7035c4cdf76ac09b909a098d635dd075d7d9388d",class:{"ls-dv-statusbar-preview":e}},!e&&t("div",{key:"845fe27459a05b96b06c4025c2f8090b75fee027",class:"ls-dv-controls-bar"},t("div",{key:"fd7e683e2e96e3da8cab7ba9626e9c64c70d62ad",class:"ls-dv-status-bar-section"},t("button",{key:"b015f095a886f8fd41318df2ad1ac9cb4e82ee7c",onClick:()=>this.applyUndo(),id:"undo-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.undo")},t("ls-icon",{key:"8ff999de40c5acd0c1cd8dab5858ae8c0b85af99",name:"undo-icon",size:18})),t("button",{key:"5019459ef97755347a26d2dd6bc1c5d46fed1506",onClick:()=>this.applyRedo(),id:"redo-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.redo")},t("ls-icon",{key:"750526932ff82720ee62b3727b35717621031d1b",name:"redo-icon",style:{transform:"scale(-1, 1)",marginLeft:"0.25rem"},size:18})))),t("div",{key:"a1f56781157ad515423a25bcb02c7513a501a26e",class:{"ls-dv-controls-bar":true,"ls-dv-page-nav":true}},t("div",{key:"4b2825b2d93deb7d9976c1f67312053d8fbd6b71",class:"ls-dv-status-bar-section",style:this.pageCount===1&&{display:"none"}},t("button",{key:"19128a07beda58b596a4d838793888074d53cc50",onClick:()=>{this.editor.pagePrev()},disabled:this.page===1,id:"prev-page-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":this.page===1?i.t("statusbar.nopreviouspage"):i.t("statusbar.previouspage")},t("ls-icon",{key:"cd90982d3f1b3f1aabc9f9079a6c065cf60cce59",name:"chevron-left-icon"})),t("button",{key:"570e47ef8164220b2d9aba31e2952c8036c6f99d",id:"page-level-btn",class:"ls-dv-zoom-level-btn",onClick:()=>{this.showPageMenu=!this.showPageMenu;if(this.showPageMenu){requestAnimationFrame((()=>document.addEventListener("click",this.pageMenuClickHandler,true)))}else{document.removeEventListener("click",this.pageMenuClickHandler,true)}}},this.page," / ",this.pageCount),this.showPageMenu&&t("div",{key:"4db0e3d7f8dcc4bb079523abcc6811fd59a9d698",id:"ls-page-menu",class:"ls-dv-zoom-menu ls-dv-page-menu"},Array.from({length:this.pageCount},((e,t)=>t+1)).map((e=>t("button",{class:{"ls-dv-zoom-menu-item":true,active:this.page===e},onClick:()=>{this.goToPage(e);this.showPageMenu=false;document.removeEventListener("click",this.pageMenuClickHandler,true)}},e,this.page===e&&t("ls-icon",{name:"check-icon",size:14}))))),t("button",{key:"7b92c7db1a2470124a797af3b69d53d78254080d",onClick:()=>{this.editor.pageNext()},disabled:this.page===this.pageCount,id:"next-page-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":this.page===this.pageCount?i.t("statusbar.nonextpage"):i.t("statusbar.nextpage")},t("ls-icon",{key:"bda8988bbd778bbc16f75d2d7299987d9e550753",name:"chevron-right-icon"})))),t("div",{key:"88ad63ca844b8c7ca543fc9cad995eec8ae4cb91",class:"ls-dv-status-bar-group"},t("div",{key:"72f15c5e488a8b0e7cb214e01ac53dcb220fe592",class:"ls-dv-controls-bar",style:{position:"relative"}},t("div",{key:"5e3dae4cd7ebf60b57e99995b75a4380729ded88",class:"ls-dv-status-bar-section"},t("button",{key:"f2e8c3af825e08bc4fb16750e41ef423e6aff93b",onClick:()=>this.setZoom(this.editor.zoom*.8),id:"zoom-out-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.zoomout")},t("ls-icon",{key:"9ce1369ee910dfd32745f729e7dcc6208641867b",name:"zoom-out-icon"})),t("button",{key:"453fb7ba30e350a151d2b66d0a79c70736f56d3a",id:"zoom-level-btn",class:"ls-dv-zoom-level-btn",onClick:()=>{this.showZoomMenu=!this.showZoomMenu;if(this.showZoomMenu){requestAnimationFrame((()=>document.addEventListener("click",this.zoomMenuClickHandler,true)))}else{document.removeEventListener("click",this.zoomMenuClickHandler,true)}}},Math.round(this.zoom*100),"%"),this.showZoomMenu&&t("div",{key:"f0f85d4c6a5c5abb0082e86be9fdbd4d12a12fb3",id:"ls-zoom-menu",class:"ls-dv-zoom-menu"},[2,1.75,1.5,1.25,1,.75,.5,.25].map((e=>t("button",{class:{"ls-dv-zoom-menu-item":true,active:Math.round(this.zoom*100)===Math.round(e*100)},onClick:()=>{this.setZoom(e);this.showZoomMenu=false;document.removeEventListener("click",this.zoomMenuClickHandler,true)}},Math.round(e*100),"%",Math.round(this.zoom*100)===Math.round(e*100)&&t("ls-icon",{name:"check-icon",size:14}))))),t("button",{key:"a38a804049f94cba70d971abf0f58e0d9d43b18f",onClick:()=>this.setZoom(this.editor.zoom/.8),id:"zoom-in-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.zoomin")},t("ls-icon",{key:"068c11f60c6f720f35edb708e576c4aa2ea088a2",name:"zoom-in-icon"}))),!e&&t("div",{key:"836b1aeba9b7889ea5179abb85efab92aab47bf6",class:"ls-dv-status-bar-section"},t("button",{key:"307f97758525ea29151c6e35e4f303b9da6dd226",onClick:()=>this.fitWidth(),id:"fit-width-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.fitwidth")},t("ls-icon",{key:"42ceb3d52ad6d31c38dc473317aa6b23af22bcc9",name:"fit-width-icon"})),t("button",{key:"ee95d25f126735b2795813f2399eac7edf5c0420",onClick:()=>this.fitHeight(),id:"fit-height-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.fitheight")},t("ls-icon",{key:"04ddc66e1fbcadc80d63e2afd3ade9faf8eac8bc",name:"fit-height-icon"}))),t("div",{key:"50e0ea122a95e934f85cd33b1cf0df1eaaecaac3",class:"ls-dv-status-bar-section",style:this.pageCount===1?{display:"none"}:{}},t("button",{key:"59293ddd95468c0f01849de3fdb75ba8664b572c",onClick:()=>{this.showThumbnails=!this.showThumbnails;if(this.showThumbnails){requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.renderThumbnails();document.addEventListener("click",this.outsideClickHandler)}))}))}else{document.removeEventListener("click",this.outsideClickHandler)}},id:"page-thumbnails-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.pagethumbnails")},t("ls-icon",{key:"57f1da537f3909bc72933d7f9e5bd61495ab0f18",name:!this.showThumbnails?"side-panel-open-right-icon":"side-panel-close-right-icon",size:18}))),this.showThumbnails&&t("div",{key:"e6936f45285b825ed96b56e9316754082558b757",class:"ls-dv-thumbnail-popover"},t("div",{key:"edfd8ba1e8108c0aa9252aa78c7b6a268ba7e006",id:"ls-thumbnail-container",class:"ls-dv-thumbnail-grid"}))),!e&&t("ls-helper-bar",{key:"c883f32c7a33b3f08006e972ce0d9698f04e8a4f"}),t("span",{key:"613689fe8f313f61a0cd104479c0e22d1105346d",class:"ls-dv-version"},"v",k),t("ls-tooltip",{key:"7a4e67c40ed2e46dea34444ba9a36a165816e809",tooltipId:"ls-dv-tooltip"}),t("slot",{key:"8f3dbe04c66ff9192f62e8f16a3bf5c5adb9fe1e"})))}static get watchers(){return{page:["onPageChange"]}}};w.style=x();const _=()=>`.ls-dv-toolbar{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;width:100%;align-items:center;justify-content:center;padding:0.375rem;gap:0.5rem;width:fit-content;border-radius:1.125rem;border:1px solid var(--gray-20, #edeff2);background:var(--white, #ffffff);z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.ls-dv-selection-banner{position:absolute;top:4.75rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0.25rem;padding:0.375rem 0.25rem 0.375rem 0.625rem;border-radius:0.75rem;border:1px solid var(--primary-30, #9dc3fc);background:var(--primary-10, #eff4ff);color:var(--primary-70, #2134dc);font-size:var(--text-sm);line-height:var(--text-sm);white-space:nowrap;z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.ls-dv-selection-dot{width:0.5rem;height:0.5rem;border-radius:50%;background:var(--primary-50, #5185ff);margin-right:0.25rem}.ls-dv-selection-banner-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--primary-60, #4456f6);padding:0.125rem;min-height:unset;min-width:unset;border-radius:0.375rem;cursor:pointer;margin-right:-0.125rem}.ls-dv-selection-banner-close:hover{background:var(--primary-20, #c7ddff);color:var(--primary-70, #2134dc)}.ls-dv-invisible{display:none}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:400;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:100vh;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-locked-banner{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0.75rem;padding:0.625rem;border-radius:1.125rem;border:1px solid var(--yellow-30, #fcec9d);background:var(--yellow-10, #fffcef);z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);white-space:nowrap}.ls-dv-locked-banner-text{display:flex;flex-direction:column;gap:0}.ls-dv-locked-banner-title{color:var(--yellow-100, #70350d);font-size:var(--text-sm);font-weight:500;line-height:1.25rem}.ls-dv-locked-banner-subtitle{color:var(--yellow-90, #8a3f0e);font-size:0.6875rem;font-weight:400;line-height:1rem}.ls-dv-locked-banner-icon{padding:0.5rem;background:var(--yellow-20, #fff3c2);color:var(--yellow-80, #9e5913);border-radius:50%;display:flex;align-items:center;justify-content:center}.ls-dv-locked-banner-unlock{display:flex;align-items:center;gap:0.375rem;padding:0.5rem 0.75rem;border-radius:0.75rem;border:1px solid var(--yellow-30, #fcec9d);background:var(--white, #ffffff);color:var(--yellow-90, #8a3f0e);font-size:var(--text-sm);font-weight:500;cursor:pointer;min-height:unset}.ls-dv-locked-banner-unlock:hover{background:var(--yellow-20, #fff3c2);border-color:var(--yellow-40, #ffe561)}`;const z=class{constructor(t){e(this,t);this.mutate=s(this,"mutate",7);this.update=s(this,"update",7)}get component(){return a(this)}dataItem;groupInfo;template;editor;mode;signer;selected;pageNum;mutate;update;alter(e){const t=this.dataItem.map((t=>({action:"update",data:{...t,...e}})));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}componentDidLoad(){["mousedown","mouseup","mousemove","mouseenter","mouseleave","mouseover","mouseout","click","dblclick","contextmenu"].forEach((e=>{this.component.addEventListener(e,(e=>{e.stopPropagation()}))}))}renderEditor(){return t("div",{class:"ls-dv-toolbar"},this.dataItem&&this.dataItem.length>1?t("div",{class:"rowbox"},t("ls-field-format",{dataItem:this.dataItem})):t("div",{class:"rowbox"},t("ls-field-format",{dataItem:this.dataItem}),t("ls-participant-select",{id:"ls-participant-select",roles:this.template?.roles,signer:this.signer,style:{display:this.dataItem&&this.dataItem.length===1?"none":"block"}}),t("ls-tooltip",{tooltipId:"ls-dv-tooltip"})),t("slot",null))}renderCompose(){return t("div",{class:this.dataItem&&this.dataItem.length>0?"ls-dv-toolbar":""},t("div",{class:"rowbox"},t("ls-field-format",{dataItem:this.dataItem}),t("ls-tooltip",{tooltipId:"ls-dv-tooltip"})),t("slot",null))}renderSelectionBanner(){if(!this.selected||this.selected.length===0)return null;const e=this.pageNum;const o=this.selected.filter((t=>t.dataItem?.page===e)).length;const a=this.selected.length-o;if(a===0)return null;return t("div",{class:"ls-dv-selection-banner"},t("ls-icon",{style:{marginRight:"0.125rem"},name:"target-icon",size:16}),t("span",null,t("span",{style:{fontWeight:"500"}},i.t("toolbar.fieldsselectedcount",{total:this.selected.length}))," ",i.t("toolbar.fieldsselecteddetail",{thispage:o,otherpages:a})),t("button",{class:"ls-dv-selection-banner-close",onClick:()=>this.editor.unselect(),"data-tooltip-id":"ls-dv-selection-tooltip","data-tooltip-content":i.t("toolbar.deselectall"),"data-tooltip-place":"bottom"},t("ls-icon",{name:"x-icon",size:16})),t("ls-tooltip",{tooltipId:"ls-dv-selection-tooltip"}))}renderLockedBanner(){return t("div",{class:"ls-dv-locked-banner"},t("div",{class:"ls-dv-locked-banner-icon"},t("ls-icon",{name:"lock-closed-icon",size:20})),t("div",{class:"ls-dv-locked-banner-text"},t("span",{class:"ls-dv-locked-banner-title"},i.t("toolbar.templatelocked")),t("span",{class:"ls-dv-locked-banner-subtitle"},i.t("toolbar.editingdisabled"))),t("button",{class:"ls-dv-locked-banner-unlock",onClick:()=>this.mutate.emit([{action:"update",data:{...this.template,locked:false}}])},i.t("toolbar.unlock")))}render(){if(this.template?.locked){return this.renderLockedBanner()}return[this.mode==="editor"?this.renderEditor():this.mode==="compose"?this.renderCompose():null,this.renderSelectionBanner()]}};z.style=_();export{f as ls_compose_loader,p as ls_editor_table,h as ls_left_bar,v as ls_loading_logo,y as ls_select_menu,w as ls_statusbar,z as ls_toolbar};
2
- //# sourceMappingURL=p-a00687df.entry.js.map
1
+ import{r as e,h as t,H as o,a,c as s}from"./p-CItPoq74.js";import{d as i}from"./p-WVWIAGo_.js";import{F as r}from"./p-04cXI5GQ.js";import{d as l}from"./p-CwCWCxsI.js";import{a as d,r as n}from"./p-xqZBqrca.js";const c=()=>`:host{position:absolute;display:flex;top:0;left:0;height:100%;width:100%;z-index:3000}:host>*{box-sizing:border-box;margin:0;padding:0}.ls-dv-compose-loader{display:flex;flex-direction:column;background:var(--gray-10, #f7f8fa);width:100%;height:100%}.ls-dv-compose-loader__header{border-bottom:1px solid var(--gray-20, #edeff2);pointer-events:none;height:2rem;background:white;display:flex;align-items:center;justify-content:center}.ls-dv-compose-loader__header-skeleton{width:10rem;height:0.75rem;background:linear-gradient(90deg, var(--gray-30, #e0e2e5) 25%, transparent 100%);border-radius:0.625rem;animation:pulse 1.5s infinite}.ls-dv-compose-loader__header-bar{padding:1rem;display:flex;align-items:center}.ls-dv-compose-loader__header-title{font-weight:bold;font-size:1.1rem}.ls-dv-compose-loader__header-docname{margin-left:1rem;color:var(--gray-100, #45484d)}.ls-dv-compose-loader__main{display:flex;padding:1rem;gap:1.5rem;height:calc(100% - 2.375rem);position:relative}.ls-dv-compose-loader__sidebar{position:absolute;height:100%;width:19rem}.ls-dv-compose-loader__card{display:flex;flex-direction:column;gap:0.75rem;padding:1rem;background:var(--white, #ffffff);border-radius:1.5rem;border:1px solid var(--gray-30, #e0e2e5);width:100%;height:100%;max-height:calc(100% - 2rem);overflow:hidden}.ls-dv-compose-loader__skeleton,.ls-dv-compose-loader__icon-skeleton{background:linear-gradient(90deg, var(--gray-30, #e0e2e5) 25%, transparent 100%);border-radius:0.625rem;animation:pulse 1.5s infinite}.ls-dv-skeleton-title{width:12.5rem;min-height:1.25rem}.ls-dv-skeleton-line--blue,.ls-dv-skeleton-line--green,.ls-dv-skeleton-line--gray,.ls-dv-skeleton-line{width:12.5rem;height:0.75rem}.ls-dv-skeleton-short--blue,.ls-dv-skeleton-short--green,.ls-dv-skeleton-short--gray,.ls-dv-skeleton-short{width:5rem;height:0.75rem}.ls-dv-skeleton-medium{width:4rem;height:0.75rem}.ls-dv-skeleton-icon{width:1rem;height:1rem}.ls-dv-skeleton-btn{width:7rem;height:0.75rem;background:linear-gradient(90deg, var(white) 25%, transparent 100%)}.ls-dv-skeleton-btn-icon{width:1rem;height:1rem;background:linear-gradient(90deg, var(white) 25%, transparent 100%)}.ls-dv-skeleton-line--blue,.ls-dv-skeleton-short--blue{background:linear-gradient(90deg, var(--blue-50, #78a3fa) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-box--blue{background:linear-gradient(90deg, var(--blue-30, #bed4fa) 25%, transparent 100%)}.ls-dv-skeleton-line--green,.ls-dv-skeleton-short--green{background:linear-gradient(90deg, var(--green-50, #57e5b1) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-box--green{background:linear-gradient(90deg, var(--green-30, #9df5d4) 25%, transparent 100%)}.ls-dv-skeleton-line--gray,.ls-dv-skeleton-short--gray{background:linear-gradient(90deg, var(--gray-50, #c8c9cc) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-box--gray{background:linear-gradient(90deg, var(--gray-30, #e0e2e5) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-group{display:flex;flex-direction:column;gap:0.5rem}.ls-dv-compose-loader__section{display:flex;flex-direction:column;gap:0.75rem;border:1px solid var(--gray-30, #e0e2e5);padding:0.75rem;border-radius:1.5rem;background:var(--gray-10, #f7f8fa);margin-top:0.25rem;box-shadow:0 1px 2px rgba(0, 0, 0, 0.03)}.ls-dv-compose-loader__section--blue{border-color:var(--blue-30, #bed4fa);background:var(--blue-10, #f0f6ff)}.ls-dv-compose-loader__section--green{border-color:var(--green-30, #9df5d4);background:var(--green-10, #effff9)}.ls-dv-compose-loader__skeleton-box--green,.ls-dv-compose-loader__skeleton-box--blue,.ls-dv-compose-loader__skeleton-box--gray{display:flex;align-items:center;width:5rem;height:1.15rem;border-radius:0.375rem}.ls-dv-compose-loader__row{display:flex;gap:0.75rem;background:var(--white, #ffffff);border:1px solid var(--gray-20, #edeff2);padding:0.5rem 1rem 0.5rem 0.5rem;border-radius:0.625rem;align-items:center}.ls-dv-compose-loader__icon-skeleton--blue{display:flex;align-items:center;justify-content:center;min-width:2.375rem;min-height:2.375rem;background:var(--blue-10, #f0f6ff);border:1px solid var(--blue-30, #bed4fa);border-radius:0.625rem}.ls-dv-compose-loader__icon--blue{width:1.25rem;height:1.25rem;background:linear-gradient(90deg, var(--blue-30, #bed4fa) 25%, transparent 100%);border-radius:0.625rem}.ls-dv-compose-loader__icon-skeleton--green{display:flex;align-items:center;justify-content:center;min-width:2.375rem;min-height:2.375rem;background:var(--green-10, #effff9);border:1px solid var(--green-30, #9df5d4);border-radius:0.625rem}.ls-dv-compose-loader__icon--green{width:1.25rem;height:1.25rem;background:linear-gradient(90deg, var(--green-30, #9df5d4) 25%, transparent 100%);border-radius:0.625rem}.ls-dv-compose-loader__row-content{display:flex;width:100%;align-items:center;justify-content:space-between}.ls-dv-compose-loader__preview{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.ls-dv-compose-loader__preview-box{background:var(--white, #ffffff);border:1px solid var(--gray-30, #e0e2e5);aspect-ratio:1/1.414;height:100%;margin-top:7rem;min-width:40vw;box-shadow:0 4px 24px rgba(0, 0, 0, 0.12)}.ls-dv-compose-loader__button{position:absolute;top:1rem;right:1rem;border-radius:1rem;padding:0.25rem;background:var(--white, #ffffff)}.ls-dv-compose-loader__action-btn{border-radius:1rem;padding:1rem;display:flex;align-items:center;gap:0.75rem;border:none;background:var(--primary-60, #4456f6);cursor:not-allowed}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}`;const f=class{constructor(t){e(this,t)}render(){return t(o,{key:"66925e9dd34af4863ed4e7370e1e85d9f80eaf87"},t("div",{key:"27010061a724cb40636d23bb37e4687a0e0d0ba8",class:"ls-dv-compose-loader"},t("div",{key:"087717e58f425b9fd9c87af2e9bced9220b5d14d",class:"ls-dv-compose-loader__header"},t("div",{key:"51a709ae34c0038d3703f289d49dae76117bcbb3",class:"ls-dv-compose-loader__header-skeleton"})),t("div",{key:"ea07ef80e7230e8fd394ce9f0d723a53924af948",class:"ls-dv-compose-loader__main"},t("div",{key:"70bbf539d6600eee46c7befb49d7c7495a517351",class:"ls-dv-compose-loader__sidebar"},t("div",{key:"715abbeacf8388d3420ef6357d99da3f027cfcc0",class:"ls-dv-compose-loader__card"},t("div",{key:"59177068cff8f12ba294d36c20fce692be9e7953",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-title"}),t("div",{key:"832df85aec3bddef6513ddf0ed903c99f44bb166",class:"ls-dv-compose-loader__skeleton-group"},t("div",{key:"b19eab361553cc5a6da936188eebbb873baa65f0",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-line"}),t("div",{key:"383db13deda92d826a13d253afe813f5b429f898",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-short"})),t("div",{key:"9dd22f22261387b389465fa132262ee7f4179e2b",class:"ls-dv-compose-loader__section ls-dv-compose-loader__section--gray"},t("div",{key:"816454552db3a29bf2dc784942585712fcaab1b9",class:"ls-dv-compose-loader__skeleton-box--gray"}),t("div",{key:"baf47b9bcda864b6288ab58edb0a810154dd42cd",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-line--gray"}),t("div",{key:"c6d279cffd4d7a1f48c7b36a9391dc7f8fa4ab67",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-short--gray"})),t("div",{key:"97e73c5f6d2b2badeb0bc8913eeeb25b4aeb57a5",class:"ls-dv-compose-loader__section ls-dv-compose-loader__section--blue"},t("div",{key:"b5d6d672fc2ad098b828347d8032a491bde46e7a",class:"ls-dv-compose-loader__skeleton-box--blue"}),t("div",{key:"e1f8ab15b89858d4b9ed0f6ff6aebbe504a7dbc5",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-line--blue"}),t("div",{key:"60387121d74d9dcc79dad5ab0db8ca02b025c3bd",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-short--blue"}),t("div",{key:"1dea033d443ddfcd75ff773f0ef199a468606c44",class:"ls-dv-compose-loader__row"},t("div",{key:"95a24c8f2075145f0b9b44aa0f2b1d4013c912de",class:"ls-dv-compose-loader__icon-skeleton--blue"},t("div",{key:"eaaca8ca674f07e08232509e817efb2f388df6b1",class:"ls-dv-compose-loader__icon--blue"})),t("div",{key:"6f3a7229004a9442f6fcc59bb453ee65f8526b8c",class:"ls-dv-compose-loader__row-content"},t("div",{key:"be040b87cec5290b01b2785414287353449f5498",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-medium"}),t("div",{key:"c03582bf57afaef8e16db188047b19fd2c475775",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-icon"}))),t("div",{key:"009d9d85feaea321fe670ab381117336a39976f4",class:"ls-dv-compose-loader__row"},t("div",{key:"1483a8589829d6e1977540bf7921e12bd50378d1",class:"ls-dv-compose-loader__icon-skeleton--blue"},t("div",{key:"6dd87ff46844a8f7423fefe1e495c27f173a2e22",class:"ls-dv-compose-loader__icon--blue"})),t("div",{key:"f58b77a63e349112c97d88156912276c09783014",class:"ls-dv-compose-loader__row-content"},t("div",{key:"bc9d55875e890598c28492336c1369941d08aa04",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-medium"}),t("div",{key:"e1c645e2e7bec646b7d7f42257508cbfa025b909",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-icon"}))),t("div",{key:"e8edd044661be82df6b2a2be2c52a6cc6e221982",class:"ls-dv-compose-loader__row"},t("div",{key:"c0fae7b885082a7bf97e46ccaf0f37f538ad0e34",class:"ls-dv-compose-loader__icon-skeleton--blue"},t("div",{key:"c817d87daee04ff2cc141027fe870e119f2bb66c",class:"ls-dv-compose-loader__icon--blue"})),t("div",{key:"b2f0706cedfac9727772c770a7e69dba6fb11054",class:"ls-dv-compose-loader__row-content"},t("div",{key:"6f62e8f75d02adcf60467870cfd3e0f266f3c74a",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-medium"}),t("div",{key:"ba418eda034843a71d545f43514a6383b5b4583f",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-icon"})))),t("div",{key:"5ecd4f27f640bea53f01c862228310d634efd799",class:"ls-dv-compose-loader__section ls-dv-compose-loader__section--green"},t("div",{key:"8c292e665b38b6427fa7c7bf816d8a8f852dc1dc",class:"ls-dv-compose-loader__skeleton-box--green"}),t("div",{key:"d8ed9656ec73cedd2eceb9a1382570bba3e02af6",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-line--green"}),t("div",{key:"150f7bb539ac506fea514383c1bccf86aafadc0f",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-short--green"}),t("div",{key:"eb8c9562fa183337f7fdc2175b9b579ae28dbe45",class:"ls-dv-compose-loader__row"},t("div",{key:"f588bed96119b3fb7d4f12efa384e9b85624ca89",class:"ls-dv-compose-loader__icon-skeleton--green"},t("div",{key:"9854f24d67a0bb0aa9e7fd07c592c07bd4ab7214",class:"ls-dv-compose-loader__icon--green"})),t("div",{key:"3c98b63153b3c4dd065cfa73aad8f168808944e8",class:"ls-dv-compose-loader__row-content"},t("div",{key:"edc0502abecafdabaede38c89c8de1dd200ee10c",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-medium"}),t("div",{key:"44d112e09971baadea758462020c65c6c6b02250",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-icon"}))),t("div",{key:"31b312b002208edaea69847b1ced79598950c9d0",class:"ls-dv-compose-loader__row"},t("div",{key:"b8cd03cef4cbd7727c1b06a9204be213df83e29c",class:"ls-dv-compose-loader__icon-skeleton--green"},t("div",{key:"d35f01f636451ee2931ad8535d94a71b143cbf8f",class:"ls-dv-compose-loader__icon--green"})),t("div",{key:"9af4606bf92a16279d86afae752dc565bd4d74cc",class:"ls-dv-compose-loader__row-content"},t("div",{key:"7f2a048c819d8ad6b19aeca94158c25f287c73b5",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-medium"}),t("div",{key:"35fd8e3f40d790746d74344da993593d1c00d843",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-icon"}))),t("div",{key:"4a00e41d589badf13a939a5c2436ef6ead2a51c7",class:"ls-dv-compose-loader__row"},t("div",{key:"97e93a34a5777c7365d1f8d92068fd85eaaf5e86",class:"ls-dv-compose-loader__icon-skeleton--green"},t("div",{key:"c32bfa5704e85b6960aa7085dfe9c1c2f13c89b2",class:"ls-dv-compose-loader__icon--green"})),t("div",{key:"fa3bdfa11f49a826e5e3d8253cdd31497ca06b43",class:"ls-dv-compose-loader__row-content"},t("div",{key:"f597a0029c99d48c856a30d133da499045c2ad12",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-medium"}),t("div",{key:"be5f8c57c1c172f9a75278b389c89e09f00b607c",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-icon"})))))),t("div",{key:"5e2edde8c78dad2076792ef6ae94a60beb1b9793",class:"ls-dv-compose-loader__preview"},t("div",{key:"fd632681fcd8e71f226894b11bdbd3897b915524",class:"ls-dv-compose-loader__preview-box"})),t("div",{key:"7c6626f9fd44f24135a3ed373d8eea9f96f4b44c",class:"ls-dv-compose-loader__button"},t("button",{key:"40dba5e39e3b7a2cca6d011d7eb8274ca3f616fa",class:"ls-dv-compose-loader__action-btn","aria-hidden":"true",tabindex:-1},t("div",{key:"2d7bf4857b2fecd1e6a75533955cce7f6f97b852",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-btn"}),t("div",{key:"eab66545fad78abb2e204fa5cb8afcdcc1e85d34",class:"ls-dv-compose-loader__skeleton ls-dv-skeleton-btn-icon"}))))))}};f.style=c();const m=()=>`:host{display:block;z-index:100;position:absolute;top:0px;left:0px}table{background-color:azure;border:1px solid black}td{border:1px solid black}`;const p=class{constructor(t){e(this,t)}get component(){return a(this)}editor;componentDidLoad(){var e=this.component.shadowRoot.getElementById("ls-editor-table");Array.from(this.editor.component.shadowRoot.querySelectorAll("ls-editor-field")).forEach((t=>{const o=document.createElement("tr");const a=document.createElement("td");a.innerText=t.dataItem.id;o.appendChild(a);const s=document.createElement("td");s.innerText=t.dataItem.value;o.appendChild(s);const i=document.createElement("td");i.innerText=t.dataItem.label;o.appendChild(i);e.appendChild(o)}))}render(){return t(o,{key:"05fdbcad844194ba3ae1176a0bac61a55a9a7e64"},t("table",{key:"f45381a2639636199b1a081a52528476e04fa2c4",id:"ls-editor-table"}),t("slot",{key:"83e120145baf061dbf15a1c47ffdf3c9454ece7c"}))}};p.style=m();const b=()=>`*,*::before,*::after{box-sizing:border-box}*{margin:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}:host{display:flex;height:100%;max-height:100%;overflow:hidden}:host *{scrollbar-width:none}:host *::-webkit-scrollbar{display:none}.ls-dv-hidden{visibility:hidden;display:none;width:0px}#my-field-panel{position:relative;height:calc(100% - 4.313rem)}.ls-dv-left-box{position:relative;border-radius:1.75rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);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;height:calc(100% - 2rem);max-height:calc(100% - 2rem);overflow:hidden;z-index:1000;left:0;top:0}.ls-dv-left-box-inner{position:relative;display:flex;height:100%;max-height:100%;overflow:hidden;padding:0.75rem;gap:0.75rem}.ls-dv-toolbox{display:flex;flex-direction:column;width:100%;height:100%;border-radius:1.25rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--gray-10, #f7f8fa);padding:0.75rem;gap:1rem;overflow-y:auto}.ls-dv-compose-toolbox{display:flex;flex-direction:column;width:100%;height:100%;overflow:none;border-radius:0;border:none;background:white;padding:0.25rem}.ls-dv-recipients-box{position:relative;display:flex;flex-direction:column;gap:0.75rem;overflow-y:auto;padding:0.75rem 0.25rem 0.25rem 0.25rem;height:100%}.ls-dv-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}.ls-dv-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-dv-editor-infobox{padding:0.125rem 0.5rem 0.125rem 0.5rem}.ls-dv-toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.ls-dv-toolbox-section-description{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-fields-box{display:flex;flex-direction:column;gap:0.75rem}.ls-dv-field-properties-outer{position:relative;height:100%}.ls-dv-properties-header{display:flex;padding:1rem;gap:0.75rem;align-items:center;border-bottom:1px solid var(--gray-20, #edeff2)}.ls-dv-properties-header-title{color:var(--gray-100, #45484d);width:100%;font-size:1.5rem;font-style:normal;font-weight:500;line-height:2rem;}.ls-dv-properties-header-icon{display:flex;padding:0.5rem;border-radius:0.625rem;background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}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)}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-locked-overlay{position:absolute;top:0;right:0;width:calc(100% - 5rem);height:100%;background:rgba(255, 255, 255, 0.6);border-radius:1.25rem;z-index:1001;pointer-events:all}`;const h=class{constructor(t){e(this,t);this.managerChange=s(this,"managerChange",7);this.clearSelected=s(this,"clearSelected",7)}get el(){return a(this)}mode="editor";selected=[];manager;signer;filtertoolbox=null;template;recipients;validationErrors=[];fieldTypeSelected;displayTable=false;busy=false;selectedDataItems=[];managerChange;clearSelected;managerWatchHandler(e){if(e==="document"){const e=this.el.shadowRoot.getElementById("ls-document-options");if(e)e.template=this.template}else if(e==="participant"){const e=this.el.shadowRoot.getElementById("ls-participant-manager");if(e)e.template=this.template}else if(e==="validation"){const e=this.el.shadowRoot.getElementById("ls-validation-manager");if(e)e.validationErrors=this.validationErrors}}componentDidLoad(){const e=this.el.shadowRoot.getElementById("ls-left-box");if(e){e.addEventListener("mousedown",(e=>e.stopPropagation()));e.addEventListener("mouseup",(e=>e.stopPropagation()));e.addEventListener("mousemove",(e=>e.stopPropagation()))}}signerChanged(){try{const e=this.el.shadowRoot.getElementById("ls-recipient-manager");if(e){const t=e.querySelector(".ls-dv-recipients-box");if(t){t.scrollTo({top:0,behavior:"smooth"})}}}catch(e){}}showTool(e){return this.filtertoolbox===null||this.filtertoolbox.split("|").includes(e)}checkType(e){if(this.mode==="compose"&&this.recipients){return this.recipients.find((t=>t.roleType===e&&t.signerIndex===this.signer))!==undefined}else if(this.template){return this.template.roles.find((t=>t.roleType===e&&t.signerIndex===this.signer))!==undefined}return false}renderFieldProperties(){if(this.displayTable||this.selected.length===0)return null;return t("div",{class:"ls-dv-field-properties-outer"},t("div",{class:"ls-dv-properties-header"},t("div",{class:"ls-dv-properties-header-icon"},t("ls-icon",{name:"pre-filled-content-icon"})),t("h1",{class:"ls-dv-properties-header-title"},i.t("viewer.fieldproperties")),t("button",{class:"ls-dv-tertiary-grey",onClick:e=>{this.clearSelected.emit();e.preventDefault()},style:{borderRadius:"0.75rem"},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("viewer.closepropertiespanel")},t("ls-icon",{name:"x-icon",size:20}))),t("ls-field-properties",{id:"my-field-panel",dataItem:this.selectedDataItems,template:this.template,readonly:this.template?.locked||false,filtertoolbox:this.filtertoolbox}))}renderToolbox(){return t("div",{id:"ls-toolbox",class:this.manager==="toolbox"?"ls-dv-toolbox":"ls-dv-hidden"},t("div",{class:"ls-dv-editor-infobox"},t("h2",{class:"ls-dv-toolbox-section-title"},i.t("toolbox.title")),t("p",{class:"ls-dv-toolbox-section-description"},i.t("toolbox.description"))),t("div",{class:"ls-dv-fields-box"},this.signer>0&&this.showTool("signature")&&!this.checkType("APPROVER")&&t("ls-toolbox-field",{elementType:"signature",formElementType:"signature",label:i.t("toolbox.signature"),defaultHeight:r["signature"].defaultHeight,defaultWidth:r["signature"].defaultWidth,validation:0,icon:"signature-icon",tooltip:i.t("toolbox.signaturetooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="signature"}),this.signer===0&&this.showTool("auto sign")&&t("ls-toolbox-field",{elementType:"admin",formElementType:"auto sign",label:i.t("toolbox.autosign"),defaultHeight:r["auto sign"].defaultHeight,defaultWidth:r["auto sign"].defaultWidth,validation:3e3,icon:"auto-sign-icon",tooltip:i.t("toolbox.autosigntooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="auto sign"}),this.showTool("text")&&t("ls-toolbox-field",{elementType:"text",formElementType:"text",label:i.t("toolbox.text"),defaultHeight:r["text"].defaultHeight,defaultWidth:r["text"].defaultWidth,validation:0,icon:"text-icon",tooltip:i.t("toolbox.texttooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="text"}),this.signer>0&&this.showTool("signing date")&&t("ls-toolbox-field",{elementType:"text",formElementType:"signing date",label:i.t("toolbox.signingdate"),defaultHeight:r["signing date"].defaultHeight,defaultWidth:r["signing date"].defaultWidth,validation:32,icon:"auto-date-icon",tooltip:i.t("toolbox.signingdatetooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="signing date"}),this.showTool("date")&&t("ls-toolbox-field",{elementType:"text",formElementType:"date",label:i.t("toolbox.date"),defaultHeight:r["date"].defaultHeight,defaultWidth:r["date"].defaultWidth,validation:4,icon:"calender-icon",tooltip:i.t("toolbox.datetooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="date"}),this.showTool("email")&&t("ls-toolbox-field",{elementType:"text",formElementType:"email",label:i.t("toolbox.email"),defaultHeight:r["email"].defaultHeight,defaultWidth:r["email"].defaultWidth,validation:1,icon:"at-symbol-icon",tooltip:i.t("toolbox.emailtooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="email"}),this.showTool("initials")&&t("ls-toolbox-field",{elementType:"initials",formElementType:"initials",label:i.t("toolbox.initials"),defaultHeight:r["initials"].defaultHeight,defaultWidth:r["initials"].defaultWidth,validation:2e3,icon:"initials-icon",tooltip:i.t("toolbox.initialstooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="initials"}),this.showTool("number")&&t("ls-toolbox-field",{elementType:"text",formElementType:"number",label:i.t("toolbox.number"),defaultHeight:r["number"].defaultHeight,defaultWidth:r["number"].defaultWidth,validation:50,icon:"hashtag-icon",tooltip:i.t("toolbox.numbertooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="number"}),this.showTool("dropdown")&&t("ls-toolbox-field",{elementType:"text",formElementType:"dropdown",label:i.t("toolbox.dropdown"),defaultHeight:r["dropdown"].defaultHeight,defaultWidth:r["dropdown"].defaultWidth,validation:20,icon:"dropdown-icon",tooltip:i.t("toolbox.dropdowntooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="dropdown"}),this.showTool("checkbox")&&t("ls-toolbox-field",{elementType:"text",formElementType:"checkbox",label:i.t("toolbox.checkbox"),defaultHeight:r["checkbox"].defaultHeight,defaultWidth:r["checkbox"].defaultWidth,validation:25,icon:"check-icon",tooltip:i.t("toolbox.checkboxtooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="checkbox"}),this.signer>0&&this.showTool("regex")&&t("ls-toolbox-field",{elementType:"text",formElementType:"regular expression",label:i.t("toolbox.regex"),defaultHeight:r["regular expression"].defaultHeight,defaultWidth:r["regular expression"].defaultWidth,validation:93,icon:"code-icon",tooltip:i.t("toolbox.regextooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="regular expression"}),this.signer>0&&this.showTool("file")&&t("ls-toolbox-field",{elementType:"text",formElementType:"file",label:i.t("toolbox.file"),defaultHeight:r["file"].defaultHeight,defaultWidth:r["file"].defaultWidth,validation:74,icon:"upload-icon",tooltip:i.t("toolbox.filetooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="file"}),this.signer>0&&this.showTool("drawn")&&t("ls-toolbox-field",{elementType:"text",formElementType:"drawn field",label:i.t("toolbox.drawn"),defaultHeight:r["drawn field"].defaultHeight,defaultWidth:r["drawn field"].defaultWidth,validation:90,icon:"pencil-icon",tooltip:i.t("toolbox.drawntooltip"),signer:this.signer,isSelected:this.fieldTypeSelected?.formElementType==="drawn field"})))}renderEditor(){return t("div",{id:"ls-left-box",class:"ls-dv-left-box"},t("div",{class:!this.selected||this.selected.length===0?"ls-dv-left-box-inner":"ls-dv-hidden"},t("ls-feature-column",{mode:this.mode,manager:this.manager,onManage:e=>this.managerChange.emit(e.detail)}),this.template?.locked&&t("div",{class:"ls-dv-locked-overlay"}),this.renderToolbox(),t("ls-participant-manager",{id:"ls-participant-manager",class:this.manager==="participant"?"ls-dv-toolbox":"ls-dv-hidden",activeSigner:this.signer,template:this.template,busy:this.busy}),t("ls-document-options",{id:"ls-document-options",class:this.manager==="document"?"ls-dv-toolbox":"ls-dv-hidden",template:this.template}),t("ls-validation-manager",{id:"ls-validation-manager",class:this.manager==="validation"?"ls-dv-toolbox":"ls-dv-hidden"})),this.renderFieldProperties())}renderCompose(){return t("div",{id:"ls-left-box",class:"ls-dv-left-box"},t("div",{class:!this.selected||this.selected.length===0?"ls-dv-left-box-inner":"ls-dv-hidden"},this.template?.locked&&t("div",{class:"ls-dv-locked-overlay"}),t("ls-recipient-manager",{id:"ls-recipient-manager",class:"ls-dv-compose-toolbox"},t("div",{class:"ls-dv-scroll-gradient-top"}),t("div",{class:"ls-dv-scroll-gradient-bottom"}),t("ls-validation-tag",{validationErrors:this.validationErrors,style:{position:"absolute",top:"1.125rem",right:"1rem"},type:"compose"}),t("div",{class:"ls-dv-recipients-box"},this.recipients&&this.recipients.map((e=>t("ls-recipient-card",{recipient:e,activeRecipient:this.signer,filtertoolbox:this.filtertoolbox,template:this.template,validationErrors:this.validationErrors,fieldTypeSelected:this.fieldTypeSelected,"data-signer-index":e.signerIndex})))),t("slot",{name:"recipient-panel"}))),this.renderFieldProperties())}render(){return this.mode==="editor"?this.renderEditor():this.mode==="compose"?this.renderCompose():null}static get watchers(){return{manager:["managerWatchHandler"],signer:["signerChanged"]}}};h.style=b();const u=()=>`.container{display:block;line-height:0}.logo-svg{display:block;width:100%;height:100%}@keyframes sequential-back{0%{opacity:0;transform:scale(0.3)}2%{opacity:0.3;transform:scale(0.5)}4%{opacity:0.6;transform:scale(0.7)}6%{opacity:0.8;transform:scale(0.85)}8%{opacity:1;transform:scale(1)}22%{opacity:1;transform:scale(1)}55%{opacity:1;transform:scale(1)}64%{opacity:1;transform:scale(1)}65%{opacity:0.9;transform:scale(0.95)}66.2%{opacity:0.75;transform:scale(0.88)}67.2%{opacity:0.6;transform:scale(0.8)}68%{opacity:0.4;transform:scale(0.7)}68.8%{opacity:0.25;transform:scale(0.6)}69.5%{opacity:0.1;transform:scale(0.45)}70%{opacity:0.05;transform:scale(0.35)}71%{opacity:0;transform:scale(0.3)}100%{opacity:0;transform:scale(0.3)}}@keyframes sequential-middle{0%,16%{opacity:0;transform:scale(0.3)}18%{opacity:0.3;transform:scale(0.5)}20%{opacity:0.6;transform:scale(0.7)}22%{opacity:0.8;transform:scale(0.85)}24%{opacity:1;transform:scale(1)}36%,65%,70%{opacity:1;transform:scale(1)}71%{opacity:0.9;transform:scale(0.95)}72.2%{opacity:0.75;transform:scale(0.88)}73.2%{opacity:0.6;transform:scale(0.8)}74%{opacity:0.4;transform:scale(0.7)}74.8%{opacity:0.25;transform:scale(0.6)}75.5%{opacity:0.1;transform:scale(0.45)}76%{opacity:0.05;transform:scale(0.35)}77%,100%{opacity:0;transform:scale(0.3)}}@keyframes sequential-front{0%,32%{opacity:0;transform:scale(0.3)}34%{opacity:0.3;transform:scale(0.5)}36%{opacity:0.6;transform:scale(0.7)}38%{opacity:0.8;transform:scale(0.85)}40%{opacity:1;transform:scale(1)}60%,76%{opacity:1;transform:scale(1)}77%{opacity:0.9;transform:scale(0.95)}78.2%{opacity:0.75;transform:scale(0.88)}79.2%{opacity:0.6;transform:scale(0.8)}80%{opacity:0.4;transform:scale(0.7)}80.8%{opacity:0.25;transform:scale(0.6)}81.5%{opacity:0.1;transform:scale(0.45)}82%{opacity:0.05;transform:scale(0.35)}83%,100%{opacity:0;transform:scale(0.3)}}.sequential-back{animation:sequential-back 2.5s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;transform-origin:center}.sequential-middle{animation:sequential-middle 2.5s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;transform-origin:center}.sequential-front{animation:sequential-front 2.5s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;transform-origin:center}`;const v=class{constructor(t){e(this,t);this.size=48}render(){const e={width:`${this.size}px`,height:`${this.size}px`};if(this.colour&&this.colour!=="none"){e.color=this.colour.startsWith("var(")||this.colour.startsWith("#")||this.colour.startsWith("rgb")?this.colour:`var(--${this.colour}-50)`}return t("div",{key:"aea250a8239e436e11b450717d2307b4513f1ef6",class:"container",style:e},t("svg",{key:"ce9d36c3305a8006a0df2316d370038d3cbcd44c",class:"logo-svg",fill:"none",preserveAspectRatio:"none",viewBox:"0 0 20 20"},t("path",{key:"7717fcbb570cd9d413dd413d72e0473ec9aa52ca",class:"sequential-front",d:"M9.11077 0.940012C8.98702 0.868406 8.83446 0.868297 8.71061 0.939725C8.58675 1.01115 8.51044 1.14326 8.51044 1.28623V2.34625C8.51044 2.48927 8.5868 2.62141 8.71071 2.69282L14.6321 6.10546C14.818 6.21257 14.9325 6.41078 14.9325 6.6253V13.4621C14.9325 13.6044 15.0081 13.7359 15.131 13.8076L16.0285 14.3311C16.1522 14.4033 16.305 14.4038 16.4292 14.3325C16.5534 14.2611 16.63 14.1288 16.63 13.9856V5.52152C16.63 5.37876 16.5539 5.24681 16.4303 5.17531L9.11077 0.940012Z",fill:"currentColor"}),t("path",{key:"cbd622c3b157465c471d4b999feb0548a4098f6d",class:"sequential-middle",d:"M6.35621 2.52413C6.23246 2.45251 6.07989 2.45239 5.95603 2.52381C5.83217 2.59524 5.75585 2.72735 5.75585 2.87033V3.94156C5.75585 4.08504 5.83269 4.21752 5.95722 4.28876L8.20838 5.57659C8.39518 5.68345 8.51044 5.88218 8.51044 6.09739V9.75268C8.51044 9.89534 8.58642 10.0272 8.70984 10.0987L11.8717 11.9316C12.0569 12.0389 12.1708 12.2367 12.1708 12.4507V16.1015C12.1708 16.2434 12.2461 16.3747 12.3685 16.4465L13.2784 16.9801C13.4021 17.0526 13.5552 17.0534 13.6796 16.9821C13.804 16.9108 13.8808 16.7784 13.8808 16.635V7.10976C13.8808 6.96701 13.8047 6.83507 13.6811 6.76356L6.35621 2.52413Z",fill:"currentColor"}),t("path",{key:"f48f2302c0e6fc4ef123647cd6c3b56bad69f974",class:"sequential-back",d:"M3.60419 4.12505C3.48039 4.05421 3.32824 4.05465 3.20486 4.1262C3.08147 4.19776 3.00552 4.3296 3.00552 4.47223V15.0385C3.00552 15.1812 3.08151 15.3131 3.20494 15.3846L10.5339 19.6323C10.6576 19.704 10.8102 19.7042 10.9341 19.6328C11.0581 19.5614 11.1344 19.4293 11.1344 19.2862V12.9374C11.1344 12.795 11.0587 12.6634 10.9357 12.5917L7.78047 10.7551C7.59587 10.6476 7.48232 10.4501 7.48232 10.2365V6.57621C7.48232 6.43276 7.40549 6.30029 7.28098 6.22904L3.60419 4.12505Z",fill:"currentColor"})))}};v.style=u();const g=()=>`.ls-select-menu{position:relative}.ls-select-menu-trigger{display:flex;align-items:center;justify-content:center;gap:0;height:2rem;width:2rem;min-height:unset;min-width:unset;border-radius:0.625rem;background:var(--primary-10, #eff4ff);border:1px solid var(--primary-60, #4456f6);color:var(--primary-60, #4456f6);cursor:pointer;overflow:hidden;white-space:nowrap;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);transition:width 0.2s ease, gap 0.2s ease}.ls-select-menu-trigger-text{font-family:var(--font-family);font-size:var(--text-sm);font-weight:400;color:var(--primary-60, #4456f6);max-width:0;opacity:0;overflow:hidden;transition:max-width 0.2s ease, opacity 0.15s ease}.ls-select-menu-trigger:hover,.ls-select-menu-trigger-expanded{width:auto;gap:0.375rem;padding:0.125rem 0.625rem 0.125rem 0.5rem}.ls-select-menu-trigger-expanded{outline:4px solid var(--primary-30, #9dc3fc)}.ls-select-menu-trigger:hover .ls-select-menu-trigger-text,.ls-select-menu-trigger-expanded .ls-select-menu-trigger-text{max-width:8rem;opacity:1}.ls-select-menu-dropdown{position:absolute;top:2.5rem;left:0;min-width:14rem;padding:0.25rem;border-radius:1rem;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);z-index:1000}.ls-select-menu-item{display:flex;align-items:center;width:100%;padding:0.5rem 0.75rem;border:none;border-radius:0.75rem;background:transparent;color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-weight:400;cursor:pointer;text-align:left;min-height:unset;white-space:nowrap}.ls-select-menu-item:hover:not(:disabled){background:var(--gray-10, #f7f8fa)}.ls-select-menu-disabled{color:var(--gray-40, #d8d9dc);cursor:not-allowed}.ls-select-menu-divider{height:1px;margin:0.25rem -0.75rem;background:var(--gray-20, #edeff2)}`;const y=class{constructor(t){e(this,t);this.selectFields=s(this,"selectFields",7)}get el(){return a(this)}selected=[];pageNum;editor;floating=false;isOpen=false;isVisible=false;isHeldDown=false;floatingTop=0;floatingLeft=0;scrollHandler;frameMouseDownHandler;frameMouseUpHandler;frameKeyDownHandler;frameKeyUpHandler;selectFields;componentDidLoad(){["mousedown","mouseup","mousemove","click","dblclick"].forEach((e=>{this.el.addEventListener(e,(e=>{e.stopPropagation()}))}));if(this.floating){this.scrollHandler=()=>this.updateFloatingVisibility();const e=this.editor?.component?.shadowRoot?.getElementById("document-frame-wrapper");if(e)e.addEventListener("scroll",this.scrollHandler);const t=this.editor?.component?.shadowRoot?.getElementById("ls-document-frame");if(t){this.frameMouseDownHandler=()=>{this.isHeldDown=true};this.frameMouseUpHandler=()=>{this.isHeldDown=false;this.updateFloatingVisibility()};t.addEventListener("mousedown",this.frameMouseDownHandler);t.addEventListener("mouseup",this.frameMouseUpHandler)}const o=new Set(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"]);this.frameKeyDownHandler=e=>{if(o.has(e.key))this.isHeldDown=true};this.frameKeyUpHandler=e=>{if(o.has(e.key)){this.isHeldDown=false;this.updateFloatingVisibility()}};document.addEventListener("keydown",this.frameKeyDownHandler);document.addEventListener("keyup",this.frameKeyUpHandler)}}disconnectedCallback(){if(this.floating){const e=this.editor?.component?.shadowRoot?.getElementById("document-frame-wrapper");if(e&&this.scrollHandler)e.removeEventListener("scroll",this.scrollHandler);const t=this.editor?.component?.shadowRoot?.getElementById("ls-document-frame");if(t){if(this.frameMouseDownHandler)t.removeEventListener("mousedown",this.frameMouseDownHandler);if(this.frameMouseUpHandler)t.removeEventListener("mouseup",this.frameMouseUpHandler)}if(this.frameKeyDownHandler)document.removeEventListener("keydown",this.frameKeyDownHandler);if(this.frameKeyUpHandler)document.removeEventListener("keyup",this.frameKeyUpHandler)}}onSelectionChange(){if(this.floating){this.updateFloatingVisibility()}}updateFloatingVisibility(){if(!this.floating||!this.editor){this.isVisible=false;return}const e=this.selected?.filter((e=>e.dataItem?.page===this.pageNum));if(!e||e.length===0){this.isVisible=false;return}const t=this.editor.component?.shadowRoot?.querySelector(".ls-dv-select-menu-position");if(!t){this.isVisible=false;return}const o=this.editor.component?.shadowRoot?.getElementById("document-frame-wrapper");if(!o){this.isVisible=false;return}const a=o.getBoundingClientRect();const s=t.getBoundingClientRect();const i=s.top>=a.top&&s.bottom<=a.bottom&&s.left>=a.left&&s.right<=a.right;if(i){this.isVisible=false;return}const r=this.editor.component?.shadowRoot?.getElementById("ls-document-frame");if(!r){this.isVisible=false;return}const l=r.getBoundingClientRect();let d=-Infinity;let n=Infinity;e.forEach((e=>{const t=e.getBoundingClientRect();const o=t.right-l.left;const a=t.top-l.top;if(o>d)d=o;if(a<n)n=a}));this.floatingTop=n+r.scrollTop;this.floatingLeft=d+r.scrollLeft+8;this.isVisible=true}handleWindowClick(e){if(this.isOpen&&!this.el.shadowRoot.contains(e.composedPath()[0])){this.isOpen=false}}get hasSelection(){return this.selected?.length>0}getAllFields(){return Array.from(this.editor?.component?.shadowRoot?.querySelectorAll("ls-editor-field")||[])}selectAll(){const e=this.getAllFields();this.selectFields.emit(e.map((e=>e.dataItem)));this.isOpen=false}selectAllOnPage(){const e=this.getAllFields().filter((e=>e.dataItem?.page===this.pageNum));this.selectFields.emit(e.map((e=>e.dataItem)));this.isOpen=false}selectBySameParticipant(){if(!this.hasSelection)return;const e=new Set(this.selected.map((e=>e.dataItem?.signer)));const t=this.getAllFields().filter((t=>e.has(t.dataItem?.signer)));this.selectFields.emit(t.map((e=>e.dataItem)));this.isOpen=false}selectBySameType(){if(!this.hasSelection)return;const e=new Set(this.selected.map((e=>e.dataItem?.formElementType)));const t=this.getAllFields().filter((t=>e.has(t.dataItem?.formElementType)));this.selectFields.emit(t.map((e=>e.dataItem)));this.isOpen=false}selectBySameParticipantAndType(){if(!this.hasSelection)return;const e=new Set(this.selected.map((e=>`${e.dataItem?.signer}::${e.dataItem?.formElementType}`)));const t=this.getAllFields().filter((t=>e.has(`${t.dataItem?.signer}::${t.dataItem?.formElementType}`)));this.selectFields.emit(t.map((e=>e.dataItem)));this.isOpen=false}render(){if(this.floating&&(!this.isVisible||this.isHeldDown))return null;const e=i.t("selectmenu.disabledtooltip");if(this.floating){this.el.style.position="absolute";this.el.style.top=this.floatingTop+"px";this.el.style.left=this.floatingLeft+"px"}return t("div",{class:"ls-select-menu"},t("button",{class:{"ls-select-menu-trigger":true,"ls-select-menu-trigger-expanded":this.isOpen},onClick:()=>this.isOpen=!this.isOpen},t("ls-icon",{name:"cursor-click-icon"}),t("span",{class:"ls-select-menu-trigger-text"},this.floating?i.t("selectmenu.titlefloating"):i.t("selectmenu.title"))),this.isOpen&&t("div",{class:"ls-select-menu-dropdown"},t("button",{class:"ls-select-menu-item",onClick:()=>this.selectAll()},i.t("selectmenu.selectall")),t("button",{class:"ls-select-menu-item",onClick:()=>this.selectAllOnPage()},i.t("selectmenu.selectallonpage")),t("div",{class:"ls-select-menu-divider"}),t("button",{class:{"ls-select-menu-item":true,"ls-select-menu-disabled":!this.hasSelection},disabled:!this.hasSelection,onClick:()=>this.selectBySameParticipant(),"data-tooltip-id":"ls-select-menu-tooltip","data-tooltip-content":!this.hasSelection?e:null,"data-tooltip-place":"left"},i.t("selectmenu.sameparticipant")),t("button",{class:{"ls-select-menu-item":true,"ls-select-menu-disabled":!this.hasSelection},disabled:!this.hasSelection,onClick:()=>this.selectBySameType(),"data-tooltip-id":"ls-select-menu-tooltip","data-tooltip-content":!this.hasSelection?e:null,"data-tooltip-place":"left"},i.t("selectmenu.sametype")),t("button",{class:{"ls-select-menu-item":true,"ls-select-menu-disabled":!this.hasSelection},disabled:!this.hasSelection,onClick:()=>this.selectBySameParticipantAndType(),"data-tooltip-id":"ls-select-menu-tooltip","data-tooltip-content":!this.hasSelection?e:null,"data-tooltip-place":"left"},i.t("selectmenu.sameparticipantandtype"))),t("ls-tooltip",{tooltipId:"ls-select-menu-tooltip"}))}static get watchers(){return{selected:["onSelectionChange"],pageNum:["onSelectionChange"]}}};y.style=g();const k="1.0.2";const x=()=>`: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}`;const w=class{constructor(t){e(this,t)}get component(){return a(this)}zoom;page;pageCount;showThumbnails=false;showZoomMenu=false;showPageMenu=false;editor;mode="editor";setZoom(e){this.editor.setZoom(e);this.zoom=e}fitWidth(){const e=this.editor.component.shadowRoot.getElementById("document-frame-wrapper");const t=(e.clientWidth-396)/this.editor.pageDimensions[this.editor.pageNum-1].width;this.setZoom(Math.round(t*100)/100);requestAnimationFrame((()=>e.scrollTo(0,0)))}fitHeight(){const e=this.editor.component.shadowRoot.getElementById("ls-mid-area");const t=this.editor.component.shadowRoot.getElementById("document-frame-wrapper");const o=getComputedStyle(t);const a=parseFloat(o.paddingTop)+parseFloat(o.paddingBottom);const s=e.clientHeight-a;const i=s/this.editor.pageDimensions[this.editor.pageNum-1].height;this.setZoom(Math.round(i*100)/100)}goToPage(e){const t=e-this.editor.pageNum;if(t>0){for(let e=0;e<t;e++)this.editor.pageNext()}else{for(let e=0;e<Math.abs(t);e++)this.editor.pagePrev()}this.page=e;this.renderThumbnails()}getPageFieldColors(e){const t=this.editor._template;if(!t?.elementConnection?.templateElements)return[];const o=t.elementConnection.templateElements.filter((t=>t.page===e));const a=new Map;o.forEach((e=>a.set(e.signer,(a.get(e.signer)||0)+1)));return Array.from(a.entries()).sort((([e],[t])=>{const o=e%100;const a=t%100;if(o!==a)return o-a;return e-t})).map((([e,o])=>{const a=t.roles?.find((t=>t.signerIndex===e));const s=e%100;return{s40:l[s]?.s40||l[0].s40,s60:l[s]?.s60||l[0].s60,s70:l[s]?.s70||l[0].s70,name:a?.name||`Participant ${e}`,count:o}}))}getPageFields(e){const t=this.editor._template;if(!t?.elementConnection?.templateElements)return[];return t.elementConnection.templateElements.filter((t=>t.page===e))}renderFieldsOnCanvas(e,t,o){const a=this.getPageFields(t);a.forEach((t=>{const a=t.signer%100;const s=l[a]||l[0];const i=t.ax*o.width;const r=t.ay*o.height;const d=(t.bx-t.ax)*o.width;const n=(t.by-t.ay)*o.height;e.fillStyle=s.s40+"1a";e.fillRect(i,r,d,n);e.strokeStyle=s.s60;e.lineWidth=1;if(t.signer>=100){e.setLineDash([2,2])}e.strokeRect(i,r,d,n);e.setLineDash([])}))}renderThumbnails(){const e=this.editor.pdfDocument;if(!e)return;const t=this.component.shadowRoot.getElementById("ls-thumbnail-container");if(!t)return;t.innerHTML="";for(let o=1;o<=this.pageCount;o++){e.getPage(o).then((e=>{const a=e.getViewport({scale:.2});const s=document.createElement("canvas");s.width=a.width;s.height=a.height;s.className=o===this.page?"ls-dv-thumbnail active":"ls-dv-thumbnail";s.addEventListener("click",(()=>this.goToPage(o)));const i=document.createElement("div");i.className="ls-dv-thumbnail-wrapper";i.addEventListener("click",(()=>this.goToPage(o)));const r=document.createElement("div");r.className="ls-dv-thumbnail-dots";this.getPageFieldColors(o).forEach((e=>{const t=document.createElement("span");t.className="ls-dv-thumbnail-dot";t.setAttribute("data-tooltip-id","ls-dv-tooltip");t.setAttribute("data-tooltip-content",`${e.name}, ${e.count} Field${e.count!==1?"s":""}`);t.style.setProperty("--dot-color-40",e.s40);t.style.setProperty("--dot-color-60",e.s60);t.style.setProperty("--dot-color-70",e.s70);r.appendChild(t)}));const l=document.createElement("span");l.textContent=`${o}`;i.appendChild(s);i.appendChild(r);i.appendChild(l);t.appendChild(i);const d=s.getContext("2d");e.render({canvasContext:d,viewport:a}).promise.then((()=>{this.renderFieldsOnCanvas(d,o,a);s.style.opacity="0.99";requestAnimationFrame((()=>{s.style.opacity="1"}))}))}))}}outsideClickHandler=e=>{const t=e.composedPath();if(!t.includes(this.component)){this.showThumbnails=false;this.showZoomMenu=false;this.showPageMenu=false;document.removeEventListener("click",this.outsideClickHandler)}};zoomMenuClickHandler=e=>{const t=e.composedPath();const o=this.component.shadowRoot.getElementById("ls-zoom-menu");const a=this.component.shadowRoot.getElementById("zoom-level-btn");if(!t.includes(o)&&!t.includes(a)){this.showZoomMenu=false;document.removeEventListener("click",this.zoomMenuClickHandler,true)}};pageMenuClickHandler=e=>{const t=e.composedPath();const o=this.component.shadowRoot.getElementById("ls-page-menu");const a=this.component.shadowRoot.getElementById("page-level-btn");if(!t.includes(o)&&!t.includes(a)){this.showPageMenu=false;document.removeEventListener("click",this.pageMenuClickHandler,true)}};applyUndo(){const e=d();if(!e)return;this.editor._skipHistory=true;this.editor.mutate.emit(e)}applyRedo(){const e=n();if(!e)return;this.editor._skipHistory=true;this.editor.mutate.emit(e)}componentWillLoad(){this.zoom=this.editor.zoom}onPageChange(){if(this.showThumbnails){this.renderThumbnails();requestAnimationFrame((()=>{const e=this.component.shadowRoot.getElementById("ls-thumbnail-container");const t=e?.querySelector(".ls-dv-thumbnail.active")?.closest(".ls-dv-thumbnail-wrapper");if(t&&e){const o=12;const a=t.offsetTop-e.offsetTop;const s=a+t.offsetHeight;const i=e.scrollTop;const r=e.clientHeight;if(a-o<i){e.scrollTo({top:a-o,behavior:"smooth"})}else if(s+o>i+r){e.scrollTo({top:s+o-r,behavior:"smooth"})}}}))}}render(){const e=this.mode==="preview";return t(o,{key:"7035c4cdf76ac09b909a098d635dd075d7d9388d",class:{"ls-dv-statusbar-preview":e}},!e&&t("div",{key:"845fe27459a05b96b06c4025c2f8090b75fee027",class:"ls-dv-controls-bar"},t("div",{key:"fd7e683e2e96e3da8cab7ba9626e9c64c70d62ad",class:"ls-dv-status-bar-section"},t("button",{key:"b015f095a886f8fd41318df2ad1ac9cb4e82ee7c",onClick:()=>this.applyUndo(),id:"undo-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.undo")},t("ls-icon",{key:"8ff999de40c5acd0c1cd8dab5858ae8c0b85af99",name:"undo-icon",size:18})),t("button",{key:"5019459ef97755347a26d2dd6bc1c5d46fed1506",onClick:()=>this.applyRedo(),id:"redo-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.redo")},t("ls-icon",{key:"750526932ff82720ee62b3727b35717621031d1b",name:"redo-icon",style:{transform:"scale(-1, 1)",marginLeft:"0.25rem"},size:18})))),t("div",{key:"a1f56781157ad515423a25bcb02c7513a501a26e",class:{"ls-dv-controls-bar":true,"ls-dv-page-nav":true}},t("div",{key:"4b2825b2d93deb7d9976c1f67312053d8fbd6b71",class:"ls-dv-status-bar-section",style:this.pageCount===1&&{display:"none"}},t("button",{key:"19128a07beda58b596a4d838793888074d53cc50",onClick:()=>{this.editor.pagePrev()},disabled:this.page===1,id:"prev-page-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":this.page===1?i.t("statusbar.nopreviouspage"):i.t("statusbar.previouspage")},t("ls-icon",{key:"cd90982d3f1b3f1aabc9f9079a6c065cf60cce59",name:"chevron-left-icon"})),t("button",{key:"570e47ef8164220b2d9aba31e2952c8036c6f99d",id:"page-level-btn",class:"ls-dv-zoom-level-btn",onClick:()=>{this.showPageMenu=!this.showPageMenu;if(this.showPageMenu){requestAnimationFrame((()=>document.addEventListener("click",this.pageMenuClickHandler,true)))}else{document.removeEventListener("click",this.pageMenuClickHandler,true)}}},this.page," / ",this.pageCount),this.showPageMenu&&t("div",{key:"4db0e3d7f8dcc4bb079523abcc6811fd59a9d698",id:"ls-page-menu",class:"ls-dv-zoom-menu ls-dv-page-menu"},Array.from({length:this.pageCount},((e,t)=>t+1)).map((e=>t("button",{class:{"ls-dv-zoom-menu-item":true,active:this.page===e},onClick:()=>{this.goToPage(e);this.showPageMenu=false;document.removeEventListener("click",this.pageMenuClickHandler,true)}},e,this.page===e&&t("ls-icon",{name:"check-icon",size:14}))))),t("button",{key:"7b92c7db1a2470124a797af3b69d53d78254080d",onClick:()=>{this.editor.pageNext()},disabled:this.page===this.pageCount,id:"next-page-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":this.page===this.pageCount?i.t("statusbar.nonextpage"):i.t("statusbar.nextpage")},t("ls-icon",{key:"bda8988bbd778bbc16f75d2d7299987d9e550753",name:"chevron-right-icon"})))),t("div",{key:"88ad63ca844b8c7ca543fc9cad995eec8ae4cb91",class:"ls-dv-status-bar-group"},t("div",{key:"72f15c5e488a8b0e7cb214e01ac53dcb220fe592",class:"ls-dv-controls-bar",style:{position:"relative"}},t("div",{key:"5e3dae4cd7ebf60b57e99995b75a4380729ded88",class:"ls-dv-status-bar-section"},t("button",{key:"f2e8c3af825e08bc4fb16750e41ef423e6aff93b",onClick:()=>this.setZoom(this.editor.zoom*.8),id:"zoom-out-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.zoomout")},t("ls-icon",{key:"9ce1369ee910dfd32745f729e7dcc6208641867b",name:"zoom-out-icon"})),t("button",{key:"453fb7ba30e350a151d2b66d0a79c70736f56d3a",id:"zoom-level-btn",class:"ls-dv-zoom-level-btn",onClick:()=>{this.showZoomMenu=!this.showZoomMenu;if(this.showZoomMenu){requestAnimationFrame((()=>document.addEventListener("click",this.zoomMenuClickHandler,true)))}else{document.removeEventListener("click",this.zoomMenuClickHandler,true)}}},Math.round(this.zoom*100),"%"),this.showZoomMenu&&t("div",{key:"f0f85d4c6a5c5abb0082e86be9fdbd4d12a12fb3",id:"ls-zoom-menu",class:"ls-dv-zoom-menu"},[2,1.75,1.5,1.25,1,.75,.5,.25].map((e=>t("button",{class:{"ls-dv-zoom-menu-item":true,active:Math.round(this.zoom*100)===Math.round(e*100)},onClick:()=>{this.setZoom(e);this.showZoomMenu=false;document.removeEventListener("click",this.zoomMenuClickHandler,true)}},Math.round(e*100),"%",Math.round(this.zoom*100)===Math.round(e*100)&&t("ls-icon",{name:"check-icon",size:14}))))),t("button",{key:"a38a804049f94cba70d971abf0f58e0d9d43b18f",onClick:()=>this.setZoom(this.editor.zoom/.8),id:"zoom-in-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.zoomin")},t("ls-icon",{key:"068c11f60c6f720f35edb708e576c4aa2ea088a2",name:"zoom-in-icon"}))),!e&&t("div",{key:"836b1aeba9b7889ea5179abb85efab92aab47bf6",class:"ls-dv-status-bar-section"},t("button",{key:"307f97758525ea29151c6e35e4f303b9da6dd226",onClick:()=>this.fitWidth(),id:"fit-width-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.fitwidth")},t("ls-icon",{key:"42ceb3d52ad6d31c38dc473317aa6b23af22bcc9",name:"fit-width-icon"})),t("button",{key:"ee95d25f126735b2795813f2399eac7edf5c0420",onClick:()=>this.fitHeight(),id:"fit-height-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.fitheight")},t("ls-icon",{key:"04ddc66e1fbcadc80d63e2afd3ade9faf8eac8bc",name:"fit-height-icon"}))),t("div",{key:"50e0ea122a95e934f85cd33b1cf0df1eaaecaac3",class:"ls-dv-status-bar-section",style:this.pageCount===1?{display:"none"}:{}},t("button",{key:"59293ddd95468c0f01849de3fdb75ba8664b572c",onClick:()=>{this.showThumbnails=!this.showThumbnails;if(this.showThumbnails){requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.renderThumbnails();document.addEventListener("click",this.outsideClickHandler)}))}))}else{document.removeEventListener("click",this.outsideClickHandler)}},id:"page-thumbnails-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.pagethumbnails")},t("ls-icon",{key:"57f1da537f3909bc72933d7f9e5bd61495ab0f18",name:!this.showThumbnails?"side-panel-open-right-icon":"side-panel-close-right-icon",size:18}))),this.showThumbnails&&t("div",{key:"e6936f45285b825ed96b56e9316754082558b757",class:"ls-dv-thumbnail-popover"},t("div",{key:"edfd8ba1e8108c0aa9252aa78c7b6a268ba7e006",id:"ls-thumbnail-container",class:"ls-dv-thumbnail-grid"}))),!e&&t("ls-helper-bar",{key:"c883f32c7a33b3f08006e972ce0d9698f04e8a4f"}),t("span",{key:"613689fe8f313f61a0cd104479c0e22d1105346d",class:"ls-dv-version"},"v",k),t("ls-tooltip",{key:"7a4e67c40ed2e46dea34444ba9a36a165816e809",tooltipId:"ls-dv-tooltip"}),t("slot",{key:"8f3dbe04c66ff9192f62e8f16a3bf5c5adb9fe1e"})))}static get watchers(){return{page:["onPageChange"]}}};w.style=x();const _=()=>`.ls-dv-toolbar{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;width:100%;align-items:center;justify-content:center;padding:0.375rem;gap:0.5rem;width:fit-content;border-radius:1.125rem;border:1px solid var(--gray-20, #edeff2);background:var(--white, #ffffff);z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.ls-dv-selection-banner{position:absolute;top:4.75rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0.25rem;padding:0.375rem 0.25rem 0.375rem 0.625rem;border-radius:0.75rem;border:1px solid var(--primary-30, #9dc3fc);background:var(--primary-10, #eff4ff);color:var(--primary-70, #2134dc);font-size:var(--text-sm);line-height:var(--text-sm);white-space:nowrap;z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.ls-dv-selection-dot{width:0.5rem;height:0.5rem;border-radius:50%;background:var(--primary-50, #5185ff);margin-right:0.25rem}.ls-dv-selection-banner-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--primary-60, #4456f6);padding:0.125rem;min-height:unset;min-width:unset;border-radius:0.375rem;cursor:pointer;margin-right:-0.125rem}.ls-dv-selection-banner-close:hover{background:var(--primary-20, #c7ddff);color:var(--primary-70, #2134dc)}.ls-dv-invisible{display:none}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:400;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:100vh;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-locked-banner{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0.75rem;padding:0.625rem;border-radius:1.125rem;border:1px solid var(--yellow-30, #fcec9d);background:var(--yellow-10, #fffcef);z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);white-space:nowrap}.ls-dv-locked-banner-text{display:flex;flex-direction:column;gap:0}.ls-dv-locked-banner-title{color:var(--yellow-100, #70350d);font-size:var(--text-sm);font-weight:500;line-height:1.25rem}.ls-dv-locked-banner-subtitle{color:var(--yellow-90, #8a3f0e);font-size:0.6875rem;font-weight:400;line-height:1rem}.ls-dv-locked-banner-icon{padding:0.5rem;background:var(--yellow-20, #fff3c2);color:var(--yellow-80, #9e5913);border-radius:50%;display:flex;align-items:center;justify-content:center}.ls-dv-locked-banner-unlock{display:flex;align-items:center;gap:0.375rem;padding:0.5rem 0.75rem;border-radius:0.75rem;border:1px solid var(--yellow-30, #fcec9d);background:var(--white, #ffffff);color:var(--yellow-90, #8a3f0e);font-size:var(--text-sm);font-weight:500;cursor:pointer;min-height:unset}.ls-dv-locked-banner-unlock:hover{background:var(--yellow-20, #fff3c2);border-color:var(--yellow-40, #ffe561)}`;const z=class{constructor(t){e(this,t);this.mutate=s(this,"mutate",7);this.update=s(this,"update",7)}get component(){return a(this)}dataItem;groupInfo;template;editor;mode;signer;selected;pageNum;mutate;update;alter(e){const t=this.dataItem.map((t=>({action:"update",data:{...t,...e}})));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}componentDidLoad(){["mousedown","mouseup","mousemove","mouseenter","mouseleave","mouseover","mouseout","click","dblclick","contextmenu"].forEach((e=>{this.component.addEventListener(e,(e=>{e.stopPropagation()}))}))}renderEditor(){return t("div",{class:"ls-dv-toolbar"},this.dataItem&&this.dataItem.length>1?t("div",{class:"rowbox"},t("ls-field-format",{dataItem:this.dataItem})):t("div",{class:"rowbox"},t("ls-field-format",{dataItem:this.dataItem}),t("ls-participant-select",{id:"ls-participant-select",roles:this.template?.roles,signer:this.signer,style:{display:this.dataItem&&this.dataItem.length===1?"none":"block"}}),t("ls-tooltip",{tooltipId:"ls-dv-tooltip"})),t("slot",null))}renderCompose(){return t("div",{class:this.dataItem&&this.dataItem.length>0?"ls-dv-toolbar":""},t("div",{class:"rowbox"},t("ls-field-format",{dataItem:this.dataItem}),t("ls-tooltip",{tooltipId:"ls-dv-tooltip"})),t("slot",null))}renderSelectionBanner(){if(!this.selected||this.selected.length===0)return null;const e=this.pageNum;const o=this.selected.filter((t=>t.dataItem?.page===e)).length;const a=this.selected.length-o;if(a===0)return null;return t("div",{class:"ls-dv-selection-banner"},t("ls-icon",{style:{marginRight:"0.125rem"},name:"target-icon",size:16}),t("span",null,t("span",{style:{fontWeight:"500"}},i.t("toolbar.fieldsselectedcount",{total:this.selected.length}))," ",i.t("toolbar.fieldsselecteddetail",{thispage:o,otherpages:a})),t("button",{class:"ls-dv-selection-banner-close",onClick:()=>this.editor.unselect(),"data-tooltip-id":"ls-dv-selection-tooltip","data-tooltip-content":i.t("toolbar.deselectall"),"data-tooltip-place":"bottom"},t("ls-icon",{name:"x-icon",size:16})),t("ls-tooltip",{tooltipId:"ls-dv-selection-tooltip"}))}renderLockedBanner(){return t("div",{class:"ls-dv-locked-banner"},t("div",{class:"ls-dv-locked-banner-icon"},t("ls-icon",{name:"lock-closed-icon",size:20})),t("div",{class:"ls-dv-locked-banner-text"},t("span",{class:"ls-dv-locked-banner-title"},i.t("toolbar.templatelocked")),t("span",{class:"ls-dv-locked-banner-subtitle"},i.t("toolbar.editingdisabled"))),t("button",{class:"ls-dv-locked-banner-unlock",onClick:()=>this.mutate.emit([{action:"update",data:{...this.template,locked:false}}])},i.t("toolbar.unlock")))}render(){if(this.template?.locked){return this.renderLockedBanner()}return[this.mode==="editor"?this.renderEditor():this.mode==="compose"?this.renderCompose():null,this.renderSelectionBanner()]}};z.style=_();export{f as ls_compose_loader,p as ls_editor_table,h as ls_left_bar,v as ls_loading_logo,y as ls_select_menu,w as ls_statusbar,z as ls_toolbar};
2
+ //# sourceMappingURL=p-a27532c9.entry.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "legalesign-document-viewer",
3
- "version": "1.0.1",
3
+ "version": "1.0.2",
4
4
  "description": "Legalesign Document Editor/Viewer",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",