legalesign-document-viewer 1.0.11 → 1.0.13

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 (81) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/ls-assignee-select_21.cjs.entry.js +3 -3
  3. package/dist/cjs/ls-compose-loader_7.cjs.entry.js +1 -1
  4. package/dist/cjs/ls-document-viewer.cjs.entry.js +1 -1
  5. package/dist/cjs/ls-document-viewer.cjs.js +1 -1
  6. package/dist/cjs/ls-field-alignment_3.cjs.entry.js +1 -1
  7. package/dist/cjs/{mouseHandlers-CwOyBBz6.js → mouseHandlers-Cc9PovyB.js} +3 -3
  8. package/dist/cjs/{mouseHandlers-CwOyBBz6.js.map → mouseHandlers-Cc9PovyB.js.map} +1 -1
  9. package/dist/collection/components/ls-document-viewer/mouseHandlers.js +1 -1
  10. package/dist/collection/components/ls-document-viewer/mouseHandlers.js.map +1 -1
  11. package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js +3 -3
  12. package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js.map +1 -1
  13. package/dist/components/ls-document-viewer.js +15 -15
  14. package/dist/components/ls-field-distribute.js +1 -1
  15. package/dist/components/ls-field-properties-advanced.js +1 -1
  16. package/dist/components/ls-field-properties-autosign.js +1 -1
  17. package/dist/components/ls-field-properties-checkbox.js +1 -1
  18. package/dist/components/ls-field-properties-date.js +1 -1
  19. package/dist/components/ls-field-properties-dropdown.js +1 -1
  20. package/dist/components/ls-field-properties-email.js +1 -1
  21. package/dist/components/ls-field-properties-file.js +1 -1
  22. package/dist/components/ls-field-properties-general.js +1 -1
  23. package/dist/components/ls-field-properties-multiple.js +1 -1
  24. package/dist/components/ls-field-properties-number.js +1 -1
  25. package/dist/components/ls-field-properties-signature.js +1 -1
  26. package/dist/components/ls-field-properties-text.js +1 -1
  27. package/dist/components/ls-field-properties.js +1 -1
  28. package/dist/components/ls-left-bar.js +1 -1
  29. package/dist/components/ls-statusbar.js +1 -1
  30. package/dist/components/{p-BD_LQa4f.js → p-BDD6zFgO.js} +3 -3
  31. package/dist/components/{p-BD_LQa4f.js.map → p-BDD6zFgO.js.map} +1 -1
  32. package/dist/components/{p-nEeIgVD4.js → p-BTcdVmkv.js} +15 -9
  33. package/dist/components/p-BTcdVmkv.js.map +1 -0
  34. package/dist/components/{p-BcIQeY5m.js → p-BmpejMo_.js} +3 -3
  35. package/dist/components/{p-BcIQeY5m.js.map → p-BmpejMo_.js.map} +1 -1
  36. package/dist/components/{p-D2fyXA3F.js → p-ByN7GurE.js} +3 -3
  37. package/dist/components/{p-D2fyXA3F.js.map → p-ByN7GurE.js.map} +1 -1
  38. package/dist/components/{p-DKCAgr17.js → p-CHbV_3Pe.js} +3 -3
  39. package/dist/components/{p-DKCAgr17.js.map → p-CHbV_3Pe.js.map} +1 -1
  40. package/dist/components/{p-BRcbstSs.js → p-CowkeWsT.js} +3 -3
  41. package/dist/components/{p-BRcbstSs.js.map → p-CowkeWsT.js.map} +1 -1
  42. package/dist/components/{p-Bmm5vB3M.js → p-CyV8nu-T.js} +15 -15
  43. package/dist/components/{p-Bmm5vB3M.js.map → p-CyV8nu-T.js.map} +1 -1
  44. package/dist/components/{p-DjyJ7Vy7.js → p-D4pQIA1Z.js} +3 -3
  45. package/dist/components/{p-DjyJ7Vy7.js.map → p-D4pQIA1Z.js.map} +1 -1
  46. package/dist/components/{p-0gpJEkuE.js → p-D6grL59P.js} +18 -12
  47. package/dist/components/p-D6grL59P.js.map +1 -0
  48. package/dist/components/{p-BrzfHYNI.js → p-DAq2HFf_.js} +3 -3
  49. package/dist/components/{p-BrzfHYNI.js.map → p-DAq2HFf_.js.map} +1 -1
  50. package/dist/components/{p-m1DXrPv0.js → p-DpA4TE1Q.js} +3 -3
  51. package/dist/components/{p-m1DXrPv0.js.map → p-DpA4TE1Q.js.map} +1 -1
  52. package/dist/components/{p-CLsTvOMB.js → p-Dw48QFVg.js} +3 -3
  53. package/dist/components/{p-CLsTvOMB.js.map → p-Dw48QFVg.js.map} +1 -1
  54. package/dist/components/{p-ZKk3AJde.js → p-pAh5qPFg.js} +14 -14
  55. package/dist/components/{p-ZKk3AJde.js.map → p-pAh5qPFg.js.map} +1 -1
  56. package/dist/components/{p-sL-kvPiU.js → p-uST4uUr8.js} +3 -3
  57. package/dist/components/{p-sL-kvPiU.js.map → p-uST4uUr8.js.map} +1 -1
  58. package/dist/components/{p-BoxsygDA.js → p-x8FQ2VuC.js} +3 -3
  59. package/dist/components/{p-BoxsygDA.js.map → p-x8FQ2VuC.js.map} +1 -1
  60. package/dist/esm/loader.js +1 -1
  61. package/dist/esm/ls-assignee-select_21.entry.js +3 -3
  62. package/dist/esm/ls-compose-loader_7.entry.js +1 -1
  63. package/dist/esm/ls-document-viewer.entry.js +1 -1
  64. package/dist/esm/ls-document-viewer.js +1 -1
  65. package/dist/esm/ls-field-alignment_3.entry.js +1 -1
  66. package/dist/esm/{mouseHandlers-ZnSeG3Tw.js → mouseHandlers-CidXuxi3.js} +3 -3
  67. package/dist/esm/{mouseHandlers-ZnSeG3Tw.js.map → mouseHandlers-CidXuxi3.js.map} +1 -1
  68. package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
  69. package/dist/ls-document-viewer/{p-ddb4daf1.entry.js → p-5353749c.entry.js} +2 -2
  70. package/dist/ls-document-viewer/{p-ddb4daf1.entry.js.map → p-5353749c.entry.js.map} +1 -1
  71. package/dist/ls-document-viewer/{p-af926417.entry.js → p-89798744.entry.js} +2 -2
  72. package/dist/ls-document-viewer/{p-c7361f1c.entry.js → p-8d626c5c.entry.js} +2 -2
  73. package/dist/ls-document-viewer/{p-BnmDPEuZ.js → p-D6sbeDib.js} +2 -2
  74. package/dist/ls-document-viewer/{p-BnmDPEuZ.js.map → p-D6sbeDib.js.map} +1 -1
  75. package/dist/ls-document-viewer/{p-106a844a.entry.js → p-cbff9ae0.entry.js} +2 -2
  76. package/package.json +1 -1
  77. package/dist/components/p-0gpJEkuE.js.map +0 -1
  78. package/dist/components/p-nEeIgVD4.js.map +0 -1
  79. /package/dist/ls-document-viewer/{p-af926417.entry.js.map → p-89798744.entry.js.map} +0 -0
  80. /package/dist/ls-document-viewer/{p-c7361f1c.entry.js.map → p-8d626c5c.entry.js.map} +0 -0
  81. /package/dist/ls-document-viewer/{p-106a844a.entry.js.map → p-cbff9ae0.entry.js.map} +0 -0
package/dist/ls-document-viewer/{p-c7361f1c.entry.js → p-8d626c5c.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as e,h as t,H as o,a as s,c as a}from"./p-CItPoq74.js";import{d as i}from"./p-Al32p_JM.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-CmJjDhcp.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 s(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 s=document.createElement("td");s.innerText=t.dataItem.id;o.appendChild(s);const a=document.createElement("td");a.innerText=t.dataItem.value;o.appendChild(a);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=a(this,"managerChange",7);this.clearSelected=a(this,"clearSelected",7)}get el(){return s(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.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")&&this.signer>0&&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.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=a(this,"selectFields",7)}get el(){return s(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 s=o.getBoundingClientRect();const a=t.getBoundingClientRect();const i=a.top>=s.top&&a.bottom<=s.bottom&&a.left>=s.left&&a.right<=s.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 s=t.top-l.top;if(o>d)d=o;if(s<n)n=s}));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.11";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:block}:host(.ls-dv-statusbar-preview) .ls-dv-version{bottom:-1.25rem;margin-right:0.5rem}`;const w=class{constructor(t){e(this,t)}get component(){return s(this)}zoom;page;pageCount;showThumbnails=false;showZoomMenu=false;showPageMenu=false;editor;canUndo=false;canRedo=false;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 s=parseFloat(o.paddingTop)+parseFloat(o.paddingBottom);const a=e.clientHeight-s;const i=a/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 s=new Map;o.forEach((e=>s.set(e.signer,(s.get(e.signer)||0)+1)));return Array.from(s.entries()).sort((([e],[t])=>{const o=e%100;const s=t%100;if(o!==s)return o-s;return e-t})).map((([e,o])=>{const s=t.roles?.find((t=>t.signerIndex===e));const a=e%100;return{s40:l[a]?.s40||l[0].s40,s60:l[a]?.s60||l[0].s60,s70:l[a]?.s70||l[0].s70,name:s?.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 s=this.getPageFields(t);s.forEach((t=>{const s=t.signer%100;const a=l[s]||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=a.s40+"1a";e.fillRect(i,r,d,n);e.strokeStyle=a.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 s=e.getViewport({scale:.2});const a=document.createElement("canvas");a.width=s.width;a.height=s.height;a.className=o===this.page?"ls-dv-thumbnail active":"ls-dv-thumbnail";a.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(a);i.appendChild(r);i.appendChild(l);t.appendChild(i);const d=a.getContext("2d");e.render({canvasContext:d,viewport:s}).promise.then((()=>{this.renderFieldsOnCanvas(d,o,s);a.style.opacity="0.99";requestAnimationFrame((()=>{a.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 s=this.component.shadowRoot.getElementById("zoom-level-btn");if(!t.includes(o)&&!t.includes(s)){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 s=this.component.shadowRoot.getElementById("page-level-btn");if(!t.includes(o)&&!t.includes(s)){this.showPageMenu=false;document.removeEventListener("click",this.pageMenuClickHandler,true)}};applyUndo(){const e=d();if(!e)return;this.editor._skipHistory=true;this.editor.mutateHandler(new CustomEvent("mutate",{detail:e}))}applyRedo(){const e=n();if(!e)return;this.editor._skipHistory=true;this.editor.mutateHandler(new CustomEvent("mutate",{detail: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 s=t.offsetTop-e.offsetTop;const a=s+t.offsetHeight;const i=e.scrollTop;const r=e.clientHeight;if(s-o<i){e.scrollTo({top:s-o,behavior:"smooth"})}else if(a+o>i+r){e.scrollTo({top:a+o-r,behavior:"smooth"})}}}))}}render(){const e=this.mode==="preview";return t(o,{key:"f8fe8dcb0cc4bf8363a00494679ee7aa9f540747",class:{"ls-dv-statusbar-preview":e}},!e&&t("div",{key:"bed4e30d5a7a8711789bf10036536e6c58213ba9",class:"ls-dv-controls-bar"},t("div",{key:"5e5ff996a7717509aaa517355db210f73c65ba15",class:"ls-dv-status-bar-section"},t("button",{key:"facc640bf6aadfed0ae4d675e26d6d4a6b7c5ea3",onClick:()=>this.applyUndo(),disabled:!this.canUndo,id:"undo-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.undo")},t("ls-icon",{key:"011e68df0e478235dc224a9d1871287d36920cd0",name:"undo-icon",size:18})),t("button",{key:"b8c3c71b8f522f32bc9e59b6d9bbc7a2b1adbd36",onClick:()=>this.applyRedo(),disabled:!this.canRedo,id:"redo-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.redo")},t("ls-icon",{key:"b0de8051ce406ae70cb09ec334ea6d28f303ad90",name:"redo-icon",style:{transform:"scale(-1, 1)",marginLeft:"0.25rem"},size:18})))),t("div",{key:"400c8b2a255f2c6cf83636d5754df21091690167",class:{"ls-dv-controls-bar":true,"ls-dv-page-nav":true}},t("div",{key:"8cbdc2e91dbd2169d86920d69ba5091ff458a0a7",class:"ls-dv-status-bar-section",style:this.pageCount===1&&{display:"none"}},t("button",{key:"b626c95b149766a33401c136170561aaa4eced03",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:"c31a6049604464c93e32ff80803c34c5f185bd92",name:"chevron-left-icon"})),t("button",{key:"5248644b477d35b8b4813868491a1e20f2f70d7e",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:"0294f8f73821bf76fa2eb696b2ad9b7d0fbffc65",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:"51305fb4ff4d7d9c68b7504ee8b252ac4fc7dcc6",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:"ef694079c8469a0dd9da9666037932679a17c21a",name:"chevron-right-icon"})))),t("div",{key:"37d18c6925cc352c527ea152c154e67583791d6b",class:"ls-dv-status-bar-group"},t("div",{key:"ee9c98d7a8d2e9bac8bb937ce457645f9a25dafb",class:"ls-dv-controls-bar",style:{position:"relative"}},t("div",{key:"dec5be3e1f02866fafa378c9d173db3f75d52a48",class:"ls-dv-status-bar-section"},t("button",{key:"13245bca9165a948eed2137935de0d87249c6986",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:"6717dda4392429474b1c860bb21ee53268f57c22",name:"zoom-out-icon"})),t("button",{key:"0998c8687d38ea3b147d903f7ad23a6e56cf4c16",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:"8b8f0d75d41eef36ae97188d116de0c5c271aa27",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:"681f366851b0209a3bb00cfeddfe53d405d443b1",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:"1c33520ad5e18b800a922de81c4c32ba42451cd5",name:"zoom-in-icon"}))),!e&&t("div",{key:"cbbf0898fbfebd8e325fffa4e6624ccc4bc9ccf3",class:"ls-dv-status-bar-section"},t("button",{key:"4225eaa11f8f2149799856795d3206c45fae0fec",onClick:()=>this.fitWidth(),id:"fit-width-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.fitwidth")},t("ls-icon",{key:"948fcef1cbd33072228c506ec024ded608253576",name:"fit-width-icon"})),t("button",{key:"62b9f3f2ff2bfedce010f325fa3a57ae9150bad6",onClick:()=>this.fitHeight(),id:"fit-height-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.fitheight")},t("ls-icon",{key:"d6094699e568592d9a70abc4e3cc0c94a7c31b96",name:"fit-height-icon"}))),t("div",{key:"18326723ca2e0c7f4699e5bd9c9cc90f72003986",class:"ls-dv-status-bar-section",style:this.pageCount===1?{display:"none"}:{}},t("button",{key:"20ffafe3b9141a6d6390dbe6f87896895efc9939",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:"5aaa602bd31e0d2ca691fb2ed4f855e2fe2ae44b",name:!this.showThumbnails?"side-panel-open-right-icon":"side-panel-close-right-icon",size:18}))),this.showThumbnails&&t("div",{key:"d54dd9d39df83230f17742b026955622f7d2675f",class:"ls-dv-thumbnail-popover"},t("div",{key:"fc58b705709573df2f665539394a8e3f72f42d65",id:"ls-thumbnail-container",class:"ls-dv-thumbnail-grid"}))),!e&&t("ls-helper-bar",{key:"d8c09791152e6da83e537aa1f747558ebd284ad7"}),t("span",{key:"17a704dd67753db38cd515cbe7e53594b82fcde7",class:"ls-dv-version"},"v",k),t("ls-tooltip",{key:"4fc2a0c0f21f6b4669743ab756c2c6d2db9698b1",tooltipId:"ls-dv-tooltip"}),t("slot",{key:"69fd09637846400ab742ea6053b2a7a455e3752a"})))}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=a(this,"mutate",7);this.update=a(this,"update",7)}get component(){return s(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 s=this.selected.length-o;if(s===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:s})),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-c7361f1c.entry.js.map
1
+ import{r as e,h as t,H as o,a as s,c as a}from"./p-CItPoq74.js";import{d as i}from"./p-Al32p_JM.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-CmJjDhcp.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 s(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 s=document.createElement("td");s.innerText=t.dataItem.id;o.appendChild(s);const a=document.createElement("td");a.innerText=t.dataItem.value;o.appendChild(a);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=a(this,"managerChange",7);this.clearSelected=a(this,"clearSelected",7)}get el(){return s(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.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")&&this.signer>0&&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.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=a(this,"selectFields",7)}get el(){return s(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 s=o.getBoundingClientRect();const a=t.getBoundingClientRect();const i=a.top>=s.top&&a.bottom<=s.bottom&&a.left>=s.left&&a.right<=s.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 s=t.top-l.top;if(o>d)d=o;if(s<n)n=s}));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.13";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:block}:host(.ls-dv-statusbar-preview) .ls-dv-version{bottom:-1.25rem;margin-right:0.5rem}`;const w=class{constructor(t){e(this,t)}get component(){return s(this)}zoom;page;pageCount;showThumbnails=false;showZoomMenu=false;showPageMenu=false;editor;canUndo=false;canRedo=false;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 s=parseFloat(o.paddingTop)+parseFloat(o.paddingBottom);const a=e.clientHeight-s;const i=a/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 s=new Map;o.forEach((e=>s.set(e.signer,(s.get(e.signer)||0)+1)));return Array.from(s.entries()).sort((([e],[t])=>{const o=e%100;const s=t%100;if(o!==s)return o-s;return e-t})).map((([e,o])=>{const s=t.roles?.find((t=>t.signerIndex===e));const a=e%100;return{s40:l[a]?.s40||l[0].s40,s60:l[a]?.s60||l[0].s60,s70:l[a]?.s70||l[0].s70,name:s?.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 s=this.getPageFields(t);s.forEach((t=>{const s=t.signer%100;const a=l[s]||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=a.s40+"1a";e.fillRect(i,r,d,n);e.strokeStyle=a.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 s=e.getViewport({scale:.2});const a=document.createElement("canvas");a.width=s.width;a.height=s.height;a.className=o===this.page?"ls-dv-thumbnail active":"ls-dv-thumbnail";a.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(a);i.appendChild(r);i.appendChild(l);t.appendChild(i);const d=a.getContext("2d");e.render({canvasContext:d,viewport:s}).promise.then((()=>{this.renderFieldsOnCanvas(d,o,s);a.style.opacity="0.99";requestAnimationFrame((()=>{a.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 s=this.component.shadowRoot.getElementById("zoom-level-btn");if(!t.includes(o)&&!t.includes(s)){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 s=this.component.shadowRoot.getElementById("page-level-btn");if(!t.includes(o)&&!t.includes(s)){this.showPageMenu=false;document.removeEventListener("click",this.pageMenuClickHandler,true)}};applyUndo(){const e=d();if(!e)return;this.editor._skipHistory=true;this.editor.mutateHandler(new CustomEvent("mutate",{detail:e}))}applyRedo(){const e=n();if(!e)return;this.editor._skipHistory=true;this.editor.mutateHandler(new CustomEvent("mutate",{detail: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 s=t.offsetTop-e.offsetTop;const a=s+t.offsetHeight;const i=e.scrollTop;const r=e.clientHeight;if(s-o<i){e.scrollTo({top:s-o,behavior:"smooth"})}else if(a+o>i+r){e.scrollTo({top:a+o-r,behavior:"smooth"})}}}))}}render(){const e=this.mode==="preview";return t(o,{key:"f8fe8dcb0cc4bf8363a00494679ee7aa9f540747",class:{"ls-dv-statusbar-preview":e}},!e&&t("div",{key:"bed4e30d5a7a8711789bf10036536e6c58213ba9",class:"ls-dv-controls-bar"},t("div",{key:"5e5ff996a7717509aaa517355db210f73c65ba15",class:"ls-dv-status-bar-section"},t("button",{key:"facc640bf6aadfed0ae4d675e26d6d4a6b7c5ea3",onClick:()=>this.applyUndo(),disabled:!this.canUndo,id:"undo-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.undo")},t("ls-icon",{key:"011e68df0e478235dc224a9d1871287d36920cd0",name:"undo-icon",size:18})),t("button",{key:"b8c3c71b8f522f32bc9e59b6d9bbc7a2b1adbd36",onClick:()=>this.applyRedo(),disabled:!this.canRedo,id:"redo-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.redo")},t("ls-icon",{key:"b0de8051ce406ae70cb09ec334ea6d28f303ad90",name:"redo-icon",style:{transform:"scale(-1, 1)",marginLeft:"0.25rem"},size:18})))),t("div",{key:"400c8b2a255f2c6cf83636d5754df21091690167",class:{"ls-dv-controls-bar":true,"ls-dv-page-nav":true}},t("div",{key:"8cbdc2e91dbd2169d86920d69ba5091ff458a0a7",class:"ls-dv-status-bar-section",style:this.pageCount===1&&{display:"none"}},t("button",{key:"b626c95b149766a33401c136170561aaa4eced03",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:"c31a6049604464c93e32ff80803c34c5f185bd92",name:"chevron-left-icon"})),t("button",{key:"5248644b477d35b8b4813868491a1e20f2f70d7e",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:"0294f8f73821bf76fa2eb696b2ad9b7d0fbffc65",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:"51305fb4ff4d7d9c68b7504ee8b252ac4fc7dcc6",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:"ef694079c8469a0dd9da9666037932679a17c21a",name:"chevron-right-icon"})))),t("div",{key:"37d18c6925cc352c527ea152c154e67583791d6b",class:"ls-dv-status-bar-group"},t("div",{key:"ee9c98d7a8d2e9bac8bb937ce457645f9a25dafb",class:"ls-dv-controls-bar",style:{position:"relative"}},t("div",{key:"dec5be3e1f02866fafa378c9d173db3f75d52a48",class:"ls-dv-status-bar-section"},t("button",{key:"13245bca9165a948eed2137935de0d87249c6986",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:"6717dda4392429474b1c860bb21ee53268f57c22",name:"zoom-out-icon"})),t("button",{key:"0998c8687d38ea3b147d903f7ad23a6e56cf4c16",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:"8b8f0d75d41eef36ae97188d116de0c5c271aa27",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:"681f366851b0209a3bb00cfeddfe53d405d443b1",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:"1c33520ad5e18b800a922de81c4c32ba42451cd5",name:"zoom-in-icon"}))),!e&&t("div",{key:"cbbf0898fbfebd8e325fffa4e6624ccc4bc9ccf3",class:"ls-dv-status-bar-section"},t("button",{key:"4225eaa11f8f2149799856795d3206c45fae0fec",onClick:()=>this.fitWidth(),id:"fit-width-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.fitwidth")},t("ls-icon",{key:"948fcef1cbd33072228c506ec024ded608253576",name:"fit-width-icon"})),t("button",{key:"62b9f3f2ff2bfedce010f325fa3a57ae9150bad6",onClick:()=>this.fitHeight(),id:"fit-height-btn","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("statusbar.fitheight")},t("ls-icon",{key:"d6094699e568592d9a70abc4e3cc0c94a7c31b96",name:"fit-height-icon"}))),t("div",{key:"18326723ca2e0c7f4699e5bd9c9cc90f72003986",class:"ls-dv-status-bar-section",style:this.pageCount===1?{display:"none"}:{}},t("button",{key:"20ffafe3b9141a6d6390dbe6f87896895efc9939",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:"5aaa602bd31e0d2ca691fb2ed4f855e2fe2ae44b",name:!this.showThumbnails?"side-panel-open-right-icon":"side-panel-close-right-icon",size:18}))),this.showThumbnails&&t("div",{key:"d54dd9d39df83230f17742b026955622f7d2675f",class:"ls-dv-thumbnail-popover"},t("div",{key:"fc58b705709573df2f665539394a8e3f72f42d65",id:"ls-thumbnail-container",class:"ls-dv-thumbnail-grid"}))),!e&&t("ls-helper-bar",{key:"d8c09791152e6da83e537aa1f747558ebd284ad7"}),t("span",{key:"17a704dd67753db38cd515cbe7e53594b82fcde7",class:"ls-dv-version"},"v",k),t("ls-tooltip",{key:"4fc2a0c0f21f6b4669743ab756c2c6d2db9698b1",tooltipId:"ls-dv-tooltip"}),t("slot",{key:"69fd09637846400ab742ea6053b2a7a455e3752a"})))}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=a(this,"mutate",7);this.update=a(this,"update",7)}get component(){return s(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 s=this.selected.length-o;if(s===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:s})),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-8d626c5c.entry.js.map
package/dist/ls-document-viewer/{p-BnmDPEuZ.js → p-D6sbeDib.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{f as t,r as s,a as i}from"./p-0WDO8yNX.js";import{D as e,F as n,a as h}from"./p-04cXI5GQ.js";import{s as o}from"./p-CmJjDhcp.js";import{d as l}from"./p-CwCWCxsI.js";import{d as c}from"./p-Al32p_JM.js";const a=10;let r=[];let f=null;function d(t,s){f={x:t,y:s}}function u(){f=null}function p(){if(!this.selected||this.selected.length===0)return;r=this.selected.map((t=>({...t.dataItem})));f=null}function m(){if(!this.selected||this.selected.length===0)return;p.bind(this)();const t=Array.from(this.selected);this.mutate.emit(t.map((t=>({action:"delete",data:t.dataItem}))))}function g(){if(r.length===0)return;const t=Math.min(...r.map((t=>t.top)));const s=Math.min(...r.map((t=>t.left)));const i=r.map((i=>{const e={...i,id:btoa("ele"+crypto.randomUUID())};if(f){const n=this.component.shadowRoot.getElementById("ls-document-frame");const h=n.getBoundingClientRect();const o=Math.round((f.x-h.left)/this.zoom);const l=Math.round((f.y-h.top)/this.zoom);e.top=l+(i.top-t);e.left=o+(i.left-s)}else{e.top=i.top+a;e.left=i.left+a}const n=this.pageDimensions[this.pageNum-1];if(e.top+i.height>n.height){e.top=n.height-i.height}if(e.left+i.width>n.width){e.left=n.width-i.width}if(e.top<0)e.top=0;if(e.left<0)e.left=0;e.page=this.pageNum;e.pageDimensions=n;return e}));const e=i.length;this.mutate.emit(i.map((t=>({action:"create",data:t}))));const n=()=>{const t=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const s=t.filter((t=>t.dataItem?.page===this.pageNum));const i=s.slice(-e);if(i.length===e){t.forEach((t=>{t.selected=false;t.multiSelected=false}));i.forEach((t=>{t.selected=true;t.multiSelected=i.length>1}));this.selected=i;this.selectFields.emit(i.map((t=>t.dataItem)))}};const h=()=>{if(!this.isMutating){requestAnimationFrame(n)}else{requestAnimationFrame(h)}};requestAnimationFrame(h);r=i;f=null}const x=8;function b(t,s,i,e,n,h,o,l){const c={edges:{},guides:[]};const a=t+i;const r=s+e;const f=[];const d=[];if(n.includes("n"))f.push("n");if(n.includes("s"))f.push("s");if(n.includes("e"))d.push("e");if(n.includes("w"))d.push("w");const u={n:s,s:r,e:a,w:t};for(const t of[...d,...f]){const s=t==="e"||t==="w";const i=u[t];let e=x+1;let n=null;for(const t of h){if(t.dataItem?.page!==o)continue;if(l&&l.includes(t.dataItem?.id))continue;const h=t.offsetLeft;const c=t.offsetTop;const a=h+t.offsetWidth;const r=c+t.offsetHeight;const f=h+t.offsetWidth/2;const d=c+t.offsetHeight/2;const u=s?[h,a,f]:[c,r,d];for(const t of u){const s=Math.abs(i-t);if(s<e){e=s;n=t}}}if(n!==null&&e<=x){c.edges[t]=n;c.guides.push({orientation:s?"v":"h",position:n})}}return c}function v(t,s,i,e,n,h,o){const l={x:null,y:null,guides:[]};const c=t+i;const a=s+e;const r=t+i/2;const f=s+e/2;let d=x+1;let u=x+1;let p=t;let m=s;for(const i of n){if(i.dataItem?.page!==h)continue;if(o&&o.includes(i.dataItem?.id))continue;const e=i.offsetLeft;const n=i.offsetTop;const l=e+i.offsetWidth;const g=n+i.offsetHeight;const x=e+i.offsetWidth/2;const b=n+i.offsetHeight/2;const v=[{dragEdge:t,targetEdge:e},{dragEdge:t,targetEdge:l},{dragEdge:c,targetEdge:e},{dragEdge:c,targetEdge:l},{dragEdge:r,targetEdge:x}];for(const{dragEdge:s,targetEdge:i}of v){const e=Math.abs(s-i);if(e<d){d=e;p=t+(i-s)}}const M=[{dragEdge:s,targetEdge:n},{dragEdge:s,targetEdge:g},{dragEdge:a,targetEdge:n},{dragEdge:a,targetEdge:g},{dragEdge:f,targetEdge:b}];for(const{dragEdge:t,targetEdge:i}of M){const e=Math.abs(t-i);if(e<u){u=e;m=s+(i-t)}}}if(d>x)p=t;if(u>x)m=s;if(d<=x){l.x=p;const t=p+i;const s=p+i/2;const e=new Set;for(const i of n){if(i.dataItem?.page!==h)continue;if(o&&o.includes(i.dataItem?.id))continue;const n=i.offsetLeft;const l=n+i.offsetWidth;const c=n+i.offsetWidth/2;for(const i of[n,l,c]){if(Math.abs(p-i)<1||Math.abs(t-i)<1||Math.abs(s-i)<1){e.add(i)}}}e.forEach((t=>l.guides.push({orientation:"v",position:t})))}if(u<=x){l.y=m;const t=m+e;const s=m+e/2;const i=new Set;for(const e of n){if(e.dataItem?.page!==h)continue;if(o&&o.includes(e.dataItem?.id))continue;const n=e.offsetTop;const l=n+e.offsetHeight;const c=n+e.offsetHeight/2;for(const e of[n,l,c]){if(Math.abs(m-e)<1||Math.abs(t-e)<1||Math.abs(s-e)<1){i.add(e)}}}i.forEach((t=>l.guides.push({orientation:"h",position:t})))}return l}const M=t=>t.preventDefault();function y(t){let s=this.component.shadowRoot.getElementById("ls-move-blocked-tooltip");if(!s){s=document.createElement("div");s.id="ls-move-blocked-tooltip";s.style.position="fixed";s.style.padding="0.375rem 0.75rem";s.style.borderRadius="0.5rem";s.style.background="var(--gray-100, #45484d)";s.style.color="white";s.style.fontSize="0.75rem";s.style.fontFamily="var(--font-family, IBM Plex Sans, sans-serif)";s.style.pointerEvents="none";s.style.zIndex="10000";s.style.whiteSpace="nowrap";s.textContent=c.t("fieldproperties.cannotmovemultipage");this.component.shadowRoot.appendChild(s)}s.style.left=t.clientX+12+"px";s.style.top=t.clientY+12+"px"}function w(){const t=this.component.shadowRoot?.getElementById("ls-move-blocked-tooltip");if(t)t.remove()}function E(){document.body.style.userSelect="none";document.body.style.webkitUserSelect="none";document.addEventListener("selectstart",M)}function k(){document.body.style.userSelect="";document.body.style.webkitUserSelect="";document.removeEventListener("selectstart",M)}function A(){var t=this.component.shadowRoot.getElementById("ls-box-selector");const s=this.selected?.filter((t=>t.dataItem?.page===this.pageNum));if(!s||s.length<2){t.style.visibility="hidden";return}let i=Infinity,e=Infinity,n=-Infinity,h=-Infinity;s.forEach((t=>{const s=t.offsetLeft;const o=t.offsetTop;const l=s+t.offsetWidth;const c=o+t.offsetHeight;if(s<i)i=s;if(o<e)e=o;if(l>n)n=l;if(c>h)h=c}));t.style.left=i+"px";t.style.top=e+"px";t.style.width=n-i+"px";t.style.height=h-e+"px";t.style.visibility="visible"}let T=null;function I(t,s){if(T)clearTimeout(T);T=setTimeout((()=>{this.mutate.emit([t])}),s)}const S=5;function $(t){if(this._isToolboxDragging)return;if(this.mode==="preview"||this._template?.locked){return}const s=this.component.shadowRoot.getElementById("ls-document-frame");const i=this.component.shadowRoot.getElementById("document-frame-wrapper");if(!s)return;const e=t.target;const n=e===s||e===i||e?.id==="pdf-canvas"||e?.tagName?.toLowerCase()==="canvas";const h=e?.tagName?.toLowerCase()==="ls-editor-field";if(!n&&!h)return;this.hitField=null;const l=this.component.shadowRoot.querySelectorAll("ls-editor-field");l.forEach((s=>{const{left:i,top:e,height:n,width:h,bottom:o,right:l}=s.getBoundingClientRect();const c={left:s.offsetLeft,top:s.offsetTop,height:n,width:h,x:t.screenX,y:t.screenY};this.startMouse=c;const a=Math.min(8,h*.25);const r=Math.min(8,n*.25);const f=Math.min(16,h*.35);const d=Math.min(16,n*.35);if(Math.abs(t.clientX-l)<f&&Math.abs(t.clientY-o)<d){this.edgeSide="se";this.hitField=s}else if(Math.abs(t.clientX-i)<f&&Math.abs(t.clientY-e)<d){this.edgeSide="nw";this.hitField=s}else if(Math.abs(t.clientX-l)<f&&Math.abs(t.clientY-e)<d){this.edgeSide="ne";this.hitField=s}else if(Math.abs(t.clientX-i)<f&&Math.abs(t.clientY-o)<d){this.edgeSide="sw";this.hitField=s}else if(Math.abs(t.clientX-i)<a&&t.clientY>=e&&t.clientY<=o){this.edgeSide="w";this.hitField=s}else if(Math.abs(t.clientX-l)<a&&t.clientY>=e&&t.clientY<=o){this.edgeSide="e";this.hitField=s}else if(Math.abs(t.clientY-e)<r&&t.clientX>=i&&t.clientX<=l){this.edgeSide="n";this.hitField=s}else if(Math.abs(t.clientY-o)<r&&t.clientX>=i&&t.clientX<=l){this.edgeSide="s";this.hitField=s}else if(t.clientY<=o&&t.clientY>=e&&t.clientX>=i&&t.clientX<=l){this.edgeSide=null;this.hitField=s}}));if(this.hitField&&t.shiftKey===false&&t.altKey===false){var c=this.component.shadowRoot.getElementById("ls-box-selector");c.style.visibility="hidden";o(this.hitField.dataItem);this.selected.forEach((t=>o(t.dataItem)));if(this.hitField.selected===false){l.forEach((t=>{t.selected=false}));this.selected=[this.hitField];this.selectFields.emit([this.hitField.dataItem])}const{height:s,width:i}=this.hitField.getBoundingClientRect();const e={left:this.hitField.offsetLeft,top:this.hitField.offsetTop,height:s,width:i,x:t.screenX,y:t.screenY};this.startMouse=e;this.startLocations=this.selected.map((t=>{const{height:s,width:i}=t.getBoundingClientRect();const e=t;return{top:e.offsetTop,left:e.offsetLeft,height:s,width:i}}));this.selectionBox=null}else if(this.hitField&&t.altKey===true){if(this.hitField.selected===true){this.hitField.selected=false;this.selected=this.selected.filter((t=>t!==this.hitField));this.selectFields.emit(this.selected.map((t=>t.dataItem)))}this.hitField=null;this.startMouse=null;this.startLocations=null;this.selectionBox=null;A.bind(this)()}else if(this.hitField&&t.shiftKey===true){var c=this.component.shadowRoot.getElementById("ls-box-selector");c.style.visibility="hidden";if(this.hitField.selected===true){this.hitField.selected=false;this.selected=this.selected.filter((t=>t!==this.hitField));this.selectFields.emit(this.selected.map((t=>t.dataItem)));this.hitField=null;this.startMouse=null;this.startLocations=null;this.selectionBox=null;A.bind(this)()}else{this.hitField.selected=true;this.selected=[...this.selected,this.hitField];this.selectFields.emit(this.selected.map((t=>t.dataItem)));const{height:s,width:i}=this.hitField.getBoundingClientRect();const e={left:this.hitField.offsetLeft,top:this.hitField.offsetTop,height:s,width:i,x:t.screenX,y:t.screenY};this.startMouse=e;this.startLocations=this.selected.map((t=>{const{height:s,width:i}=t.getBoundingClientRect();const e=t;return{top:e.offsetTop,left:e.offsetLeft,height:s,width:i}}));this.selectionBox=null}}else{this.startLocations=null;this.startMouse=null;this.selectionBox=null;this._pendingSelectionBox={x:t.clientX,y:t.clientY};E();if(!t.shiftKey&&!t.altKey){this.unselect();this.selectFields.emit([]);this.selected=[];A.bind(this)()}}}function P(t){return t.height<=5||t.left<0||t.top<0||t.left+t.width>=t.pageDimensions.width||t.top+t.height>=t.pageDimensions.height}function j(t){t.preventDefault();if(this._isToolboxDragging)return;if(this.mode==="preview"||this._template?.locked){return}if(this.hitField&&this.edgeSide&&this.startMouse&&t.buttons===1){E();const e=t.screenX-this.startMouse.x;const n=t.screenY-this.startMouse.y;var i=this.hitField.dataItem.formElementType==="signature"&&this._template.fixSignatureScale;let h=this.startMouse.left;let o=this.startMouse.top;let l=this.startMouse.width;let c=this.startMouse.height;switch(this.edgeSide){case"n":if(i){c=this.startMouse.height-n;l=c*(this.startMouse.width/this.startMouse.height)}else{o=this.startMouse.top+n;c=this.startMouse.height-n}break;case"s":if(i){c=this.startMouse.height+n;l=c*(this.startMouse.width/this.startMouse.height)}else{c=this.startMouse.height+n}break;case"e":if(i){l=this.startMouse.width+e;c=l*(this.startMouse.height/this.startMouse.width)}else{l=this.startMouse.width+e}break;case"w":if(i){l=this.startMouse.width-e;c=l*(this.startMouse.height/this.startMouse.width);h=this.startMouse.left+e}else{h=this.startMouse.left+e;l=this.startMouse.width-e}break;case"se":if(i){l=this.startMouse.width+e;c=l/(this.startMouse.width/this.startMouse.height)}else{l=this.startMouse.width+e;c=this.startMouse.height+n}break;case"nw":if(i){l=this.startMouse.width-e;c=l/(this.startMouse.width/this.startMouse.height);h=this.startMouse.left+e;o=this.startMouse.top+(this.startMouse.height-c)}else{h=this.startMouse.left+e;o=this.startMouse.top+n;l=this.startMouse.width-e;c=this.startMouse.height-n}break;case"ne":if(i){l=this.startMouse.width+e;c=l/(this.startMouse.width/this.startMouse.height);o=this.startMouse.top+(this.startMouse.height-c)}else{l=this.startMouse.width+e;o=this.startMouse.top+n;c=this.startMouse.height-n}break;case"sw":if(i){l=this.startMouse.width-e;c=l/(this.startMouse.width/this.startMouse.height);h=this.startMouse.left+e}else{h=this.startMouse.left+e;l=this.startMouse.width-e;c=this.startMouse.height+n}break}const a=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const r=b(h,o,l,c,this.edgeSide,a,this.pageNum,[this.hitField.dataItem.id]);if(i){const t=this.startMouse.width/this.startMouse.height;const s=r.edges.e!==undefined||r.edges.w!==undefined;const i=r.edges.n!==undefined||r.edges.s!==undefined;let e=s;let n=i;if(s&&i&&this.edgeSide.length===2){const t=r.edges.e!==undefined?Math.abs(h+l-r.edges.e):Math.abs(h-r.edges.w);const s=r.edges.s!==undefined?Math.abs(o+c-r.edges.s):Math.abs(o-r.edges.n);if(t<=s){n=false}else{e=false}}if(n&&!e){if(r.edges.n!==undefined){c=o+c-r.edges.n;o=r.edges.n}if(r.edges.s!==undefined){c=r.edges.s-o}l=c*t}else if(e){if(r.edges.w!==undefined){l=h+l-r.edges.w;h=r.edges.w}if(r.edges.e!==undefined){l=r.edges.e-h}c=l/t}if(this.edgeSide.includes("n"))o=this.startMouse.top+this.startMouse.height-c;if(this.edgeSide.includes("w"))h=this.startMouse.left+this.startMouse.width-l;const a=r.guides.filter((t=>e&&t.orientation==="v"||n&&t.orientation==="h"));F.bind(this)(a)}else{if(r.edges.n!==undefined){c=o+c-r.edges.n;o=r.edges.n}if(r.edges.s!==undefined){c=r.edges.s-o}if(r.edges.w!==undefined){l=h+l-r.edges.w;h=r.edges.w}if(r.edges.e!==undefined){l=r.edges.e-h}F.bind(this)(r.guides)}if(!P({...this.hitField.dataItem,left:h/this.zoom,top:o/this.zoom,width:l/this.zoom,height:c/this.zoom})){this.hitField.style.left=h+"px";this.hitField.style.top=o+"px";this.hitField.style.width=l+"px";this.hitField.style.height=c+"px";this.hitField.dataItem={...this.hitField.dataItem,left:h/this.zoom,top:o/this.zoom,width:l/this.zoom,height:c/this.zoom}}I.bind(this)({action:"update",data:s(this.hitField.dataItem)},700)}else if((this.selectionBox||this._pendingSelectionBox)&&t.buttons===1){if(!this.selectionBox&&this._pendingSelectionBox){const s=t.clientX-this._pendingSelectionBox.x;const i=t.clientY-this._pendingSelectionBox.y;if(Math.abs(s)<S&&Math.abs(i)<S)return;this.selectionBox=this._pendingSelectionBox;this._pendingSelectionBox=null;this.component.style.cursor="crosshair"}this.isBoxing=true;var e=this.component.shadowRoot.getElementById("ls-drag-selector");var n=this.component.shadowRoot.getElementById("ls-document-frame");var h=n.getBoundingClientRect().left;var o=n.getBoundingClientRect().top;const s=t.clientX-this.selectionBox.x;const i=t.clientY-this.selectionBox.y;e.style.visibility="visible";e.style.left=(this.selectionBox.x>t.clientX?t.clientX:this.selectionBox.x)-h+n.scrollLeft+"px";e.style.top=(this.selectionBox.y>t.clientY?t.clientY:this.selectionBox.y)-o+n.scrollTop+"px";e.style.width=Math.abs(s)+"px";e.style.height=Math.abs(i)+"px"}else if(this.startLocations&&!this.edgeSide&&this.startMouse&&t.buttons===1){const s=new Set(this.selected?.map((t=>t.dataItem?.page)));if(s.size>1){y.bind(this)(t);return}this.isMoving=true;E();var l=this.component.shadowRoot.getElementById("ls-box-selector");l.style.visibility="hidden";if(this.selected?.length){this.selected.forEach((t=>{const s=t.shadowRoot?.getElementById("editing-input");if(s)s.blur()}))}const i=t.screenX-this.startMouse.x;const e=t.screenY-this.startMouse.y;if(this.selected?.length){const t=this.startLocations[0].left+i;const s=this.startLocations[0].top+e;const n=this.startLocations[0].width;const h=this.startLocations[0].height;const o=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const l=this.selected.map((t=>t.dataItem.id));const c=v(t,s,n,h,o,this.pageNum,l);const a=c.x!==null?c.x-t:0;const r=c.y!==null?c.y-s:0;for(let t=0;t<this.selected.length;t++){const s=this.startLocations[t].left+i+a;const n=this.startLocations[t].top+e+r;if(s>=0&&n>=0&&s<=(this.pageDimensions[this.pageNum-1].width-this.selected[t].dataItem.width)*this.zoom&&n<=(this.pageDimensions[this.pageNum-1].height-this.selected[t].dataItem.height)*this.zoom){this.selected[t].style.left=Math.round(s)+"px";this.selected[t].style.top=Math.round(n)+"px"}}F.bind(this)(c.guides);A.bind(this)()}}}function B(t){this.edgeSide=null;this.startMouse=null;this._pendingSelectionBox=null;this.component.style.cursor="auto";k();C.bind(this)();w.bind(this)();if(this.selectionBox&&this.isBoxing){this.isBoxing=false;var s=this.component.shadowRoot.getElementById("ls-drag-selector");var e=this.component.shadowRoot.querySelectorAll("ls-editor-field");const n=t.shiftKey;const h=t.altKey;this.selectionBox=null;const o=i(e,s,!h,n||h);s.style.visibility="hidden";if(h){const t=new Set(o.map((t=>t.dataItem?.id)));o.forEach((t=>{t.selected=false}));this.selected=this.selected.filter((s=>!t.has(s.dataItem?.id)))}else if(n){const t=new Set(this.selected.map((t=>t.dataItem?.id)));const s=o.filter((s=>!t.has(s.dataItem?.id)));this.selected=[...this.selected,...s]}else{this.selected=Array.from(o)}this.selectFields.emit(this.selected.map((t=>t.dataItem)));A.bind(this)()}}function D(s){if(this.mode==="preview"||this._template?.locked){return}if(this.isMoving){this.isMoving=false;const s=this.component.shadowRoot.querySelectorAll("ls-editor-field");const i=this.component.shadowRoot.getElementById("ls-document-frame");const e=Array.from(s).filter((t=>t.selected));this.mutate.emit(Array.from(s).filter((t=>t.selected)).map((s=>{const e={...s.dataItem,...t(i,s,s.dataItem.pageDimensions.height,s.dataItem.pageDimensions.width,this.zoom)};s.dataItem=e;return{action:"update",data:e}})));this.selectFields.emit(e.map((t=>t.dataItem)));A.bind(this)()}else{this.selectionBox=null;let t=false;const i=this.component.shadowRoot.querySelectorAll("ls-editor-field");i.forEach((e=>{const{left:n,top:h,bottom:o,right:l}=e.getBoundingClientRect();if(s.clientY<=o&&s.clientY>=h&&s.clientX>=n&&s.clientX<=l){this.edgeSide=null;this.hitField=e;if(!s.shiftKey&&!s.altKey){i.forEach((t=>t.selected=false));e.selected=true}t=true}}));if(t){u()}else{d(s.clientX,s.clientY)}this.selected=Array.from(i).filter((t=>t.selected));this.selectFields.emit(this.selected.map((t=>t.dataItem)));A.bind(this)()}}function F(t){const s=this.component.shadowRoot.getElementById("ls-document-frame");let i=this.component.shadowRoot.getElementById("ls-snap-guides");if(!i){i=document.createElement("div");i.id="ls-snap-guides";i.style.position="absolute";i.style.top="0";i.style.left="0";i.style.width="100%";i.style.height="100%";i.style.pointerEvents="none";i.style.zIndex="9999";s.appendChild(i)}i.innerHTML="";for(const s of t){const t=document.createElement("div");t.style.position="absolute";t.style.backgroundColor="transparent";if(s.orientation==="v"){t.style.left=s.position+"px";t.style.top="0";t.style.width="0";t.style.height="100%";t.style.borderLeft="1px dashed var(--gray-50, #c8c9cc)"}else{t.style.top=s.position+"px";t.style.left="0";t.style.width="100%";t.style.height="0";t.style.borderTop="1px dashed var(--gray-50, #c8c9cc)"}i.appendChild(t)}}function C(){const t=this.component.shadowRoot.getElementById("ls-snap-guides");if(t)t.innerHTML=""}function O(t){if(this._template?.locked){return}if(this._cancelToolboxDrag){this._cancelToolboxDrag()}const s=this.component.shadowRoot.getElementById("ls-document-frame");const i=this.zoom;this._isToolboxDragging=true;let n=false;E();this.component.shadowRoot.querySelectorAll("ls-left-bar, ls-compose-loader").forEach((t=>{t.shadowRoot?.querySelectorAll("ls-toolbox-field").forEach((t=>t.classList.add("ls-dv-dragging")))}));const h=document.createElement("div");h.id="ls-toolbox-ghost";h.style.position="fixed";h.style.width=t.defaultWidth*i+"px";h.style.height=t.defaultHeight*i+"px";h.style.border=`1px dashed ${l[this.signer%100].s60}`;const o=l[this.signer%100].s20.replace("#","");const a=parseInt(o.substring(0,2),16);const r=parseInt(o.substring(2,4),16);const f=parseInt(o.substring(4,6),16);h.style.background=`rgba(${a},${r},${f},0.5)`;h.style.boxShadow="0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)";h.style.pointerEvents="none";h.style.zIndex="10000";h.style.visibility="hidden";h.style.boxSizing="content-box";h.style.fontFamily="var(--font-family, IBM Plex Sans, sans-serif)";h.style.fontSize=Math.round(e*i)+"px";h.style.color=l[this.signer%100].s100;h.style.overflow="visible";h.style.whiteSpace="nowrap";h.style.display="flex";h.style.alignItems="center";h.style.textTransform="capitalize";h.innerHTML=t.formElementType;const d=this.mode==="compose"?this._recipients?.find((t=>t.signerIndex===this.signer)):this._template.roles.find((t=>t.signerIndex===this.signer));const u=this.mode==="compose"&&d?.previousRecipientDecides?"To Be Decided":this.mode==="compose"?`${d?.firstName} ${d?.lastName}`:d?.name||(this.signer===0?"Sender":`Participant ${this.signer}`);const p=document.createElement("p");p.style.position="absolute";p.style.color="var(--gray-80, #3a3a3a)";p.style.bottom=`-${1*i}rem`;p.style.left="0";p.style.margin="0";p.style.padding="0";p.style.lineHeight="1";p.style.fontSize=`${.625*i}rem`;p.style.whiteSpace="nowrap";p.style.fontFamily="sans-serif";p.style.textTransform="none";p.style.pointerEvents="none";p.textContent=`${c.t("fieldproperties.assignedto")} ${u}`;h.appendChild(p);this.component.shadowRoot.appendChild(h);const m=document.createElement("div");m.id="ls-esc-chip";m.style.position="fixed";m.style.bottom="1.5rem";m.style.left="50%";m.style.transform="translateX(-50%)";m.style.padding="0.375rem 0.75rem";m.style.borderRadius="0.625rem";m.style.background="var(--gray-100, #1f2937)";m.style.color="white";m.style.fontSize="0.75rem";m.style.fontFamily="var(--font-family, IBM Plex Sans, sans-serif)";m.style.pointerEvents="none";m.style.zIndex="10000";m.style.boxShadow="0 4px 6px -1px rgba(0, 0, 0, 0.1)";m.textContent="Press Esc to cancel field placement";this.component.shadowRoot.appendChild(m);const g=e=>{e.preventDefault();n=true;const o=t.defaultWidth*i;const l=t.defaultHeight*i;const c=s.getBoundingClientRect();const a=e.clientX>=c.left&&e.clientX<=c.right&&e.clientY>=c.top&&e.clientY<=c.bottom;const r=e.buttons===1;let f=document.getElementById("ls-drag-cursor");if((a||r)&&!f){f=document.createElement("style");f.id="ls-drag-cursor";f.textContent="* { cursor: grabbing !important; }";document.head.appendChild(f)}else if(!a&&!r&&f){f.remove()}if(a){h.style.visibility="visible";h.style.opacity="1";const t=e.clientX-c.left+s.scrollLeft;const i=e.clientY-c.top+s.scrollTop;let n=t-o/2;let a=i-l/2;const r=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const f=v(n,a,o,l,r,this.pageNum);h.style.left=(f.x!==null?f.x+c.left-s.scrollLeft:e.clientX-o/2)+"px";h.style.top=(f.y!==null?f.y+c.top-s.scrollTop:e.clientY-l/2)+"px";F.bind(this)(f.guides)}else if(r){h.style.visibility="visible";h.style.opacity="0.5";h.style.left=e.clientX-o/2+"px";h.style.top=e.clientY-l/2+"px";C.bind(this)()}else{h.style.visibility="hidden";C.bind(this)()}};const x=()=>{document.removeEventListener("mousemove",g);document.removeEventListener("mouseup",b);document.removeEventListener("keydown",M);h.remove();m.remove();C.bind(this)();k();const t=document.getElementById("ls-drag-cursor");if(t)t.remove();this.component.shadowRoot.querySelectorAll("ls-left-bar, ls-compose-loader").forEach((t=>{t.shadowRoot?.querySelectorAll("ls-toolbox-field").forEach((t=>t.classList.remove("ls-dv-dragging")))}));this._isToolboxDragging=false;this._cancelToolboxDrag=null};const b=e=>{if(!n)return;const h=s.getBoundingClientRect();const o=e.clientX>=h.left&&e.clientX<=h.right&&e.clientY>=h.top&&e.clientY<=h.bottom;x();if(o){const n=t.defaultWidth*i;const o=t.defaultHeight*i;const l=e.clientX-h.left+s.scrollLeft;const c=e.clientY-h.top+s.scrollTop;let a=l-n/2;let r=c-o/2;const f=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const d=v(a,r,n,o,f,this.pageNum);if(d.x!==null)a=d.x;if(d.y!==null)r=d.y;const u=r/i;const p=a/i;const m=this.pageDimensions[this.pageNum-1].width;const g=this.pageDimensions[this.pageNum-1].height;const x=Math.max(0,Math.min(p,m-t.defaultWidth));const b=Math.max(0,Math.min(u,g-t.defaultHeight));this.component.shadowRoot.querySelectorAll("ls-editor-field").forEach((t=>t.selected=false));const M=btoa("ele"+crypto.randomUUID());const y={action:"create",data:{id:M,value:t.formElementType==="checkbox"?"false":"",formElementType:t.formElementType,elementType:t.elementType,validation:t.validation,excludeFromPdf:false,top:b,left:x,hideBorder:false,height:t.defaultHeight,width:t.defaultWidth,pageDimensions:this.pageDimensions[this.pageNum-1],fontName:this.fontFamily,fontSize:this.fontSize,align:"left",signer:this.signer,page:this.pageNum,mapTo:null,label:"",helpText:null,logicGroup:null,optional:t.formElementType==="checkbox",options:null,logicAction:null,labelExtra:null,fieldOrder:null,ax:x>0?x/this.pageDimensions[this.pageNum-1].width:0,ay:b>0?b/this.pageDimensions[this.pageNum-1].height:0,bx:(x+t.defaultWidth)/this.pageDimensions[this.pageNum-1].width,by:(b+t.defaultHeight)/this.pageDimensions[this.pageNum-1].height,templateId:this._template.id}};this.mutate.emit([y])}};const M=t=>{if(t.key==="Escape"){t.preventDefault();t.stopPropagation();x()}};this._cancelToolboxDrag=x;document.addEventListener("mousemove",g);document.addEventListener("mouseup",b);document.addEventListener("keydown",M)}function W(t){if(this.mode==="preview"||this._template?.locked){return}console.log("double click",this.fieldTypeSelected,this.signer);try{let i=this.fieldTypeSelected;if(this.checkType("APPROVER")&&i.elementType==="signature"){i={label:"Text",formElementType:"text",elementType:"text",validation:0,defaultHeight:n["text"].defaultHeight,defaultWidth:n["text"].defaultWidth}}if(this.signer===0&&i.elementType==="signature"){i={label:"Auto Sign",formElementType:"auto sign",elementType:"admin",validation:3e3,defaultHeight:n["auto sign"].defaultHeight,defaultWidth:n["auto sign"].defaultWidth}}else if(this.signer===0&&i.elementType!=="admin"){i={...i,elementType:"admin"}}this.component.shadowRoot.querySelectorAll("ls-editor-field").forEach((t=>t.selected=false));var s=this.component.shadowRoot.getElementById("ls-document-frame");const o=btoa("ele"+crypto.randomUUID());const l=this.pageDimensions[this.pageNum-1].width;const c=this.pageDimensions[this.pageNum-1].height;const a=t.offsetY/this.zoom+s.scrollTop;const r=t.offsetX/this.zoom+s.scrollLeft;const f=Math.max(0,Math.min(a,c-i.defaultHeight));const d=Math.max(0,Math.min(r,l-i.defaultWidth));const u={action:"create",data:{id:o,value:i.formElementType==="checkbox"?"false":"",formElementType:i.formElementType,elementType:i.elementType,validation:i.validation,substantive:false,top:f,left:d,hideBorder:false,height:i.defaultHeight,width:i.defaultWidth,pageDimensions:this.pageDimensions[this.pageNum-1],fontName:h,fontSize:e,align:"left",signer:this.signer,page:this.pageNum,mapTo:null,label:"",helpText:null,logicGroup:null,optional:i.formElementType==="checkbox",options:null,logicAction:null,labelExtra:null,fieldOrder:null,ax:d>0?d/this.pageDimensions[this.pageNum-1].width:0,ay:f>0?f/this.pageDimensions[this.pageNum-1].height:0,bx:(d+i.defaultWidth)/this.pageDimensions[this.pageNum-1].width,by:(f+i.defaultHeight)/this.pageDimensions[this.pageNum-1].height,templateId:this._template.id}};this.mutate.emit([u])}catch(t){console.error(t)}}export{m as a,$ as b,p as c,j as d,B as e,W as f,D as m,P as o,g as p,O as t,A as u};
2
- //# sourceMappingURL=p-BnmDPEuZ.js.map
1
+ import{f as t,r as s,a as i}from"./p-0WDO8yNX.js";import{D as e,F as n,a as h}from"./p-04cXI5GQ.js";import{s as o}from"./p-CmJjDhcp.js";import{d as l}from"./p-CwCWCxsI.js";import{d as c}from"./p-Al32p_JM.js";const a=10;let r=[];let f=null;function d(t,s){f={x:t,y:s}}function u(){f=null}function p(){if(!this.selected||this.selected.length===0)return;r=this.selected.map((t=>({...t.dataItem})));f=null}function m(){if(!this.selected||this.selected.length===0)return;p.bind(this)();const t=Array.from(this.selected);this.mutate.emit(t.map((t=>({action:"delete",data:t.dataItem}))))}function g(){if(r.length===0)return;const t=Math.min(...r.map((t=>t.top)));const s=Math.min(...r.map((t=>t.left)));const i=r.map((i=>{const e={...i,id:btoa("ele"+crypto.randomUUID())};if(f){const n=this.component.shadowRoot.getElementById("ls-document-frame");const h=n.getBoundingClientRect();const o=Math.round((f.x-h.left)/this.zoom);const l=Math.round((f.y-h.top)/this.zoom);e.top=l+(i.top-t);e.left=o+(i.left-s)}else{e.top=i.top+a;e.left=i.left+a}const n=this.pageDimensions[this.pageNum-1];if(e.top+i.height>n.height){e.top=n.height-i.height}if(e.left+i.width>n.width){e.left=n.width-i.width}if(e.top<0)e.top=0;if(e.left<0)e.left=0;e.page=this.pageNum;e.pageDimensions=n;return e}));const e=i.length;this.mutate.emit(i.map((t=>({action:"create",data:t}))));const n=()=>{const t=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const s=t.filter((t=>t.dataItem?.page===this.pageNum));const i=s.slice(-e);if(i.length===e){t.forEach((t=>{t.selected=false;t.multiSelected=false}));i.forEach((t=>{t.selected=true;t.multiSelected=i.length>1}));this.selected=i;this.selectFields.emit(i.map((t=>t.dataItem)))}};const h=()=>{if(!this.isMutating){requestAnimationFrame(n)}else{requestAnimationFrame(h)}};requestAnimationFrame(h);r=i;f=null}const x=8;function b(t,s,i,e,n,h,o,l){const c={edges:{},guides:[]};const a=t+i;const r=s+e;const f=[];const d=[];if(n.includes("n"))f.push("n");if(n.includes("s"))f.push("s");if(n.includes("e"))d.push("e");if(n.includes("w"))d.push("w");const u={n:s,s:r,e:a,w:t};for(const t of[...d,...f]){const s=t==="e"||t==="w";const i=u[t];let e=x+1;let n=null;for(const t of h){if(t.dataItem?.page!==o)continue;if(l&&l.includes(t.dataItem?.id))continue;const h=t.offsetLeft;const c=t.offsetTop;const a=h+t.offsetWidth;const r=c+t.offsetHeight;const f=h+t.offsetWidth/2;const d=c+t.offsetHeight/2;const u=s?[h,a,f]:[c,r,d];for(const t of u){const s=Math.abs(i-t);if(s<e){e=s;n=t}}}if(n!==null&&e<=x){c.edges[t]=n;c.guides.push({orientation:s?"v":"h",position:n})}}return c}function v(t,s,i,e,n,h,o){const l={x:null,y:null,guides:[]};const c=t+i;const a=s+e;const r=t+i/2;const f=s+e/2;let d=x+1;let u=x+1;let p=t;let m=s;for(const i of n){if(i.dataItem?.page!==h)continue;if(o&&o.includes(i.dataItem?.id))continue;const e=i.offsetLeft;const n=i.offsetTop;const l=e+i.offsetWidth;const g=n+i.offsetHeight;const x=e+i.offsetWidth/2;const b=n+i.offsetHeight/2;const v=[{dragEdge:t,targetEdge:e},{dragEdge:t,targetEdge:l},{dragEdge:c,targetEdge:e},{dragEdge:c,targetEdge:l},{dragEdge:r,targetEdge:x}];for(const{dragEdge:s,targetEdge:i}of v){const e=Math.abs(s-i);if(e<d){d=e;p=t+(i-s)}}const M=[{dragEdge:s,targetEdge:n},{dragEdge:s,targetEdge:g},{dragEdge:a,targetEdge:n},{dragEdge:a,targetEdge:g},{dragEdge:f,targetEdge:b}];for(const{dragEdge:t,targetEdge:i}of M){const e=Math.abs(t-i);if(e<u){u=e;m=s+(i-t)}}}if(d>x)p=t;if(u>x)m=s;if(d<=x){l.x=p;const t=p+i;const s=p+i/2;const e=new Set;for(const i of n){if(i.dataItem?.page!==h)continue;if(o&&o.includes(i.dataItem?.id))continue;const n=i.offsetLeft;const l=n+i.offsetWidth;const c=n+i.offsetWidth/2;for(const i of[n,l,c]){if(Math.abs(p-i)<1||Math.abs(t-i)<1||Math.abs(s-i)<1){e.add(i)}}}e.forEach((t=>l.guides.push({orientation:"v",position:t})))}if(u<=x){l.y=m;const t=m+e;const s=m+e/2;const i=new Set;for(const e of n){if(e.dataItem?.page!==h)continue;if(o&&o.includes(e.dataItem?.id))continue;const n=e.offsetTop;const l=n+e.offsetHeight;const c=n+e.offsetHeight/2;for(const e of[n,l,c]){if(Math.abs(m-e)<1||Math.abs(t-e)<1||Math.abs(s-e)<1){i.add(e)}}}i.forEach((t=>l.guides.push({orientation:"h",position:t})))}return l}const M=t=>t.preventDefault();function y(t){let s=this.component.shadowRoot.getElementById("ls-move-blocked-tooltip");if(!s){s=document.createElement("div");s.id="ls-move-blocked-tooltip";s.style.position="fixed";s.style.padding="0.375rem 0.75rem";s.style.borderRadius="0.5rem";s.style.background="var(--gray-100, #45484d)";s.style.color="white";s.style.fontSize="0.75rem";s.style.fontFamily="var(--font-family, IBM Plex Sans, sans-serif)";s.style.pointerEvents="none";s.style.zIndex="10000";s.style.whiteSpace="nowrap";s.textContent=c.t("fieldproperties.cannotmovemultipage");this.component.shadowRoot.appendChild(s)}s.style.left=t.clientX+12+"px";s.style.top=t.clientY+12+"px"}function w(){const t=this.component.shadowRoot?.getElementById("ls-move-blocked-tooltip");if(t)t.remove()}function E(){document.body.style.userSelect="none";document.body.style.webkitUserSelect="none";document.addEventListener("selectstart",M)}function k(){document.body.style.userSelect="";document.body.style.webkitUserSelect="";document.removeEventListener("selectstart",M)}function A(){var t=this.component.shadowRoot.getElementById("ls-box-selector");const s=this.selected?.filter((t=>t.dataItem?.page===this.pageNum));if(!s||s.length<2){t.style.visibility="hidden";return}let i=Infinity,e=Infinity,n=-Infinity,h=-Infinity;s.forEach((t=>{const s=t.offsetLeft;const o=t.offsetTop;const l=s+t.offsetWidth;const c=o+t.offsetHeight;if(s<i)i=s;if(o<e)e=o;if(l>n)n=l;if(c>h)h=c}));t.style.left=i+"px";t.style.top=e+"px";t.style.width=n-i+"px";t.style.height=h-e+"px";t.style.visibility="visible"}let T=null;function I(t,s){if(T)clearTimeout(T);T=setTimeout((()=>{this.mutate.emit([t])}),s)}const S=5;function $(t){if(this._isToolboxDragging)return;if(this.mode==="preview"||this._template?.locked){return}const s=this.component.shadowRoot.getElementById("ls-document-frame");const i=this.component.shadowRoot.getElementById("document-frame-wrapper");if(!s)return;const e=t.target;const n=e===s||e===i||e?.id==="pdf-canvas"||e?.tagName?.toLowerCase()==="canvas";const h=e?.tagName?.toLowerCase()==="ls-editor-field";if(!n&&!h)return;this.hitField=null;const l=this.component.shadowRoot.querySelectorAll("ls-editor-field");l.forEach((s=>{const{left:i,top:e,height:n,width:h,bottom:o,right:l}=s.getBoundingClientRect();const c={left:s.offsetLeft,top:s.offsetTop,height:n,width:h,x:t.screenX,y:t.screenY};this.startMouse=c;const a=Math.min(8,h*.25);const r=Math.min(8,n*.25);const f=Math.min(16,h*.35);const d=Math.min(16,n*.35);if(Math.abs(t.clientX-l)<f&&Math.abs(t.clientY-o)<d){this.edgeSide="se";this.hitField=s}else if(Math.abs(t.clientX-i)<f&&Math.abs(t.clientY-e)<d){this.edgeSide="nw";this.hitField=s}else if(Math.abs(t.clientX-l)<f&&Math.abs(t.clientY-e)<d){this.edgeSide="ne";this.hitField=s}else if(Math.abs(t.clientX-i)<f&&Math.abs(t.clientY-o)<d){this.edgeSide="sw";this.hitField=s}else if(Math.abs(t.clientX-i)<a&&t.clientY>=e&&t.clientY<=o){this.edgeSide="w";this.hitField=s}else if(Math.abs(t.clientX-l)<a&&t.clientY>=e&&t.clientY<=o){this.edgeSide="e";this.hitField=s}else if(Math.abs(t.clientY-e)<r&&t.clientX>=i&&t.clientX<=l){this.edgeSide="n";this.hitField=s}else if(Math.abs(t.clientY-o)<r&&t.clientX>=i&&t.clientX<=l){this.edgeSide="s";this.hitField=s}else if(t.clientY<=o&&t.clientY>=e&&t.clientX>=i&&t.clientX<=l){this.edgeSide=null;this.hitField=s}}));if(this.hitField&&t.shiftKey===false&&t.altKey===false){var c=this.component.shadowRoot.getElementById("ls-box-selector");c.style.visibility="hidden";o(this.hitField.dataItem);this.selected.forEach((t=>o(t.dataItem)));if(this.hitField.selected===false){l.forEach((t=>{t.selected=false}));this.selected=[this.hitField];this.selectFields.emit([this.hitField.dataItem])}const{height:s,width:i}=this.hitField.getBoundingClientRect();const e={left:this.hitField.offsetLeft,top:this.hitField.offsetTop,height:s,width:i,x:t.screenX,y:t.screenY};this.startMouse=e;this.startLocations=this.selected.map((t=>{const{height:s,width:i}=t.getBoundingClientRect();const e=t;return{top:e.offsetTop,left:e.offsetLeft,height:s,width:i}}));this.selectionBox=null}else if(this.hitField&&t.altKey===true){if(this.hitField.selected===true){this.hitField.selected=false;this.selected=this.selected.filter((t=>t!==this.hitField));this.selectFields.emit(this.selected.map((t=>t.dataItem)))}this.hitField=null;this.startMouse=null;this.startLocations=null;this.selectionBox=null;A.bind(this)()}else if(this.hitField&&t.shiftKey===true){var c=this.component.shadowRoot.getElementById("ls-box-selector");c.style.visibility="hidden";if(this.hitField.selected===true){this.hitField.selected=false;this.selected=this.selected.filter((t=>t!==this.hitField));this.selectFields.emit(this.selected.map((t=>t.dataItem)));this.hitField=null;this.startMouse=null;this.startLocations=null;this.selectionBox=null;A.bind(this)()}else{this.hitField.selected=true;this.selected=[...this.selected,this.hitField];this.selectFields.emit(this.selected.map((t=>t.dataItem)));const{height:s,width:i}=this.hitField.getBoundingClientRect();const e={left:this.hitField.offsetLeft,top:this.hitField.offsetTop,height:s,width:i,x:t.screenX,y:t.screenY};this.startMouse=e;this.startLocations=this.selected.map((t=>{const{height:s,width:i}=t.getBoundingClientRect();const e=t;return{top:e.offsetTop,left:e.offsetLeft,height:s,width:i}}));this.selectionBox=null}}else{this.startLocations=null;this.startMouse=null;this.selectionBox=null;this._pendingSelectionBox={x:t.clientX,y:t.clientY};E();if(!t.shiftKey&&!t.altKey){this.unselect();this.selectFields.emit([]);this.selected=[];A.bind(this)()}}}function P(t){return t.height<=5||t.left<0||t.top<0||t.left+t.width>=t.pageDimensions.width||t.top+t.height>=t.pageDimensions.height}function j(t){t.preventDefault();if(this._isToolboxDragging)return;if(this.mode==="preview"||this._template?.locked){return}if(this.hitField&&this.edgeSide&&this.startMouse&&t.buttons===1){E();const e=t.screenX-this.startMouse.x;const n=t.screenY-this.startMouse.y;var i=this.hitField.dataItem.formElementType==="signature"&&this._template.fixSignatureScale;let h=this.startMouse.left;let o=this.startMouse.top;let l=this.startMouse.width;let c=this.startMouse.height;switch(this.edgeSide){case"n":if(i){c=this.startMouse.height-n;l=c*(this.startMouse.width/this.startMouse.height)}else{o=this.startMouse.top+n;c=this.startMouse.height-n}break;case"s":if(i){c=this.startMouse.height+n;l=c*(this.startMouse.width/this.startMouse.height)}else{c=this.startMouse.height+n}break;case"e":if(i){l=this.startMouse.width+e;c=l*(this.startMouse.height/this.startMouse.width)}else{l=this.startMouse.width+e}break;case"w":if(i){l=this.startMouse.width-e;c=l*(this.startMouse.height/this.startMouse.width);h=this.startMouse.left+e}else{h=this.startMouse.left+e;l=this.startMouse.width-e}break;case"se":if(i){l=this.startMouse.width+e;c=l/(this.startMouse.width/this.startMouse.height)}else{l=this.startMouse.width+e;c=this.startMouse.height+n}break;case"nw":if(i){l=this.startMouse.width-e;c=l/(this.startMouse.width/this.startMouse.height);h=this.startMouse.left+e;o=this.startMouse.top+(this.startMouse.height-c)}else{h=this.startMouse.left+e;o=this.startMouse.top+n;l=this.startMouse.width-e;c=this.startMouse.height-n}break;case"ne":if(i){l=this.startMouse.width+e;c=l/(this.startMouse.width/this.startMouse.height);o=this.startMouse.top+(this.startMouse.height-c)}else{l=this.startMouse.width+e;o=this.startMouse.top+n;c=this.startMouse.height-n}break;case"sw":if(i){l=this.startMouse.width-e;c=l/(this.startMouse.width/this.startMouse.height);h=this.startMouse.left+e}else{h=this.startMouse.left+e;l=this.startMouse.width-e;c=this.startMouse.height+n}break}const a=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const r=b(h,o,l,c,this.edgeSide,a,this.pageNum,[this.hitField.dataItem.id]);if(i){const t=this.startMouse.width/this.startMouse.height;const s=r.edges.e!==undefined||r.edges.w!==undefined;const i=r.edges.n!==undefined||r.edges.s!==undefined;let e=s;let n=i;if(s&&i&&this.edgeSide.length===2){const t=r.edges.e!==undefined?Math.abs(h+l-r.edges.e):Math.abs(h-r.edges.w);const s=r.edges.s!==undefined?Math.abs(o+c-r.edges.s):Math.abs(o-r.edges.n);if(t<=s){n=false}else{e=false}}if(n&&!e){if(r.edges.n!==undefined){c=o+c-r.edges.n;o=r.edges.n}if(r.edges.s!==undefined){c=r.edges.s-o}l=c*t}else if(e){if(r.edges.w!==undefined){l=h+l-r.edges.w;h=r.edges.w}if(r.edges.e!==undefined){l=r.edges.e-h}c=l/t}if(this.edgeSide.includes("n"))o=this.startMouse.top+this.startMouse.height-c;if(this.edgeSide.includes("w"))h=this.startMouse.left+this.startMouse.width-l;const a=r.guides.filter((t=>e&&t.orientation==="v"||n&&t.orientation==="h"));F.bind(this)(a)}else{if(r.edges.n!==undefined){c=o+c-r.edges.n;o=r.edges.n}if(r.edges.s!==undefined){c=r.edges.s-o}if(r.edges.w!==undefined){l=h+l-r.edges.w;h=r.edges.w}if(r.edges.e!==undefined){l=r.edges.e-h}F.bind(this)(r.guides)}if(!P({...this.hitField.dataItem,left:h/this.zoom,top:o/this.zoom,width:l/this.zoom,height:c/this.zoom})){this.hitField.style.left=h+"px";this.hitField.style.top=o+"px";this.hitField.style.width=l+"px";this.hitField.style.height=c+"px";this.hitField.dataItem={...this.hitField.dataItem,left:h/this.zoom,top:o/this.zoom,width:l/this.zoom,height:c/this.zoom}}I.bind(this)({action:"update",data:s(this.hitField.dataItem)},700)}else if((this.selectionBox||this._pendingSelectionBox)&&t.buttons===1){if(!this.selectionBox&&this._pendingSelectionBox){const s=t.clientX-this._pendingSelectionBox.x;const i=t.clientY-this._pendingSelectionBox.y;if(Math.abs(s)<S&&Math.abs(i)<S)return;this.selectionBox=this._pendingSelectionBox;this._pendingSelectionBox=null;this.component.style.cursor="crosshair"}this.isBoxing=true;var e=this.component.shadowRoot.getElementById("ls-drag-selector");var n=this.component.shadowRoot.getElementById("ls-document-frame");var h=n.getBoundingClientRect().left;var o=n.getBoundingClientRect().top;const s=t.clientX-this.selectionBox.x;const i=t.clientY-this.selectionBox.y;e.style.visibility="visible";e.style.left=(this.selectionBox.x>t.clientX?t.clientX:this.selectionBox.x)-h+n.scrollLeft+"px";e.style.top=(this.selectionBox.y>t.clientY?t.clientY:this.selectionBox.y)-o+n.scrollTop+"px";e.style.width=Math.abs(s)+"px";e.style.height=Math.abs(i)+"px"}else if(this.startLocations&&!this.edgeSide&&this.startMouse&&t.buttons===1){const s=new Set(this.selected?.map((t=>t.dataItem?.page)));if(s.size>1){y.bind(this)(t);return}this.isMoving=true;E();var l=this.component.shadowRoot.getElementById("ls-box-selector");l.style.visibility="hidden";if(this.selected?.length){this.selected.forEach((t=>{const s=t.shadowRoot?.getElementById("editing-input");if(s)s.blur()}))}const i=t.screenX-this.startMouse.x;const e=t.screenY-this.startMouse.y;if(this.selected?.length){const t=this.startLocations[0].left+i;const s=this.startLocations[0].top+e;const n=this.startLocations[0].width;const h=this.startLocations[0].height;const o=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const l=this.selected.map((t=>t.dataItem.id));const c=v(t,s,n,h,o,this.pageNum,l);const a=c.x!==null?c.x-t:0;const r=c.y!==null?c.y-s:0;for(let t=0;t<this.selected.length;t++){const s=this.startLocations[t].left+i+a;const n=this.startLocations[t].top+e+r;if(s>=0&&n>=0&&s<=(this.pageDimensions[this.pageNum-1].width-this.selected[t].dataItem.width)*this.zoom&&n<=(this.pageDimensions[this.pageNum-1].height-this.selected[t].dataItem.height)*this.zoom){this.selected[t].style.left=Math.round(s)+"px";this.selected[t].style.top=Math.round(n)+"px"}}F.bind(this)(c.guides);A.bind(this)()}}}function B(t){this.edgeSide=null;this.startMouse=null;this._pendingSelectionBox=null;this.component.style.cursor="auto";k();C.bind(this)();w.bind(this)();if(this.selectionBox&&this.isBoxing){this.isBoxing=false;var s=this.component.shadowRoot.getElementById("ls-drag-selector");var e=this.component.shadowRoot.querySelectorAll("ls-editor-field");const n=t.shiftKey;const h=t.altKey;this.selectionBox=null;const o=i(e,s,!h,n||h);s.style.visibility="hidden";if(h){const t=new Set(o.map((t=>t.dataItem?.id)));o.forEach((t=>{t.selected=false}));this.selected=this.selected.filter((s=>!t.has(s.dataItem?.id)))}else if(n){const t=new Set(this.selected.map((t=>t.dataItem?.id)));const s=o.filter((s=>!t.has(s.dataItem?.id)));this.selected=[...this.selected,...s]}else{this.selected=Array.from(o)}this.selectFields.emit(this.selected.map((t=>t.dataItem)));A.bind(this)()}}function D(s){if(this.mode==="preview"||this._template?.locked){return}if(this.isMoving){this.isMoving=false;const s=this.component.shadowRoot.querySelectorAll("ls-editor-field");const i=this.component.shadowRoot.getElementById("ls-document-frame");const e=Array.from(s).filter((t=>t.selected));this.mutate.emit(Array.from(s).filter((t=>t.selected)).map((s=>{const e={...s.dataItem,...t(i,s,s.dataItem.pageDimensions.height,s.dataItem.pageDimensions.width,this.zoom)};s.dataItem=e;return{action:"update",data:e}})));this.selectFields.emit(e.map((t=>t.dataItem)));A.bind(this)()}else{this.selectionBox=null;let t=false;const i=this.component.shadowRoot.querySelectorAll("ls-editor-field");i.forEach((e=>{const{left:n,top:h,bottom:o,right:l}=e.getBoundingClientRect();if(s.clientY<=o&&s.clientY>=h&&s.clientX>=n&&s.clientX<=l){this.edgeSide=null;this.hitField=e;if(!s.shiftKey&&!s.altKey){i.forEach((t=>t.selected=false));e.selected=true}t=true}}));if(t){u()}else{d(s.clientX,s.clientY)}this.selected=Array.from(i).filter((t=>t.selected));this.selectFields.emit(this.selected.map((t=>t.dataItem)));A.bind(this)()}}function F(t){const s=this.component.shadowRoot.getElementById("ls-document-frame");let i=this.component.shadowRoot.getElementById("ls-snap-guides");if(!i){i=document.createElement("div");i.id="ls-snap-guides";i.style.position="absolute";i.style.top="0";i.style.left="0";i.style.width="100%";i.style.height="100%";i.style.pointerEvents="none";i.style.zIndex="9999";s.appendChild(i)}i.innerHTML="";for(const s of t){const t=document.createElement("div");t.style.position="absolute";t.style.backgroundColor="transparent";if(s.orientation==="v"){t.style.left=s.position+"px";t.style.top="0";t.style.width="0";t.style.height="100%";t.style.borderLeft="1px dashed var(--gray-50, #c8c9cc)"}else{t.style.top=s.position+"px";t.style.left="0";t.style.width="100%";t.style.height="0";t.style.borderTop="1px dashed var(--gray-50, #c8c9cc)"}i.appendChild(t)}}function C(){const t=this.component.shadowRoot.getElementById("ls-snap-guides");if(t)t.innerHTML=""}function O(t){if(this._template?.locked){return}if(this._cancelToolboxDrag){this._cancelToolboxDrag()}const s=this.component.shadowRoot.getElementById("ls-document-frame");const i=this.zoom;this._isToolboxDragging=true;let n=false;E();this.component.shadowRoot.querySelectorAll("ls-left-bar, ls-compose-loader").forEach((t=>{t.shadowRoot?.querySelectorAll("ls-toolbox-field").forEach((t=>t.classList.add("ls-dv-dragging")))}));const h=document.createElement("div");h.id="ls-toolbox-ghost";h.style.position="fixed";h.style.width=t.defaultWidth*i+"px";h.style.height=t.defaultHeight*i+"px";h.style.border=`1px dashed ${l[this.signer%100].s60}`;const o=l[this.signer%100].s20.replace("#","");const a=parseInt(o.substring(0,2),16);const r=parseInt(o.substring(2,4),16);const f=parseInt(o.substring(4,6),16);h.style.background=`rgba(${a},${r},${f},0.5)`;h.style.boxShadow="0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)";h.style.pointerEvents="none";h.style.zIndex="10000";h.style.visibility="hidden";h.style.boxSizing="content-box";h.style.fontFamily="var(--font-family, IBM Plex Sans, sans-serif)";h.style.fontSize=Math.round(e*i)+"px";h.style.color=l[this.signer%100].s100;h.style.overflow="visible";h.style.whiteSpace="nowrap";h.style.display="flex";h.style.alignItems="center";h.style.textTransform="capitalize";h.innerHTML=t.formElementType;const d=this.mode==="compose"?this._recipients?.find((t=>t.signerIndex===this.signer)):this._template.roles.find((t=>t.signerIndex===this.signer));const u=this.mode==="compose"&&d?.previousRecipientDecides?"To Be Decided":this.mode==="compose"?`${d?.firstName} ${d?.lastName}`:d?.name||(this.signer===0?"Sender":`Participant ${this.signer}`);const p=document.createElement("p");p.style.position="absolute";p.style.color="var(--gray-80, #3a3a3a)";p.style.bottom=`-${1*i}rem`;p.style.left="0";p.style.margin="0";p.style.padding="0";p.style.lineHeight="1";p.style.fontSize=`${.625*i}rem`;p.style.whiteSpace="nowrap";p.style.fontFamily="sans-serif";p.style.textTransform="none";p.style.pointerEvents="none";p.textContent=`${c.t("fieldproperties.assignedto")} ${u}`;h.appendChild(p);this.component.shadowRoot.appendChild(h);const m=document.createElement("div");m.id="ls-esc-chip";m.style.position="fixed";m.style.bottom="1.5rem";m.style.left="50%";m.style.transform="translateX(-50%)";m.style.padding="0.375rem 0.75rem";m.style.borderRadius="0.625rem";m.style.background="var(--gray-100, #1f2937)";m.style.color="white";m.style.fontSize="0.75rem";m.style.fontFamily="var(--font-family, IBM Plex Sans, sans-serif)";m.style.pointerEvents="none";m.style.zIndex="10000";m.style.boxShadow="0 4px 6px -1px rgba(0, 0, 0, 0.1)";m.textContent="Press Esc to cancel field placement";this.component.shadowRoot.appendChild(m);const g=e=>{e.preventDefault();n=true;const o=t.defaultWidth*i;const l=t.defaultHeight*i;const c=s.getBoundingClientRect();const a=e.clientX>=c.left&&e.clientX<=c.right&&e.clientY>=c.top&&e.clientY<=c.bottom;const r=e.buttons===1;let f=document.getElementById("ls-drag-cursor");if((a||r)&&!f){f=document.createElement("style");f.id="ls-drag-cursor";f.textContent="* { cursor: grabbing !important; }";document.head.appendChild(f)}else if(!a&&!r&&f){f.remove()}if(a){h.style.visibility="visible";h.style.opacity="1";const t=e.clientX-c.left+s.scrollLeft;const i=e.clientY-c.top+s.scrollTop;let n=t-o/2;let a=i-l/2;const r=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const f=v(n,a,o,l,r,this.pageNum);h.style.left=(f.x!==null?f.x+c.left-s.scrollLeft:e.clientX-o/2)+"px";h.style.top=(f.y!==null?f.y+c.top-s.scrollTop:e.clientY-l/2)+"px";F.bind(this)(f.guides)}else if(r){h.style.visibility="visible";h.style.opacity="0.5";h.style.left=e.clientX-o/2+"px";h.style.top=e.clientY-l/2+"px";C.bind(this)()}else{h.style.visibility="hidden";C.bind(this)()}};const x=()=>{document.removeEventListener("mousemove",g);document.removeEventListener("mouseup",b);document.removeEventListener("keydown",M);h.remove();m.remove();C.bind(this)();k();const t=document.getElementById("ls-drag-cursor");if(t)t.remove();this.component.shadowRoot.querySelectorAll("ls-left-bar, ls-compose-loader").forEach((t=>{t.shadowRoot?.querySelectorAll("ls-toolbox-field").forEach((t=>t.classList.remove("ls-dv-dragging")))}));this._isToolboxDragging=false;this._cancelToolboxDrag=null};const b=e=>{if(!n)return;const h=s.getBoundingClientRect();const o=e.clientX>=h.left&&e.clientX<=h.right&&e.clientY>=h.top&&e.clientY<=h.bottom;x();if(o){const n=t.defaultWidth*i;const o=t.defaultHeight*i;const l=e.clientX-h.left+s.scrollLeft;const c=e.clientY-h.top+s.scrollTop;let a=l-n/2;let r=c-o/2;const f=Array.from(this.component.shadowRoot.querySelectorAll("ls-editor-field"));const d=v(a,r,n,o,f,this.pageNum);if(d.x!==null)a=d.x;if(d.y!==null)r=d.y;const u=r/i;const p=a/i;const m=this.pageDimensions[this.pageNum-1].width;const g=this.pageDimensions[this.pageNum-1].height;const x=Math.max(0,Math.min(p,m-t.defaultWidth));const b=Math.max(0,Math.min(u,g-t.defaultHeight));this.component.shadowRoot.querySelectorAll("ls-editor-field").forEach((t=>t.selected=false));const M=btoa("ele"+crypto.randomUUID());const y={action:"create",data:{id:M,value:t.formElementType==="checkbox"?"false":"",formElementType:t.formElementType,elementType:t.elementType,validation:t.validation,excludeFromPdf:false,top:b,left:x,hideBorder:false,height:t.defaultHeight,width:t.defaultWidth,pageDimensions:this.pageDimensions[this.pageNum-1],fontName:this.fontFamily,fontSize:this.fontSize,align:"left",signer:this.signer,page:this.pageNum,mapTo:null,label:"",helpText:null,logicGroup:null,optional:t.formElementType==="checkbox",options:null,logicAction:null,labelExtra:null,fieldOrder:null,ax:x>0?x/this.pageDimensions[this.pageNum-1].width:0,ay:b>0?b/this.pageDimensions[this.pageNum-1].height:0,bx:(x+t.defaultWidth)/this.pageDimensions[this.pageNum-1].width,by:(b+t.defaultHeight)/this.pageDimensions[this.pageNum-1].height,templateId:this._template.id}};this.mutate.emit([y])}};const M=t=>{if(t.key==="Escape"){t.preventDefault();t.stopPropagation();x()}};this._cancelToolboxDrag=x;document.addEventListener("mousemove",g);document.addEventListener("mouseup",b);document.addEventListener("keydown",M)}function W(t){if(this.mode==="preview"||this._template?.locked){return}console.log("double click",this.fieldTypeSelected,this.signer);try{let i=this.fieldTypeSelected;if(this.checkType("APPROVER")&&i.elementType==="signature"){i={label:"Text",formElementType:"text",elementType:"text",validation:0,defaultHeight:n["text"].defaultHeight,defaultWidth:n["text"].defaultWidth}}if(this.signer===0&&i.elementType==="signature"){i={label:"Auto Sign",formElementType:"auto sign",elementType:"admin",validation:3e3,defaultHeight:n["auto sign"].defaultHeight,defaultWidth:n["auto sign"].defaultWidth}}else if(this.signer===0&&i.elementType!=="admin"){i={...i,elementType:"admin"}}this.component.shadowRoot.querySelectorAll("ls-editor-field").forEach((t=>t.selected=false));var s=this.component.shadowRoot.getElementById("ls-document-frame");const o=btoa("ele"+crypto.randomUUID());const l=this.pageDimensions[this.pageNum-1].width;const c=this.pageDimensions[this.pageNum-1].height;const a=t.offsetY/this.zoom+s.scrollTop;const r=t.offsetX/this.zoom+s.scrollLeft;const f=Math.max(0,Math.min(a,c-i.defaultHeight));const d=Math.max(0,Math.min(r,l-i.defaultWidth));const u={action:"create",data:{id:o,value:i.formElementType==="checkbox"?"false":"",formElementType:i.formElementType,elementType:i.elementType,validation:i.validation,excludeFromPdf:false,top:f,left:d,hideBorder:false,height:i.defaultHeight,width:i.defaultWidth,pageDimensions:this.pageDimensions[this.pageNum-1],fontName:h,fontSize:e,align:"left",signer:this.signer,page:this.pageNum,mapTo:null,label:"",helpText:null,logicGroup:null,optional:i.formElementType==="checkbox",options:null,logicAction:null,labelExtra:null,fieldOrder:null,ax:d>0?d/this.pageDimensions[this.pageNum-1].width:0,ay:f>0?f/this.pageDimensions[this.pageNum-1].height:0,bx:(d+i.defaultWidth)/this.pageDimensions[this.pageNum-1].width,by:(f+i.defaultHeight)/this.pageDimensions[this.pageNum-1].height,templateId:this._template.id}};this.mutate.emit([u])}catch(t){console.error(t)}}export{m as a,$ as b,p as c,j as d,B as e,W as f,D as m,P as o,g as p,O as t,A as u};
2
+ //# sourceMappingURL=p-D6sbeDib.js.map