legalesign-document-viewer 1.0.4 → 1.0.6

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 (137) hide show
  1. package/dist/cjs/{editorUtils-CRCLbYrX.js → editorUtils-CskM29uR.js} +3 -3
  2. package/dist/cjs/{editorUtils-CRCLbYrX.js.map → editorUtils-CskM29uR.js.map} +1 -1
  3. package/dist/cjs/{history-BBZQuObJ.js → history-C8Dy_82r.js} +16 -2
  4. package/dist/{esm/history-xqZBqrca.js.map → cjs/history-C8Dy_82r.js.map} +1 -1
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/ls-add-new-button_20.cjs.entry.js +2 -2
  7. package/dist/cjs/ls-assignee-select_21.cjs.entry.js +16 -31
  8. package/dist/cjs/ls-compose-loader_7.cjs.entry.js +14 -12
  9. package/dist/cjs/ls-document-viewer.cjs.entry.js +55 -9
  10. package/dist/cjs/ls-document-viewer.cjs.js +1 -1
  11. package/dist/cjs/ls-field-alignment_3.cjs.entry.js +3 -3
  12. package/dist/cjs/ls-field-format_2.cjs.entry.js +10 -10
  13. package/dist/cjs/{mouseHandlers-BvqJ2tsu.js → mouseHandlers-DvI94o4n.js} +4 -4
  14. package/dist/cjs/{mouseHandlers-BvqJ2tsu.js.map → mouseHandlers-DvI94o4n.js.map} +1 -1
  15. package/dist/collection/components/ls-document-viewer/history.js +1 -0
  16. package/dist/collection/components/ls-document-viewer/history.js.map +1 -1
  17. package/dist/collection/components/ls-document-viewer/keyHandlers.js +2 -3
  18. package/dist/collection/components/ls-document-viewer/keyHandlers.js.map +1 -1
  19. package/dist/collection/components/ls-document-viewer/ls-document-viewer.js +53 -4
  20. package/dist/collection/components/ls-document-viewer/ls-document-viewer.js.map +1 -1
  21. package/dist/collection/components/ls-editor-field/ls-editor-field.js +9 -18
  22. package/dist/collection/components/ls-editor-field/ls-editor-field.js.map +1 -1
  23. package/dist/collection/components/ls-field-content/ls-field-content.js +5 -11
  24. package/dist/collection/components/ls-field-content/ls-field-content.js.map +1 -1
  25. package/dist/collection/components/ls-field-format/ls-field-format.js +10 -10
  26. package/dist/collection/components/ls-field-format/ls-field-format.js.map +1 -1
  27. package/dist/collection/components/ls-statusbar/ls-statusbar.js +52 -10
  28. package/dist/collection/components/ls-statusbar/ls-statusbar.js.map +1 -1
  29. package/dist/components/ls-document-viewer.js +71 -24
  30. package/dist/components/ls-document-viewer.js.map +1 -1
  31. package/dist/components/ls-editor-field.js +1 -1
  32. package/dist/components/ls-field-content.js +1 -1
  33. package/dist/components/ls-field-distribute.js +1 -1
  34. package/dist/components/ls-field-format.js +1 -1
  35. package/dist/components/ls-field-properties-checkbox.js +1 -1
  36. package/dist/components/ls-field-properties-date.js +1 -1
  37. package/dist/components/ls-field-properties-dropdown.js +2 -2
  38. package/dist/components/ls-field-properties-email.js +1 -1
  39. package/dist/components/ls-field-properties-file.js +1 -1
  40. package/dist/components/ls-field-properties-general.js +1 -1
  41. package/dist/components/ls-field-properties-multiple.js +1 -1
  42. package/dist/components/ls-field-properties-number.js +1 -1
  43. package/dist/components/ls-field-properties-signature.js +1 -1
  44. package/dist/components/ls-field-properties-text.js +1 -1
  45. package/dist/components/ls-field-properties.js +1 -1
  46. package/dist/components/ls-left-bar.js +1 -1
  47. package/dist/components/ls-statusbar.js +1 -1
  48. package/dist/components/ls-toolbar.js +1 -1
  49. package/dist/components/{p-BUAS2e6p.js → p--onI05IE.js} +12 -12
  50. package/dist/components/p--onI05IE.js.map +1 -0
  51. package/dist/components/{p-xSOFT8uc.js → p-7AZBNv_W.js} +4 -4
  52. package/dist/components/{p-xSOFT8uc.js.map → p-7AZBNv_W.js.map} +1 -1
  53. package/dist/components/{p-Ce1yNs3F.js → p-B-P0RM5X.js} +14 -14
  54. package/dist/components/{p-Ce1yNs3F.js.map → p-B-P0RM5X.js.map} +1 -1
  55. package/dist/components/{p-VFHHgnl2.js → p-BJoHocUQ.js} +8 -14
  56. package/dist/components/p-BJoHocUQ.js.map +1 -0
  57. package/dist/components/{p-CU_v-klT.js → p-BLMY8rNM.js} +12 -21
  58. package/dist/components/p-BLMY8rNM.js.map +1 -0
  59. package/dist/components/{p-BN_BZ9eU.js → p-BOg59Hui.js} +4 -4
  60. package/dist/components/{p-BN_BZ9eU.js.map → p-BOg59Hui.js.map} +1 -1
  61. package/dist/components/{p-Cue0UgwB.js → p-BRbTJsNX.js} +4 -4
  62. package/dist/components/{p-Cue0UgwB.js.map → p-BRbTJsNX.js.map} +1 -1
  63. package/dist/components/{p-thlkOeP_.js → p-Bi1odRMK.js} +4 -4
  64. package/dist/components/{p-thlkOeP_.js.map → p-Bi1odRMK.js.map} +1 -1
  65. package/dist/components/{p-Cts0eCoL.js → p-C4nAOEBk.js} +3 -3
  66. package/dist/components/{p-Cts0eCoL.js.map → p-C4nAOEBk.js.map} +1 -1
  67. package/dist/components/{p-DP3FTRHD.js → p-CWbixCW0.js} +4 -4
  68. package/dist/components/{p-DP3FTRHD.js.map → p-CWbixCW0.js.map} +1 -1
  69. package/dist/components/{p-Dw0UiotU.js → p-CXfWNJjL.js} +18 -14
  70. package/dist/components/p-CXfWNJjL.js.map +1 -0
  71. package/dist/components/{p-Cwf28UAj.js → p-CZCkljMh.js} +15 -15
  72. package/dist/components/{p-Cwf28UAj.js.map → p-CZCkljMh.js.map} +1 -1
  73. package/dist/components/{p-dLpaJicA.js → p-CvU1rUiv.js} +4 -4
  74. package/dist/components/{p-dLpaJicA.js.map → p-CvU1rUiv.js.map} +1 -1
  75. package/dist/components/{p-BzEVOvpL.js → p-CwR2DcQ8.js} +4 -4
  76. package/dist/components/{p-BzEVOvpL.js.map → p-CwR2DcQ8.js.map} +1 -1
  77. package/dist/components/{p-D7o_Ls97.js → p-DKz0A1Hf.js} +4 -4
  78. package/dist/components/{p-D7o_Ls97.js.map → p-DKz0A1Hf.js.map} +1 -1
  79. package/dist/components/{p-DydgLtEF.js → p-DmQNqtPP.js} +14 -3
  80. package/dist/components/p-DmQNqtPP.js.map +1 -0
  81. package/dist/components/{p-BvZKfSxt.js → p-TQAB33L1.js} +4 -4
  82. package/dist/components/{p-BvZKfSxt.js.map → p-TQAB33L1.js.map} +1 -1
  83. package/dist/components/{p-DVfpfKI7.js → p-ihnCvIHa.js} +4 -4
  84. package/dist/components/{p-DVfpfKI7.js.map → p-ihnCvIHa.js.map} +1 -1
  85. package/dist/esm/{editorUtils-DcBt3fOj.js → editorUtils-DF1r6W-l.js} +3 -3
  86. package/dist/esm/{editorUtils-DcBt3fOj.js.map → editorUtils-DF1r6W-l.js.map} +1 -1
  87. package/dist/esm/{history-xqZBqrca.js → history-CmJjDhcp.js} +14 -3
  88. package/dist/esm/history-CmJjDhcp.js.map +1 -0
  89. package/dist/esm/loader.js +1 -1
  90. package/dist/esm/ls-add-new-button_20.entry.js +2 -2
  91. package/dist/esm/ls-assignee-select_21.entry.js +16 -31
  92. package/dist/esm/ls-compose-loader_7.entry.js +14 -12
  93. package/dist/esm/ls-document-viewer.entry.js +55 -9
  94. package/dist/esm/ls-document-viewer.entry.js.map +1 -1
  95. package/dist/esm/ls-document-viewer.js +1 -1
  96. package/dist/esm/ls-field-alignment_3.entry.js +3 -3
  97. package/dist/esm/ls-field-format_2.entry.js +10 -10
  98. package/dist/esm/{mouseHandlers-CUHWhJed.js → mouseHandlers-Bwr3Oepx.js} +4 -4
  99. package/dist/esm/{mouseHandlers-CUHWhJed.js.map → mouseHandlers-Bwr3Oepx.js.map} +1 -1
  100. package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
  101. package/dist/ls-document-viewer/{p-3ba7f381.entry.js → p-12f94755.entry.js} +2 -2
  102. package/dist/ls-document-viewer/p-12f94755.entry.js.map +1 -0
  103. package/dist/ls-document-viewer/{p-d5c42d5f.entry.js → p-6f2687fc.entry.js} +2 -2
  104. package/dist/ls-document-viewer/p-885d302d.entry.js +2 -0
  105. package/dist/ls-document-viewer/p-885d302d.entry.js.map +1 -0
  106. package/dist/ls-document-viewer/p-9b6efe5e.entry.js +24 -0
  107. package/dist/ls-document-viewer/p-9b6efe5e.entry.js.map +1 -0
  108. package/dist/ls-document-viewer/{p-ChvyHQhX.js → p-BWxpQfiq.js} +2 -2
  109. package/dist/ls-document-viewer/{p-ChvyHQhX.js.map → p-BWxpQfiq.js.map} +1 -1
  110. package/dist/ls-document-viewer/p-CmJjDhcp.js +2 -0
  111. package/dist/ls-document-viewer/p-CmJjDhcp.js.map +1 -0
  112. package/dist/ls-document-viewer/{p-CEM1EUk-.js → p-SfEjlcdN.js} +2 -2
  113. package/dist/ls-document-viewer/{p-CEM1EUk-.js.map → p-SfEjlcdN.js.map} +1 -1
  114. package/dist/ls-document-viewer/{p-e3cf0df0.entry.js → p-a4a0858b.entry.js} +2 -2
  115. package/dist/ls-document-viewer/p-de351297.entry.js +2 -0
  116. package/dist/ls-document-viewer/p-de351297.entry.js.map +1 -0
  117. package/dist/types/components/ls-document-viewer/ls-document-viewer.d.ts +4 -0
  118. package/dist/types/components/ls-statusbar/ls-statusbar.d.ts +2 -0
  119. package/dist/types/components.d.ts +16 -0
  120. package/package.json +1 -1
  121. package/dist/cjs/history-BBZQuObJ.js.map +0 -1
  122. package/dist/components/p-BUAS2e6p.js.map +0 -1
  123. package/dist/components/p-CU_v-klT.js.map +0 -1
  124. package/dist/components/p-Dw0UiotU.js.map +0 -1
  125. package/dist/components/p-DydgLtEF.js.map +0 -1
  126. package/dist/components/p-VFHHgnl2.js.map +0 -1
  127. package/dist/ls-document-viewer/p-0340d8ac.entry.js +0 -24
  128. package/dist/ls-document-viewer/p-0340d8ac.entry.js.map +0 -1
  129. package/dist/ls-document-viewer/p-3ba7f381.entry.js.map +0 -1
  130. package/dist/ls-document-viewer/p-ba48b708.entry.js +0 -2
  131. package/dist/ls-document-viewer/p-ba48b708.entry.js.map +0 -1
  132. package/dist/ls-document-viewer/p-c47ad3e6.entry.js +0 -2
  133. package/dist/ls-document-viewer/p-c47ad3e6.entry.js.map +0 -1
  134. package/dist/ls-document-viewer/p-xqZBqrca.js +0 -2
  135. package/dist/ls-document-viewer/p-xqZBqrca.js.map +0 -1
  136. /package/dist/ls-document-viewer/{p-d5c42d5f.entry.js.map → p-6f2687fc.entry.js.map} +0 -0
  137. /package/dist/ls-document-viewer/{p-e3cf0df0.entry.js.map → p-a4a0858b.entry.js.map} +0 -0
@@ -1,2 +1,2 @@
1
- import{r as e,c as t,a as o,h as r,H as i}from"./p-CItPoq74.js";import{d as a}from"./p-WVWIAGo_.js";import{o as n}from"./p-ChvyHQhX.js";import{o as d}from"./p-CEM1EUk-.js";import"./p-xqZBqrca.js";import"./p-04cXI5GQ.js";import"./p-CwCWCxsI.js";const l=()=>`:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6f7176);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-input-row{display:flex;gap:0.5rem}.ls-dv-input-row .ls-dv-input-wrapper input{width:9.313rem;max-width:9.313rem}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:100%}#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)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #c8c9cc)}.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:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){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:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #c8c9cc);box-shadow:none}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height: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;width:100%}.ls-dv-button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #c8c9cc)}.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)}`;const s=class{constructor(o){e(this,o);this.mutate=t(this,"mutate",7);this.update=t(this,"update",7)}get component(){return o(this)}dataItem;readonly=false;mutate;update;alter(e){console.log(e);const t=this.dataItem.map((t=>({action:"update",data:{...t,...e}})));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}left(){const e=Math.min(...this.dataItem.map((e=>e.left)));this.alter({left:e})}center(){const e=Math.min(...this.dataItem.map((e=>e.left)));const t=Math.max(...this.dataItem.map((e=>e.left+e.width)));const o=(e+t)/2;const r=this.dataItem.map((e=>{const t=Math.round(o-e.width/2);return{action:"update",data:{...e,left:t}}}));this.dataItem=r.map((e=>e.data));this.mutate.emit(r)}right(){const e=Math.max(...this.dataItem.map((e=>e.left+e.width)));const t=this.dataItem.map((t=>{const o=e-t.width;return{action:"update",data:{...t,left:o}}}));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}top(){const e=Math.min(...this.dataItem.map((e=>e.top)));this.alter({top:e})}middle(){const e=Math.min(...this.dataItem.map((e=>e.top)));const t=Math.max(...this.dataItem.map((e=>e.top+e.height)));const o=(e+t)/2;const r=this.dataItem.map((e=>{const t=Math.round(o-e.height/2);return{action:"update",data:{...e,top:t}}}));this.dataItem=r.map((e=>e.data));this.mutate.emit(r)}bottom(){const e=Math.max(...this.dataItem.map((e=>e.top+e.height)));const t=this.dataItem.map((t=>{const o=e-t.height;return{action:"update",data:{...t,top:o}}}));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}componentDidLoad(){}render(){return r(i,{key:"e447034949db9618a4c0a9bb198cba863b852ce6"},r("div",{key:"f6e25671308810b16394639c5257264f05c97068",class:"ls-dv-field-properties-section"},r("div",{key:"cc3ccb09e0edc9b3725e732fa293b86a4094fd36",class:"ls-dv-field-properties-section-text"},r("p",{key:"ff593d77ac614df8297d6e34669ea8aef91c1347",class:"ls-dv-field-properties-section-title"},a.t("placement.alignment")),r("p",{key:"930191a9f93d239803fcd91e82c159fd167a5d65",class:"ls-dv-field-properties-section-description"},a.t("placement.alignmentdescription"))),r("div",{key:"0488f080f01eb85c4e86364cec0b1f7ddf7f82d4",class:"ls-dv-multi-button-group-row"},r("div",{key:"58a64f173c8cbe2c08d11e04682e63962bdbfc9d",class:"ls-dv-button-group"},r("button",{key:"c0d961d45fc9593cf1786d9b3bf88505da9afd96",onClick:()=>this.left(),"aria-label":a.t("alignment.alignleft"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.alignleft"),disabled:this.readonly},r("ls-icon",{key:"482801c81b41071b3af893ceb29daae915136053",name:"field-alignment-left-icon"})),r("button",{key:"4df6a9b584dcf7d14d78b36642f8214b7b845ef7",onClick:()=>this.center(),"aria-label":a.t("alignment.aligncenter"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.aligncenter"),disabled:this.readonly},r("ls-icon",{key:"61970b5c35cd7a4fb341399626b58b82466e8a82",name:"field-alignment-centre-icon"})),r("button",{key:"a6a0fd4ad9c6dc11c0cf3a7323a08f0e6b3cb83b",onClick:()=>{this.right()},"aria-label":a.t("alignment.alignright"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.alignright"),disabled:this.readonly},r("ls-icon",{key:"d8ba573f24b3e53e6f9dee18edbcba6a796d7840",name:"field-alignment-right-icon"}))),r("div",{key:"e45b18c7e0bfc3fa943c9643d6dbe2c9c9fc3688",class:"ls-dv-button-group"},r("button",{key:"3cf68e7e343edd162205a635e02747dfca8412e6",onClick:()=>this.top(),"aria-label":a.t("alignment.aligntop"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.aligntop"),disabled:this.readonly},r("ls-icon",{key:"9dd606425d2b07a70cddfcd23a72238b9f84203e",name:"field-alignment-top-icon"})),r("button",{key:"4d03ef7ff4bac674dd5e76d1f2d72fee8f518b62",onClick:()=>this.middle(),"aria-label":a.t("alignment.alignmiddle"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.alignmiddle"),disabled:this.readonly},r("ls-icon",{key:"31ae991a5d92a2df824a2e516ce9a2a736a04082",name:"field-alignment-middle-icon"})),r("button",{key:"8df1990e5376a0468c365e51eedfa978964255f1",onClick:()=>this.bottom(),"aria-label":a.t("alignment.alignbottom"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.alignbottom"),disabled:this.readonly},r("ls-icon",{key:"bd40d79653247d4e1aab3630a4bbb19f25fc3dce",name:"field-alignment-bottom-icon"}))))),r("slot",{key:"c8370a47c81dc1cfe80c9365a091be73fc53109a"}),r("ls-tooltip",{key:"12626fd8c27ea541788ab480f12fc6e8622f646f",tooltipId:"ls-dv-tooltip"}))}};s.style=l();const c=()=>`:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-dv-toolbar-numeric{width:2.813rem;max-height:1.125rem;margin:0px;padding:0px}*{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6f7176);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-input-row{display:flex;gap:0.5rem}.ls-dv-input-row .ls-dv-input-wrapper input{width:9.313rem;max-width:9.313rem}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:36px}.ls-dv-input-wrapper{position:relative;width:100%}#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)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #c8c9cc)}.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:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){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:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #c8c9cc);box-shadow:none}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height: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;width:100%}.ls-dv-button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #c8c9cc)}.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)}`;const f=class{constructor(o){e(this,o);this.mutate=t(this,"mutate",7)}dataItem;readonly=false;mutate;get component(){return o(this)}getVerticalGap(){if(!this.dataItem||this.dataItem.length<2)return undefined;const e=[...this.dataItem].sort(((e,t)=>e.top-t.top));const t=e.slice(1).map(((t,o)=>t.top-(e[o].top+e[o].height)));const o=Math.round(t[0]);return t.every((e=>Math.round(e)===o))?o:undefined}getHorizontalGap(){if(!this.dataItem||this.dataItem.length<2)return undefined;const e=[...this.dataItem].sort(((e,t)=>e.left-t.left));const t=e.slice(1).map(((t,o)=>t.left-(e[o].left+e[o].width)));const o=Math.round(t[0]);return t.every((e=>Math.round(e)===o))?o:undefined}alter(e){console.log(e);const t=this.dataItem.map((t=>({action:"update",data:{...t,...e}})));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}distributeHorizontal(){if(!this.dataItem||this.dataItem.length<3)return;var e=this.component.shadowRoot.getElementById("ls-fix-horizontal-space");const t=this.dataItem.sort(((e,t)=>e.left-t.left));var o=0;const r=t[0].left+t[0].width/2;const i=t.reduce(((e,t)=>t.left+t.width/2>e?t.left+t.width/2:e),r);const a=i-r;if(e.value!==""){o=parseInt(e.value)}else{o=Math.floor(a/(t.length-1))}const n=t.filter(((e,i)=>d({...e,left:Math.floor(r-e.width/2+o*i)})===false&&i!==0&&i!==t.length-1));const l=n.map(((e,t)=>({action:"update",data:{...e,left:Math.floor(r-e.width/2+o*(t+1))}})));this.dataItem=l.map((e=>e.data));this.mutate.emit(l)}gapVertical(e){if(!this.dataItem||this.dataItem.length===0)return;const t=this.dataItem.sort(((e,t)=>e.top-t.top));var o=t[0].top;const r=t.map((t=>{const r=o;o=o+t.height+e;const i={...t,top:r};return{action:"update",data:n(i)?{...t,left:t.pageDimensions.height-t.height-1}:i}}));this.dataItem=r.map((e=>e.data));this.mutate.emit(r)}gapHorizontal(e){if(!this.dataItem||this.dataItem.length===0)return;const t=this.dataItem.sort(((e,t)=>e.top-t.top));var o=t[0].left;const r=t.map((t=>{const r=o;o=o+t.width+e;const i={...t,left:r};console.log(i,n(i));return{action:"update",data:n(i)?{...t,left:t.pageDimensions.width-t.width-1}:i}}));this.dataItem=r.map((e=>e.data));this.mutate.emit(r)}distributeVertical(){if(!this.dataItem||this.dataItem.length<3)return;const e=this.dataItem.sort(((e,t)=>e.top-t.top));const t=e[0].top+e[0].height;const o=e[e.length-1].top;const r=o-t;const i=e.slice(1,-1).reduce(((e,t)=>e+t.height),0);const a=e.length-1;const n=Math.max(0,(r-i)/a);let d=e[0].top+e[0].height+n;const l=e.slice(1,-1).map((e=>{const t=Math.floor(d);d+=e.height+n;return{action:"update",data:{...e,top:t}}}));this.dataItem=l.map((e=>e.data));this.mutate.emit(l)}componentDidLoad(){}render(){return r(i,{key:"fe8833a6dd41dd4513c4bf9741388c64682c62fd"},r("div",{key:"08ad4ccabe0767127c186b87f041637747077a32",class:"ls-dv-field-properties-section"},r("div",{key:"c42c32d318679fdc08936c1901b0a7cee61d449a",class:"ls-dv-field-properties-section-text"},r("p",{key:"894bdb623119609093c2070727dffb33c15110e4",class:"ls-dv-field-properties-section-title"},a.t("placement.distribution")),r("p",{key:"ce2b4e52e2be49588e24b161c40d801f3314010c",class:"ls-dv-field-properties-section-description"},a.t("placement.distributiondescription"))),r("div",{key:"b7f8950b2ac7cb9d5d537b28798d20759d6e1e91",class:"ls-dv-button-group"},r("button",{key:"5764c462f344015b6dbb46c72e444a2e58d74f8a",onClick:()=>{this.distributeVertical()},"aria-label":a.t("alignment.distributevertically"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.distributevertically"),disabled:this.readonly},r("ls-icon",{key:"ce32cb64c74c6b07c799705e5a50a27f449a83fc",name:"field-distribute-vertically-icon"})),r("button",{key:"0f495f21e3aba3679f1487c594e7465a5cd851f8",onClick:()=>{this.distributeHorizontal()},"aria-label":a.t("alignment.distributehorizontally"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.distributehorizontally"),disabled:this.readonly},r("ls-icon",{key:"915c6eed36825afeacba935a5733e7dbad0bc694",name:"field-distribute-horizontally-icon"})))),r("div",{key:"938f1a6b9b0aecd7e371cba4ee3911f773bb31cc",class:"ls-dv-field-properties-section"},r("div",{key:"6172fc20d68d341464162d517aca13705bce3dea",class:"ls-dv-field-properties-section-text"},r("p",{key:"0f72f15baf2f619320d167db9a9f34d1fed2bd54",class:"ls-dv-field-properties-section-title"},a.t("placement.gap")),r("p",{key:"2c7c8d5300dc920b08f649ab2c34d69433f73bd5",class:"ls-dv-field-properties-section-description"},a.t("placement.gapdescription"))),r("div",{key:"72effd253ce32437e2d96508a5f28a508aad0d7f",class:"ls-dv-input-row"},r("div",{key:"251bbc9828d2b139bc8d9cf2556718f4b67f54ef",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("placement.setverticalgap")},r("ls-icon",{key:"0d4ba214ebb8abc7ae9cf0102c5cfd2d0ce88685",id:"selectLeadingIcon",name:"field-distribute-vertically-icon"}),r("input",{key:"6182509605e4cd99aafa2f4905d1ac75edeb9f2f",type:"number",class:"ls-dv-has-leading-icon",id:"ls-fix-vertical-space",onChange:e=>{this.gapVertical(parseInt(e.target.value))},max:9999,value:this.getVerticalGap(),placeholder:this.getVerticalGap()===undefined?a.t("fieldproperties.mixed"):undefined,size:4,disabled:this.readonly})),r("div",{key:"1fc7b7f92b04e2bab585879afc796ab401f99fca",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("placement.sethorizontalgap")},r("ls-icon",{key:"7104a91f81b3bd0683eb1a6dae2ec9971daab5ad",id:"selectLeadingIcon",name:"field-distribute-horizontally-icon"}),r("input",{key:"8631696eb1b18b4d213b97b036139562d6854cbb",type:"number",class:"ls-dv-has-leading-icon",id:"ls-fix-horizontal-space",onChange:e=>{this.gapHorizontal(parseInt(e.target.value))},max:9999,value:this.getHorizontalGap(),placeholder:this.getHorizontalGap()===undefined?a.t("fieldproperties.mixed"):undefined,size:4,disabled:this.readonly})))),r("ls-tooltip",{key:"e512132fd066e7ff5ed8c090f26cca11c933ac12",tooltipId:"ls-dv-tooltip"}),r("slot",{key:"61325afcf7b58434c0be5cd0b415acb36f2308a7"}))}};f.style=c();const p=()=>`:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-dv-toolbar-numeric{width:2.813rem;max-height:1.25rem;margin:0px;padding:0px}*{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6f7176);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-input-row{display:flex;gap:0.5rem}.ls-dv-input-row .ls-dv-input-wrapper input{width:9.313rem;max-width:9.313rem}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:36px}.ls-dv-input-wrapper{position:relative;width:100%}#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)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #c8c9cc)}.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:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){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:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #c8c9cc);box-shadow:none}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height: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;width:100%}.ls-dv-button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #c8c9cc)}.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)}`;const b=class{constructor(o){e(this,o);this.mutate=t(this,"mutate",7)}get component(){return o(this)}dataItem;readonly=false;mutate;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(){}render(){return r(i,{key:"20c6d8b9e60c338bb53d79d5963a4ababeaaa42d"},r("div",{key:"ad64ee5e1ba91ae6814bcdbbb8642ef8c791a77e",class:"ls-dv-field-properties-section"},r("div",{key:"c1b5b3c761eb28893c1fd12ce9d64654963f04ca",class:"ls-dv-field-properties-section-text"},r("p",{key:"a99b660bb0c9b3ee3804e9e0fd38b6f1cf4ae408",class:"ls-dv-field-properties-section-title"},a.t("dimensions.scaleandresize")),r("p",{key:"643453d23af79745ed721e33d83d80d0d64c2059",class:"ls-dv-field-properties-section-description"},a.t("dimensions.scaleandresizedescription"))),r("div",{key:"b9fa4b681736a066720fab6581bdb5e53efd6fa9",class:"ls-dv-button-group"},r("button",{key:"cb58b864ecadd336d5973755f08e2a2baae399ac",onClick:()=>this.alter({width:this.dataItem[0].width,height:this.dataItem[0].height}),"aria-label":a.t("alignment.matchsize"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.matchsize"),disabled:this.readonly},r("ls-icon",{key:"2cb7fc689313423f6c98b3b21629ed03b63e64cc",name:"field-scale-icon"})),r("button",{key:"db9bbcb75109bfe701efc7c932d364db85e758cb","aria-label":a.t("alignment.matchwidth"),onClick:()=>this.alter({width:this.dataItem[0].width}),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.matchwidth"),disabled:this.readonly},r("ls-icon",{key:"795114748a3004deb67601053cd05149f4b3c682",name:"field-match-width-icon"})),r("button",{key:"6d79b24fd4bd31e79931632aad3841d9d772664f",onClick:()=>this.alter({height:this.dataItem[0].height}),"aria-label":a.t("alignment.matchheight"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.matchheight"),disabled:this.readonly},r("ls-icon",{key:"ae2ec6876383b31d95ffba630716a523c641e91b",name:"field-match-height-icon"})))),r("slot",{key:"ccf740868f2a7561ef7088f15fcd9ae9245096d1"}),r("ls-tooltip",{key:"4b8a08963977d82fa63eac8acd52cf6c4cc474bb",tooltipId:"ls-dv-tooltip"}))}};b.style=p();export{s as ls_field_alignment,f as ls_field_distribute,b as ls_field_size};
2
- //# sourceMappingURL=p-e3cf0df0.entry.js.map
1
+ import{r as e,c as t,a as o,h as r,H as i}from"./p-CItPoq74.js";import{d as a}from"./p-WVWIAGo_.js";import{o as n}from"./p-BWxpQfiq.js";import{o as d}from"./p-SfEjlcdN.js";import"./p-CmJjDhcp.js";import"./p-04cXI5GQ.js";import"./p-CwCWCxsI.js";const l=()=>`:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6f7176);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-input-row{display:flex;gap:0.5rem}.ls-dv-input-row .ls-dv-input-wrapper input{width:9.313rem;max-width:9.313rem}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:100%}#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)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #c8c9cc)}.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:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){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:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #c8c9cc);box-shadow:none}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height: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;width:100%}.ls-dv-button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #c8c9cc)}.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)}`;const s=class{constructor(o){e(this,o);this.mutate=t(this,"mutate",7);this.update=t(this,"update",7)}get component(){return o(this)}dataItem;readonly=false;mutate;update;alter(e){console.log(e);const t=this.dataItem.map((t=>({action:"update",data:{...t,...e}})));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}left(){const e=Math.min(...this.dataItem.map((e=>e.left)));this.alter({left:e})}center(){const e=Math.min(...this.dataItem.map((e=>e.left)));const t=Math.max(...this.dataItem.map((e=>e.left+e.width)));const o=(e+t)/2;const r=this.dataItem.map((e=>{const t=Math.round(o-e.width/2);return{action:"update",data:{...e,left:t}}}));this.dataItem=r.map((e=>e.data));this.mutate.emit(r)}right(){const e=Math.max(...this.dataItem.map((e=>e.left+e.width)));const t=this.dataItem.map((t=>{const o=e-t.width;return{action:"update",data:{...t,left:o}}}));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}top(){const e=Math.min(...this.dataItem.map((e=>e.top)));this.alter({top:e})}middle(){const e=Math.min(...this.dataItem.map((e=>e.top)));const t=Math.max(...this.dataItem.map((e=>e.top+e.height)));const o=(e+t)/2;const r=this.dataItem.map((e=>{const t=Math.round(o-e.height/2);return{action:"update",data:{...e,top:t}}}));this.dataItem=r.map((e=>e.data));this.mutate.emit(r)}bottom(){const e=Math.max(...this.dataItem.map((e=>e.top+e.height)));const t=this.dataItem.map((t=>{const o=e-t.height;return{action:"update",data:{...t,top:o}}}));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}componentDidLoad(){}render(){return r(i,{key:"e447034949db9618a4c0a9bb198cba863b852ce6"},r("div",{key:"f6e25671308810b16394639c5257264f05c97068",class:"ls-dv-field-properties-section"},r("div",{key:"cc3ccb09e0edc9b3725e732fa293b86a4094fd36",class:"ls-dv-field-properties-section-text"},r("p",{key:"ff593d77ac614df8297d6e34669ea8aef91c1347",class:"ls-dv-field-properties-section-title"},a.t("placement.alignment")),r("p",{key:"930191a9f93d239803fcd91e82c159fd167a5d65",class:"ls-dv-field-properties-section-description"},a.t("placement.alignmentdescription"))),r("div",{key:"0488f080f01eb85c4e86364cec0b1f7ddf7f82d4",class:"ls-dv-multi-button-group-row"},r("div",{key:"58a64f173c8cbe2c08d11e04682e63962bdbfc9d",class:"ls-dv-button-group"},r("button",{key:"c0d961d45fc9593cf1786d9b3bf88505da9afd96",onClick:()=>this.left(),"aria-label":a.t("alignment.alignleft"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.alignleft"),disabled:this.readonly},r("ls-icon",{key:"482801c81b41071b3af893ceb29daae915136053",name:"field-alignment-left-icon"})),r("button",{key:"4df6a9b584dcf7d14d78b36642f8214b7b845ef7",onClick:()=>this.center(),"aria-label":a.t("alignment.aligncenter"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.aligncenter"),disabled:this.readonly},r("ls-icon",{key:"61970b5c35cd7a4fb341399626b58b82466e8a82",name:"field-alignment-centre-icon"})),r("button",{key:"a6a0fd4ad9c6dc11c0cf3a7323a08f0e6b3cb83b",onClick:()=>{this.right()},"aria-label":a.t("alignment.alignright"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.alignright"),disabled:this.readonly},r("ls-icon",{key:"d8ba573f24b3e53e6f9dee18edbcba6a796d7840",name:"field-alignment-right-icon"}))),r("div",{key:"e45b18c7e0bfc3fa943c9643d6dbe2c9c9fc3688",class:"ls-dv-button-group"},r("button",{key:"3cf68e7e343edd162205a635e02747dfca8412e6",onClick:()=>this.top(),"aria-label":a.t("alignment.aligntop"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.aligntop"),disabled:this.readonly},r("ls-icon",{key:"9dd606425d2b07a70cddfcd23a72238b9f84203e",name:"field-alignment-top-icon"})),r("button",{key:"4d03ef7ff4bac674dd5e76d1f2d72fee8f518b62",onClick:()=>this.middle(),"aria-label":a.t("alignment.alignmiddle"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.alignmiddle"),disabled:this.readonly},r("ls-icon",{key:"31ae991a5d92a2df824a2e516ce9a2a736a04082",name:"field-alignment-middle-icon"})),r("button",{key:"8df1990e5376a0468c365e51eedfa978964255f1",onClick:()=>this.bottom(),"aria-label":a.t("alignment.alignbottom"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.alignbottom"),disabled:this.readonly},r("ls-icon",{key:"bd40d79653247d4e1aab3630a4bbb19f25fc3dce",name:"field-alignment-bottom-icon"}))))),r("slot",{key:"c8370a47c81dc1cfe80c9365a091be73fc53109a"}),r("ls-tooltip",{key:"12626fd8c27ea541788ab480f12fc6e8622f646f",tooltipId:"ls-dv-tooltip"}))}};s.style=l();const c=()=>`:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-dv-toolbar-numeric{width:2.813rem;max-height:1.125rem;margin:0px;padding:0px}*{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6f7176);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-input-row{display:flex;gap:0.5rem}.ls-dv-input-row .ls-dv-input-wrapper input{width:9.313rem;max-width:9.313rem}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:36px}.ls-dv-input-wrapper{position:relative;width:100%}#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)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #c8c9cc)}.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:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){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:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #c8c9cc);box-shadow:none}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height: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;width:100%}.ls-dv-button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #c8c9cc)}.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)}`;const f=class{constructor(o){e(this,o);this.mutate=t(this,"mutate",7)}dataItem;readonly=false;mutate;get component(){return o(this)}getVerticalGap(){if(!this.dataItem||this.dataItem.length<2)return undefined;const e=[...this.dataItem].sort(((e,t)=>e.top-t.top));const t=e.slice(1).map(((t,o)=>t.top-(e[o].top+e[o].height)));const o=Math.round(t[0]);return t.every((e=>Math.round(e)===o))?o:undefined}getHorizontalGap(){if(!this.dataItem||this.dataItem.length<2)return undefined;const e=[...this.dataItem].sort(((e,t)=>e.left-t.left));const t=e.slice(1).map(((t,o)=>t.left-(e[o].left+e[o].width)));const o=Math.round(t[0]);return t.every((e=>Math.round(e)===o))?o:undefined}alter(e){console.log(e);const t=this.dataItem.map((t=>({action:"update",data:{...t,...e}})));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}distributeHorizontal(){if(!this.dataItem||this.dataItem.length<3)return;var e=this.component.shadowRoot.getElementById("ls-fix-horizontal-space");const t=this.dataItem.sort(((e,t)=>e.left-t.left));var o=0;const r=t[0].left+t[0].width/2;const i=t.reduce(((e,t)=>t.left+t.width/2>e?t.left+t.width/2:e),r);const a=i-r;if(e.value!==""){o=parseInt(e.value)}else{o=Math.floor(a/(t.length-1))}const n=t.filter(((e,i)=>d({...e,left:Math.floor(r-e.width/2+o*i)})===false&&i!==0&&i!==t.length-1));const l=n.map(((e,t)=>({action:"update",data:{...e,left:Math.floor(r-e.width/2+o*(t+1))}})));this.dataItem=l.map((e=>e.data));this.mutate.emit(l)}gapVertical(e){if(!this.dataItem||this.dataItem.length===0)return;const t=this.dataItem.sort(((e,t)=>e.top-t.top));var o=t[0].top;const r=t.map((t=>{const r=o;o=o+t.height+e;const i={...t,top:r};return{action:"update",data:n(i)?{...t,left:t.pageDimensions.height-t.height-1}:i}}));this.dataItem=r.map((e=>e.data));this.mutate.emit(r)}gapHorizontal(e){if(!this.dataItem||this.dataItem.length===0)return;const t=this.dataItem.sort(((e,t)=>e.top-t.top));var o=t[0].left;const r=t.map((t=>{const r=o;o=o+t.width+e;const i={...t,left:r};console.log(i,n(i));return{action:"update",data:n(i)?{...t,left:t.pageDimensions.width-t.width-1}:i}}));this.dataItem=r.map((e=>e.data));this.mutate.emit(r)}distributeVertical(){if(!this.dataItem||this.dataItem.length<3)return;const e=this.dataItem.sort(((e,t)=>e.top-t.top));const t=e[0].top+e[0].height;const o=e[e.length-1].top;const r=o-t;const i=e.slice(1,-1).reduce(((e,t)=>e+t.height),0);const a=e.length-1;const n=Math.max(0,(r-i)/a);let d=e[0].top+e[0].height+n;const l=e.slice(1,-1).map((e=>{const t=Math.floor(d);d+=e.height+n;return{action:"update",data:{...e,top:t}}}));this.dataItem=l.map((e=>e.data));this.mutate.emit(l)}componentDidLoad(){}render(){return r(i,{key:"fe8833a6dd41dd4513c4bf9741388c64682c62fd"},r("div",{key:"08ad4ccabe0767127c186b87f041637747077a32",class:"ls-dv-field-properties-section"},r("div",{key:"c42c32d318679fdc08936c1901b0a7cee61d449a",class:"ls-dv-field-properties-section-text"},r("p",{key:"894bdb623119609093c2070727dffb33c15110e4",class:"ls-dv-field-properties-section-title"},a.t("placement.distribution")),r("p",{key:"ce2b4e52e2be49588e24b161c40d801f3314010c",class:"ls-dv-field-properties-section-description"},a.t("placement.distributiondescription"))),r("div",{key:"b7f8950b2ac7cb9d5d537b28798d20759d6e1e91",class:"ls-dv-button-group"},r("button",{key:"5764c462f344015b6dbb46c72e444a2e58d74f8a",onClick:()=>{this.distributeVertical()},"aria-label":a.t("alignment.distributevertically"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.distributevertically"),disabled:this.readonly},r("ls-icon",{key:"ce32cb64c74c6b07c799705e5a50a27f449a83fc",name:"field-distribute-vertically-icon"})),r("button",{key:"0f495f21e3aba3679f1487c594e7465a5cd851f8",onClick:()=>{this.distributeHorizontal()},"aria-label":a.t("alignment.distributehorizontally"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.distributehorizontally"),disabled:this.readonly},r("ls-icon",{key:"915c6eed36825afeacba935a5733e7dbad0bc694",name:"field-distribute-horizontally-icon"})))),r("div",{key:"938f1a6b9b0aecd7e371cba4ee3911f773bb31cc",class:"ls-dv-field-properties-section"},r("div",{key:"6172fc20d68d341464162d517aca13705bce3dea",class:"ls-dv-field-properties-section-text"},r("p",{key:"0f72f15baf2f619320d167db9a9f34d1fed2bd54",class:"ls-dv-field-properties-section-title"},a.t("placement.gap")),r("p",{key:"2c7c8d5300dc920b08f649ab2c34d69433f73bd5",class:"ls-dv-field-properties-section-description"},a.t("placement.gapdescription"))),r("div",{key:"72effd253ce32437e2d96508a5f28a508aad0d7f",class:"ls-dv-input-row"},r("div",{key:"251bbc9828d2b139bc8d9cf2556718f4b67f54ef",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("placement.setverticalgap")},r("ls-icon",{key:"0d4ba214ebb8abc7ae9cf0102c5cfd2d0ce88685",id:"selectLeadingIcon",name:"field-distribute-vertically-icon"}),r("input",{key:"6182509605e4cd99aafa2f4905d1ac75edeb9f2f",type:"number",class:"ls-dv-has-leading-icon",id:"ls-fix-vertical-space",onChange:e=>{this.gapVertical(parseInt(e.target.value))},max:9999,value:this.getVerticalGap(),placeholder:this.getVerticalGap()===undefined?a.t("fieldproperties.mixed"):undefined,size:4,disabled:this.readonly})),r("div",{key:"1fc7b7f92b04e2bab585879afc796ab401f99fca",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("placement.sethorizontalgap")},r("ls-icon",{key:"7104a91f81b3bd0683eb1a6dae2ec9971daab5ad",id:"selectLeadingIcon",name:"field-distribute-horizontally-icon"}),r("input",{key:"8631696eb1b18b4d213b97b036139562d6854cbb",type:"number",class:"ls-dv-has-leading-icon",id:"ls-fix-horizontal-space",onChange:e=>{this.gapHorizontal(parseInt(e.target.value))},max:9999,value:this.getHorizontalGap(),placeholder:this.getHorizontalGap()===undefined?a.t("fieldproperties.mixed"):undefined,size:4,disabled:this.readonly})))),r("ls-tooltip",{key:"e512132fd066e7ff5ed8c090f26cca11c933ac12",tooltipId:"ls-dv-tooltip"}),r("slot",{key:"61325afcf7b58434c0be5cd0b415acb36f2308a7"}))}};f.style=c();const p=()=>`:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-dv-toolbar-numeric{width:2.813rem;max-height:1.25rem;margin:0px;padding:0px}*{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6f7176);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-input-row{display:flex;gap:0.5rem}.ls-dv-input-row .ls-dv-input-wrapper input{width:9.313rem;max-width:9.313rem}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:36px}.ls-dv-input-wrapper{position:relative;width:100%}#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)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #c8c9cc)}.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:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){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:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #c8c9cc);box-shadow:none}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height: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;width:100%}.ls-dv-button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #c8c9cc)}.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)}`;const b=class{constructor(o){e(this,o);this.mutate=t(this,"mutate",7)}get component(){return o(this)}dataItem;readonly=false;mutate;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(){}render(){return r(i,{key:"20c6d8b9e60c338bb53d79d5963a4ababeaaa42d"},r("div",{key:"ad64ee5e1ba91ae6814bcdbbb8642ef8c791a77e",class:"ls-dv-field-properties-section"},r("div",{key:"c1b5b3c761eb28893c1fd12ce9d64654963f04ca",class:"ls-dv-field-properties-section-text"},r("p",{key:"a99b660bb0c9b3ee3804e9e0fd38b6f1cf4ae408",class:"ls-dv-field-properties-section-title"},a.t("dimensions.scaleandresize")),r("p",{key:"643453d23af79745ed721e33d83d80d0d64c2059",class:"ls-dv-field-properties-section-description"},a.t("dimensions.scaleandresizedescription"))),r("div",{key:"b9fa4b681736a066720fab6581bdb5e53efd6fa9",class:"ls-dv-button-group"},r("button",{key:"cb58b864ecadd336d5973755f08e2a2baae399ac",onClick:()=>this.alter({width:this.dataItem[0].width,height:this.dataItem[0].height}),"aria-label":a.t("alignment.matchsize"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.matchsize"),disabled:this.readonly},r("ls-icon",{key:"2cb7fc689313423f6c98b3b21629ed03b63e64cc",name:"field-scale-icon"})),r("button",{key:"db9bbcb75109bfe701efc7c932d364db85e758cb","aria-label":a.t("alignment.matchwidth"),onClick:()=>this.alter({width:this.dataItem[0].width}),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.matchwidth"),disabled:this.readonly},r("ls-icon",{key:"795114748a3004deb67601053cd05149f4b3c682",name:"field-match-width-icon"})),r("button",{key:"6d79b24fd4bd31e79931632aad3841d9d772664f",onClick:()=>this.alter({height:this.dataItem[0].height}),"aria-label":a.t("alignment.matchheight"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.matchheight"),disabled:this.readonly},r("ls-icon",{key:"ae2ec6876383b31d95ffba630716a523c641e91b",name:"field-match-height-icon"})))),r("slot",{key:"ccf740868f2a7561ef7088f15fcd9ae9245096d1"}),r("ls-tooltip",{key:"4b8a08963977d82fa63eac8acd52cf6c4cc474bb",tooltipId:"ls-dv-tooltip"}))}};b.style=p();export{s as ls_field_alignment,f as ls_field_distribute,b as ls_field_size};
2
+ //# sourceMappingURL=p-a4a0858b.entry.js.map
@@ -0,0 +1,2 @@
1
+ import{r as e,c as t,a,h as o,H as r}from"./p-CItPoq74.js";import{d as i}from"./p-WVWIAGo_.js";import{d}from"./p-CwCWCxsI.js";const l=()=>`:host{display:flex;flex-direction:row}.ls-dv-field-format-bar{display:flex;flex-direction:row;gap:0.5rem}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;min-width:fit-content}.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}.ls-dv-has-trailing-icon{padding-right:2rem}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=number]{width:max-content;max-width:3rem}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height: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 button.ls-dv-active{background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6);cursor:default;pointer-events:none}.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)}`;const c=class{constructor(a){e(this,a);this.mutate=t(this,"mutate",7)}dataItem;mutate;get component(){return a(this)}fontSizes=[6,8,10,12,14,16,18,20,24,28,32,36,64,72,124];selectFieldsHandler(){if(this.dataItem.length>0){var e=this.component.shadowRoot.getElementById("ls-toolbar-font-select");if(e)e.value=this.allElementsSame()?.fontName;var t=this.component.shadowRoot.getElementById("ls-toolbar-font-size");if(t)t.value=this.allElementsSame()?.fontSize?.toString()}}alter(e){console.log(e);const t=this.dataItem.map((t=>({action:"update",data:{...t,...e}})));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}componentDidLoad(){}allElementsSame=()=>{if(!this.dataItem||this.dataItem.length===0)return;const e=this.dataItem[0].fontName;const t=this.dataItem.every((t=>t.fontName===e));const a=this.dataItem[0].fontSize;const o=this.dataItem.every((e=>e.fontSize===a));const r=this.dataItem[0].align||"left";const i=this.dataItem.every((e=>(e.align||"left")===r));return{isSame:t&&o,fontName:t?e:"mixed",fontSize:o?a:"mixed",align:i?r:"mixed"}};render(){return o(r,{key:"67f8db275fa6516f07620f0df259906e9d8ae470"},this.dataItem&&this.dataItem.length>1&&o("div",{key:"3ce7162ceaf8a026e4a7241ef40dfead41a5b1c1",class:"ls-dv-field-format-bar"},o("div",{key:"f30f132d45c15ba7f68ef2c8783dfa28c15141cf",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.fontfamily")},o("ls-icon",{key:"08c73e77c38361bc2d37ef15c3e06cf813618961",id:"selectLeadingIcon",name:"typeface-icon"}),o("select",{key:"018191b86e12770767a551688aeeecbdbe51a4e2",id:"ls-toolbar-font-select",onChange:e=>{this.alter({fontName:e.target.value})},class:"ls-dv-has-leading-icon ls-dv-has-trailing-icon"},o("option",{key:"93b0f9b75f41876d63a1d622ca94b9b5e9dfa908",disabled:true,selected:this.allElementsSame()?.fontName==="mixed",value:"mixed"},i.t("fieldproperties.mixed")),o("option",{key:"e9faa9dfaf3ff75a3ce510e64419ac093acccd25",value:"arial"},"Arial"),o("option",{key:"7b280f5f8efc88446af24e97b711516ac4008be1",value:"liberation"},"Liberation Sans"),o("option",{key:"18c03b38a08bfee4e046a38761c3483aec71a77b",value:"courier"},"Courier"),o("option",{key:"e7072bfff3ada9f0024313e3f43d0245c6079b28",value:"helvetica"},"Helvetica"),o("option",{key:"439c95cc62ea7c161959a374298c9d47a8204546",value:"verdana"},"Verdana")),o("ls-icon",{key:"95baaab584a60fc85d280c15f3bd9c78b0622e58",id:"selectorIcon",name:"selector-icon"})),o("div",{key:"9bbda6ae453b07da37cdaeebb964ade7803254bf",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.fontsize")},o("ls-icon",{key:"46c03f524378b946e6f32ce82e525f08fa92ab1a",id:"selectLeadingIcon",name:"text-size-icon"}),o("select",{key:"3dd39f77e2aaab4caad2de89bc6a5f703e2e312a",id:"ls-toolbar-font-size",onChange:e=>{this.alter({fontSize:parseInt(e.target.value)});e.target.blur()},class:"ls-dv-has-leading-icon ls-dv-has-trailing-icon"},o("option",{key:"f89b1abc0a8bd45e109cd5ba6d4d121e7e639d63",disabled:true,selected:this.allElementsSame()?.fontSize==="mixed",value:"mixed"},i.t("fieldproperties.mixed")),this.fontSizes.map((e=>o("option",{value:e,selected:this.allElementsSame()?.fontSize===e},e)))),o("ls-icon",{key:"a37b3ecdff064a154bce9b4c0bf249c2009a1c0e",id:"selectorIcon",name:"selector-icon"})),o("div",{key:"28f5d1dde6f30624f2ebc0175bfeea629732cdcb",class:"ls-dv-button-group"},o("button",{key:"64ef281302a4218328cd8887c52bbc850629425c",class:{"ls-dv-active":this.allElementsSame()?.align==="left"},onClick:()=>{this.alter({align:"left"})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.aligntextleft")},o("ls-icon",{key:"985ea95bf99b920e8671847c9bf50533c294498c",name:"menu-alt-2-icon"})),o("button",{key:"835b802969be4c4d68db935d1e7c96a6754b2d15",class:{"ls-dv-active":this.allElementsSame()?.align==="center"},onClick:()=>{this.alter({align:"center"})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.aligntextcenter")},o("ls-icon",{key:"7a549d92ec713eead0a40144a0a0e9073d51fbaf",name:"menu-alt-5-icon"})),o("button",{key:"161d87c93f040f2a0dcf7736346d24be594d58f9",class:{"ls-dv-active":this.allElementsSame()?.align==="right"},onClick:()=>{this.alter({align:"right"})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.aligntextright")},o("ls-icon",{key:"e0f846262279b2c0dc2424aa9c8f101cfcfee1b9",name:"menu-alt-3-icon"})))),this.dataItem&&this.dataItem.length===1&&o("div",{key:"9d3b885f45d74ccfe58c5fd6c6b6899d16d21c1d",class:"ls-dv-field-format-bar"},o("div",{key:"8786b8c864cab4f984a5b93d53f698c66e94a3bc",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.fontfamily")},o("ls-icon",{key:"585579e38e58636f437d6411825f80f994a1a21b",id:"selectorIcon",name:"selector-icon"}),o("ls-icon",{key:"507c013a74531a6b52c4624b828e5e70d53270ad",id:"selectLeadingIcon",name:"typeface-icon"}),o("select",{key:"3878862175dbd05a7f65f40c918e3282e824558d",id:"ls-toolbar-font-select",onChange:e=>{this.alter({fontName:e.target.value})},class:"ls-dv-has-leading-icon ls-dv-has-trailing-icon"},o("option",{key:"6b57efb90ef6a3b2ba2d13d5f714b6a1523e41d1",value:"arial"},"Arial"),o("option",{key:"95e762ed828bc06aec4967109326989bc860172c",value:"liberation"},"Liberation Sans"),o("option",{key:"42c6cd2a625aa96276ef080133c59069d692458c",value:"courier"},"Courier"),o("option",{key:"a70cf28e4ae339be15695fb1ac318504addb1668",value:"helvetica"},"Helvetica"),o("option",{key:"a74abcdacc483826d83ea75279ab54b2182906ce",value:"verdana"},"Verdana"))),o("div",{key:"6d86948ef41adaa0669fc8f509a0f10f69d8acf7",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.fontsize")},o("ls-icon",{key:"2e207b573f445015d4abebec892f66ca80301299",id:"selectLeadingIcon",name:"text-size-icon"}),o("select",{key:"10de2be7b36eaf872f06641411ba73fb64f7e377",id:"ls-toolbar-font-size",onChange:e=>{this.alter({fontSize:parseInt(e.target.value)});e.target.blur()},class:"ls-dv-has-leading-icon ls-dv-has-trailing-icon"},this.fontSizes.map((e=>o("option",{value:e,selected:this.dataItem[0].fontSize===e},e)))),o("ls-icon",{key:"071e07610b965de760746c14cc28f629f697ea04",id:"selectorIcon",name:"selector-icon"})),o("div",{key:"4451f71ae8da401631636b6fda37aa6e3d921e8d",class:"ls-dv-button-group"},o("button",{key:"b890d5ec32ec0986a5728823e92cfd186f69ca3f",class:{"ls-dv-active":this.dataItem[0].align==="left"||!this.dataItem[0].align},onClick:()=>{this.alter({align:"left"})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.aligntextleft")},o("ls-icon",{key:"d88930fd3e0f1ec3493c520a749f7f3ab517d700",name:"menu-alt-2-icon"})),o("button",{key:"69607fbf8ddfb0e01d5c8a9c730d2175ebed8095",class:{"ls-dv-active":this.dataItem[0].align==="center"},onClick:()=>{this.alter({align:"center"})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.aligntextcenter")},o("ls-icon",{key:"a238a5647c131c1a640e9fb54bcbfc3e58da392a",name:"menu-alt-5-icon"})),o("button",{key:"edcfbf372e19a5a3f6d2aacf94f79645d38c0216",class:{"ls-dv-active":this.dataItem[0].align==="right"},onClick:()=>{this.alter({align:"right"})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.aligntextright")},o("ls-icon",{key:"4fc79e1f1befbce488049d47d420a70c09447832",name:"menu-alt-3-icon"})))),o("ls-tooltip",{key:"649cfe25ea3da1e2605b28c13ca304f9f2865aa0",tooltipId:"ls-dv-tooltip"}))}static get watchers(){return{dataItem:["selectFieldsHandler"]}}};c.style=l();const n=()=>`:host{display:inline-block}*{margin:0}.ls-dv-dropdown{display:flex;align-items:center;position:relative}.ls-dv-dropdown-header{border-radius:0.75rem;border:1px solid var(--gray-20, #edeff2);background:var(--gray-10, #f7f8fa);display:flex;padding:0.125rem 0.125rem 0.125rem 0.5rem;align-items:center;gap:0.5rem}.ls-dv-placing-fields-text{color:var(--gray-90, #5e6066);text-align:center;font-size:0.875rem;font-style:normal;font-weight:500;margin:0}.ls-dv-selected-role-label{display:flex;padding:0.125rem 0.375rem;align-items:center;gap:0.25rem;border-radius:0.25rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;max-width:10rem}.ls-dv-selected-role-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-dropdown-list{position:absolute;top:3rem;left:50%;transform:translateX(-50%);display:flex;width:18.5625rem;padding:0.25rem;flex-direction:column;gap:0.25rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);background:white;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);max-height:40vh}.ls-dv-dropdown-list-items{display:flex;flex-direction:column;gap:0.25rem;overflow-y:auto;min-height:0}.ls-dv-dropdown-item{display:flex;padding:0.5rem 0.875rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;align-self:stretch;border-radius:0.75rem}.ls-dv-dropdown-item.ls-dv-selected,.ls-dv-dropdown-item.ls-dv-selected:hover{background:var(--background-selected, #e0e2e5)}.ls-dv-dropdown-item:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-skeleton-item{pointer-events:none;color:var(--primary-50, #5185ff)}.ls-dv-skeleton-circle{width:2.25rem !important;height:2.25rem !important;flex-shrink:0;border-radius:0.625rem;background:var(--gray-20, #edeff2);animation:pulse 1.2s ease-in-out infinite}.ls-dv-skeleton-line{border-radius:0.25rem;background:var(--gray-20, #edeff2);animation:pulse 1.2s ease-in-out infinite}.ls-dv-skeleton-line-name{width:6rem;height:0.75rem;margin-bottom:0.25rem}.ls-dv-skeleton-line-type{width:3rem;height:0.625rem}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}.ls-dv-add-participant-row{all:unset;flex-shrink:0;display:flex;padding:0.5rem 0.875rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;align-self:stretch;border-radius:0.75rem;border:1px dashed var(--gray-30, #e0e2e5);cursor:pointer}.ls-dv-add-participant-row:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-add-participant-row:disabled{cursor:not-allowed;background:var(--gray-10, #f7f8fa);opacity:0.5}.ls-dv-plus-icon{color:var(--gray-40, #d8d9dc)}.ls-dv-role-icon{display:flex;padding:0.5rem;border-radius:0.625rem}.ls-dv-add-participant-icon{display:flex;padding:0.5rem;border-radius:0.625rem;color:white;background:var(--primary-60, #4456f6)}.ls-dv-role-text{display:flex;flex-direction:column;width:100%;min-width:0}.ls-dv-dropdown-item .ls-dv-check-icon{color:var(--gray-40, #d8d9dc)}.ls-dv-dropdown-item.ls-dv-selected .ls-dv-check-icon{color:var(--check-icon-selected)}.ls-dv-role-name{color:var(--gray-100, #45484d);font-size:0.75rem;font-style:normal;font-weight:500;line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-role-type{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}.ls-dv-dropdown-item.ls-dv-selected .ls-dv-role-name{color:var(--role-name-selected)}.ls-dv-dropdown-item.ls-dv-selected .ls-dv-role-type{color:var(--role-type-selected)}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}.ls-dv-expand-button{border:0;cursor:pointer;display:inline-flex;align-items:center;border-radius:0.625rem;justify-content:center;text-transform:capitalize;min-height:2rem;min-width:2rem;max-height:2rem;max-width:2rem}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)}`;const s=class{constructor(a){e(this,a);this.roleChange=t(this,"roleChange",7);this.addParticipant=t(this,"addParticipant",7)}get el(){return a(this)}selected;signer;selectedRole={signerIndex:1,name:"",roleType:"SIGNER",default:true};handleSignerChange(e){this.syncSelectedRole(e)}scrollToBottom=false;isAddingParticipant=false;handleRoleLoad(){this.syncSelectedRole(this.signer);if(this.scrollToBottom){this.scrollToBottom=false;this.isAddingParticipant=false;requestAnimationFrame((()=>{const e=this.el.shadowRoot?.querySelector(".ls-dv-dropdown-list-items");if(e)e.scrollTo({top:e.scrollHeight,behavior:"smooth"})}))}}componentWillLoad(){this.syncSelectedRole(this.signer)}syncSelectedRole(e){if(e===0){this.selectedRole={signerIndex:0,name:"Sender",roleType:"SENDER",default:false}}else if(this.roles?.length>0){const t=this.roles.find((t=>t.signerIndex===e));if(t){this.selectedRole={...t,default:false}}}}roles=[];isOpen=false;handleWindowClick(e){if(this.isOpen&&!this.el.shadowRoot.contains(e.composedPath()[0])){this.isOpen=false}}toggleDropdown=()=>{this.isOpen=!this.isOpen};roleChange;addParticipant;selectRole(e){this.selectedRole={...e,default:false};this.isOpen=false;this.roleChange.emit(e.signerIndex)}createHandler(){this.scrollToBottom=true;this.isAddingParticipant=true;this.addParticipant.emit({type:"SIGNER"});requestAnimationFrame((()=>{const e=this.el.shadowRoot?.querySelector(".ls-dv-dropdown-list-items");if(e)e.scrollTo({top:e.scrollHeight,behavior:"smooth"})}))}render(){return o(r,{key:"150af762e16fa8eb3595356d55fbf5fa0af6767d"},o("div",{key:"cbac746cdd87e0f03cca811f52cdcd9de99e5531",class:"ls-dv-dropdown"},o("div",{key:"3ba9e9b2f1bd9dd13e12f7b92f2481686f03cc2f",class:"ls-dv-dropdown-header",onClick:this.toggleDropdown},o("svg",{key:"73fe28420e88237e7dca0ff1e990be418e529733",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"e884b1e78c02d9102b77efd0fdaa00dd71448647",d:"M4 0.5H6.5C8.433 0.5 10 2.067 10 4V6.5C10 8.433 8.433 10 6.5 10H4C2.067 10 0.5 8.433 0.5 6.5V4C0.5 2.067 2.067 0.5 4 0.5Z",fill:"#78A3FA",stroke:"#F7F8FA"}),o("path",{key:"1cb0c7f6e9a6bb0ad22621cfac7345dea91c9d65",d:"M13.5 0.5H16C17.933 0.5 19.5 2.067 19.5 4V6.5C19.5 8.433 17.933 10 16 10H13.5C11.567 10 10 8.433 10 6.5V4C10 2.067 11.567 0.5 13.5 0.5Z",fill:"#46DBAA",stroke:"#F7F8FA"}),o("path",{key:"c74320cbf5e50e87cca72ad6d135cc7a99b1ba6d",d:"M4 10H6.5C8.433 10 10 11.567 10 13.5V16C10 17.933 8.433 19.5 6.5 19.5H4C2.067 19.5 0.5 17.933 0.5 16V13.5C0.5 11.567 2.067 10 4 10Z",fill:"#FAD232",stroke:"#F7F8FA"}),o("path",{key:"74913d07b5f11b7dd7669efbd3284e2eefd1cb4d",d:"M14.75 12.125V14.75M14.75 14.75V17.375M14.75 14.75H17.375M14.75 14.75L12.125 14.75",stroke:"#939599","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),o("p",{key:"c9a5c9b1d8808c24dcc614b6584fd4399054afde",class:"ls-dv-placing-fields-text"},i.t("toolbar.placingfieldsfor")),o("div",{key:"0c58f6ff4feb2ddf44778bdaca385d53660362e3",class:"ls-dv-selected-role-label",style:{background:d[this.selectedRole?.signerIndex%100].s20,color:d[this.selectedRole?.signerIndex%100].s80}},o("ls-icon",{key:"8af2f54850247a878253cd2105dac4b1484dc96d",size:18,name:this.selectedRole?.roleType==="SENDER"?"user-icon":this.selectedRole?.roleType==="APPROVER"?"check-circle-icon":this.selectedRole?.roleType==="WITNESS"?"eye-icon":"signature-icon"}),o("span",{key:"e3ade3474ba29cfe257cbee99065dc74996c6cbb",class:"ls-dv-selected-role-text"},this.selectedRole.name||(this.selectedRole.roleType==="WITNESS"?i.t("participants.witness"):i.t("participants.participant",{index:this.selectedRole.signerIndex})))),o("button",{key:"698f4a6035e1fd72fb993c9cce891edf21259de3",class:"ls-dv-tertiary-grey ls-dv-expand-button","aria-haspopup":"listbox","aria-expanded":this.isOpen},o("ls-icon",{key:"2451fded4de2e2868a7e3ca89764d20bf4083937",name:"chevron-down-icon"}))),this.isOpen&&o("div",{key:"fc21d552dd6c70a1a54c97c5c382a08189adab97",class:"ls-dv-dropdown-list"},o("div",{key:"65d7087b4088105fca50682c41918b52af11ff64",class:"ls-dv-dropdown-list-items"},o("div",{key:"75efae7706fcbd202c0d77e722e19a6be9a6b921",class:this.selectedRole?.signerIndex===0?"ls-dv-dropdown-item ls-dv-selected":"ls-dv-dropdown-item",style:{"--background-selected":d[0].s10,"--check-icon-selected":d[0].s50},onClick:()=>this.selectRole({signerIndex:0,name:i.t("toolbar.sender"),roleType:"SENDER"}),onMouseEnter:e=>e.currentTarget.querySelector(".ls-dv-check-icon")?.setAttribute("name","check-circle-icon"),onMouseLeave:e=>e.currentTarget.querySelector(".ls-dv-check-icon")?.setAttribute("name",this.selectedRole?.signerIndex!==0?"base-circle-icon":"check-circle-icon")},o("div",{key:"0f8b0e690ff5411855fe62fe83f01c94d53e99fc",class:"ls-dv-role-icon",style:{background:d[0].s50,color:d[0].s80}},o("ls-icon",{key:"646640b0e4ddea9b1e17435686e906b094a5db10",name:"user-icon"})),o("div",{key:"39b9fe8b03f980aa7913b7e64d47175a6aa038a9",class:"ls-dv-role-text"},o("p",{key:"fd78c5344763b05dacef93a56ea34d04f62bf8d6",class:"ls-dv-role-name",style:{"--role-name-selected":d[0].s80}},i.t("toolbar.sender")),o("p",{key:"94c73d0c01d8fb6cecb79ef930255ad2dc24dc11",class:"ls-dv-role-type",style:{"--role-type-selected":d[0].s80}},i.t("toolbar.you"))),o("ls-icon",{key:"1dd3d3e67e6f0f9f608c7d8c2699657e0e7cddd1",class:"ls-dv-check-icon",name:this.selectedRole?.signerIndex===0?"check-circle-icon":"base-circle-icon",solid:this.selectedRole?.signerIndex===0})),this.roles.map((e=>o("div",{class:e.signerIndex===this.selectedRole?.signerIndex?"ls-dv-dropdown-item ls-dv-selected":"ls-dv-dropdown-item",style:{"--background-selected":d[e?.signerIndex%100].s10,"--check-icon-selected":d[e?.signerIndex%100].s50},onClick:()=>this.selectRole(e),onMouseEnter:e=>e.currentTarget.querySelector(".ls-dv-check-icon")?.setAttribute("name","check-circle-icon"),onMouseLeave:t=>t.currentTarget.querySelector(".ls-dv-check-icon")?.setAttribute("name",e.signerIndex!==this.selectedRole?.signerIndex?"base-circle-icon":"check-circle-icon")},o("div",{class:"ls-dv-role-icon",style:{background:e.signerIndex>100?d[e?.signerIndex%100].s30:d[e?.signerIndex%100].s40,color:d[e?.signerIndex%100].s90}},o("ls-icon",{name:e.roleType==="WITNESS"?"eye-icon":e.roleType==="APPROVER"?"check-circle-icon":"signature-icon"})),o("div",{class:"ls-dv-role-text"},o("p",{class:"ls-dv-role-name",style:{"--role-name-selected":d[e?.signerIndex%100].s100},"data-tooltip-id":"ls-dv-select-tooltip","data-tooltip-html":`<span style="white-space:normal;word-break:break-word">${e.name||(e.signerIndex>100?i.t("participants.participantwitness",{index:e.signerIndex-100}):i.t("participants.participant",{index:e.signerIndex}))}</span>`,onMouseEnter:e=>{const t=e.currentTarget;if(t.scrollWidth<=t.clientWidth){t.removeAttribute("data-tooltip-html")}}},e.name||(e.signerIndex>100?i.t("participants.participantwitness",{index:e.signerIndex-100}):i.t("participants.participant",{index:e.signerIndex}))),o("p",{class:"ls-dv-role-type",style:{"--role-type-selected":d[e?.signerIndex%100].s80}},e.roleType==="WITNESS"?i.t("participants.witness"):e.roleType==="APPROVER"?i.t("participants.approver"):i.t("participants.signer"))),o("ls-icon",{class:"ls-dv-check-icon",name:e.signerIndex===this.selectedRole?.signerIndex?"check-circle-icon":"base-circle-icon",solid:e.signerIndex===this.selectedRole?.signerIndex})))),this.isAddingParticipant&&o("div",{key:"2b3176e22a07593b05b39e8e31ca65b7079d1cf5",class:"ls-dv-dropdown-item ls-dv-skeleton-item"},o("div",{key:"456bafaffc739ce3d0202685a75756eaae2e3640",class:"ls-dv-skeleton-circle"}),o("div",{key:"222332e1b35357b04354eafb7e75cee128baeb54",class:"ls-dv-role-text"},o("div",{key:"5187461fc1a26e731b12cd4ec26cbfeec799484b",class:"ls-dv-skeleton-line ls-dv-skeleton-line-name"}),o("div",{key:"37ad70561685143c5c4da568be50816a46243292",class:"ls-dv-skeleton-line ls-dv-skeleton-line-type"})),o("ls-loading",{key:"d1630dbc4d81c5e1d69cc899b2140bda489714d9"}))),o("button",{key:"4c7bf6571f797d8a8ba281c215408d957b6ecc5d",onClick:()=>this.createHandler(),class:"ls-dv-add-participant-row",style:{"--background-selected":d[1].s10,"--check-icon-selected":d[1].s50},disabled:this.isAddingParticipant},o("div",{key:"e9e5c62e05596c8caf61f87181a43bbb7642281e",class:"ls-dv-add-participant-icon"},o("ls-icon",{key:"a78ce863d87e147673a6a4a72ad436605b578a8e",name:"user-add-icon"})),o("div",{key:"de8127d969f8e3e6b6492168ec0e9168362edb13",class:"ls-dv-role-text"},o("p",{key:"efc07c9c0a0c503080363cfbe22ba87b8c0bd6a4",class:"ls-dv-role-name"},i.t("participants.addparticipant")),o("p",{key:"660a50862d88ab40fe40c59ed3930cb21d18fa83",class:"ls-dv-role-type"},i.t("toolbar.addnewsigner"))),o("ls-icon",{key:"2f644fd360b284ba938cd8e8276293358bf5d10e",class:"ls-dv-plus-icon",name:"plus-icon"})))),o("ls-tooltip",{key:"e740ed1a6be56df49529df675e80d02bf47f9b2d",tooltipId:"ls-dv-select-tooltip"}),o("slot",{key:"7d34400e9104c5aa2fe7408144bec5ae84405b2f"}))}static get watchers(){return{signer:["handleSignerChange"],roles:["handleRoleLoad"]}}};s.style=n();export{c as ls_field_format,s as ls_participant_select};
2
+ //# sourceMappingURL=p-de351297.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["registerInstance","createEvent","getElement","h","Host","dvI18n","defaultRolePalette","lsFieldFormatCss","LsFieldFormat","constructor","hostRef","this","mutate","dataItem","component","fontSizes","selectFieldsHandler","length","selFont","shadowRoot","getElementById","value","allElementsSame","fontName","selFontSize","fontSize","toString","alter","diff","console","log","diffs","map","c","action","data","d","emit","componentDidLoad","firstFontName","allFontsSame","every","item","firstFontSize","allFontSizesSame","firstAlign","align","allAlignSame","isSame","render","key","class","t","id","name","onChange","input","target","disabled","selected","parseInt","blur","size","onClick","tooltipId","watchers","style","lsParticipantSelectCss","LsParticipantSelect","roleChange","addParticipant","el","signer","selectedRole","signerIndex","roleType","default","handleSignerChange","newSigner","syncSelectedRole","scrollToBottom","isAddingParticipant","handleRoleLoad","requestAnimationFrame","list","querySelector","scrollTo","top","scrollHeight","behavior","componentWillLoad","roles","role","find","r","isOpen","handleWindowClick","event","contains","composedPath","toggleDropdown","selectRole","createHandler","type","width","height","viewBox","fill","xmlns","stroke","background","s20","color","s80","index","s10","s50","onMouseEnter","e","currentTarget","setAttribute","onMouseLeave","solid","s30","s40","s90","s100","scrollWidth","clientWidth","removeAttribute"],"sources":["0"],"mappings":"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","ignoreList":[]}
@@ -60,6 +60,7 @@ export declare class LsDocumentViewer {
60
60
  * {string}
61
61
  */
62
62
  templateid: string;
63
+ templateIdChanged(): void;
63
64
  /**
64
65
  * A JSON string containing the recipient details. Only used in COMPOSE mode.
65
66
  * {string}
@@ -163,6 +164,7 @@ export declare class LsDocumentViewer {
163
164
  }>;
164
165
  private adapter;
165
166
  _skipHistory: boolean;
167
+ private _loadGeneration;
166
168
  mutateHandler(event: CustomEvent<LSMutateEvent[]>): void;
167
169
  updateHandler(event: CustomEvent<LSMutateEvent[]>): void;
168
170
  handleFieldTypeSelected(event: any): void;
@@ -220,10 +222,12 @@ export declare class LsDocumentViewer {
220
222
  private loadAndRender;
221
223
  prepareElement(newElement: LSApiElement): LSApiElement;
222
224
  syncChange(update: LSMutateEvent): void;
225
+ private _initialized;
223
226
  initViewer(): void;
224
227
  generateFields(clearExisting?: boolean): void;
225
228
  showPageFields(page: number): void;
226
229
  load(): Promise<void>;
230
+ reload(): Promise<void>;
227
231
  componentWillLoad(): void;
228
232
  componentDidLoad(): void;
229
233
  handleManagerChange(manager: string): void;
@@ -16,6 +16,8 @@ export declare class LsStatusbar {
16
16
  * {LsDocumentViewer}
17
17
  */
18
18
  editor: LsDocumentViewer;
19
+ canUndo: boolean;
20
+ canRedo: boolean;
19
21
  /**
20
22
  * The viewer mode.
21
23
  * {'preview' | 'editor' | 'compose'}
@@ -669,6 +669,14 @@ export namespace Components {
669
669
  "selected": any[];
670
670
  }
671
671
  interface LsStatusbar {
672
+ /**
673
+ * @default false
674
+ */
675
+ "canRedo": boolean;
676
+ /**
677
+ * @default false
678
+ */
679
+ "canUndo": boolean;
672
680
  /**
673
681
  * The parent editor control. {LsDocumentViewer}
674
682
  */
@@ -2278,6 +2286,14 @@ declare namespace LocalJSX {
2278
2286
  "selected"?: any[];
2279
2287
  }
2280
2288
  interface LsStatusbar {
2289
+ /**
2290
+ * @default false
2291
+ */
2292
+ "canRedo"?: boolean;
2293
+ /**
2294
+ * @default false
2295
+ */
2296
+ "canUndo"?: boolean;
2281
2297
  /**
2282
2298
  * The parent editor control. {LsDocumentViewer}
2283
2299
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "legalesign-document-viewer",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
4
4
  "description": "Legalesign Document Editor/Viewer",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -1 +0,0 @@
1
- {"version":3,"file":"history-BBZQuObJ.js","sources":["src/components/ls-document-viewer/history.ts"],"sourcesContent":["import { LSApiElement } from '../../types/LSApiElement';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\nconst MAX_HISTORY = 50;\n\ntype HistoryEntry = {\n mutations: LSMutateEvent[];\n inverse: LSMutateEvent[];\n};\n\nlet undoStack: HistoryEntry[] = [];\nlet redoStack: HistoryEntry[] = [];\nlet fieldSnapshots: Map<string, LSApiElement> = new Map();\n\nexport function canUndo(): boolean {\n return undoStack.length > 0;\n}\n\nexport function canRedo(): boolean {\n return redoStack.length > 0;\n}\n\n/**\n * Snapshot a field's state before any edits occur.\n * Only stores if no snapshot exists yet for this field.\n * Called at mouseDown before resize/move can mutate dataItem.\n */\nexport function snapshotField(field: LSApiElement) {\n if (field?.id && !fieldSnapshots.has(field.id)) {\n fieldSnapshots.set(field.id, { ...field });\n }\n}\n\n/**\n * Record a set of mutations before they are applied.\n * Call this with the mutations and the before-state of affected elements.\n */\nexport function recordMutations(mutations: LSMutateEvent[], beforeStates: Map<string, LSApiElement>) {\n const inverse: LSMutateEvent[] = mutations\n .map(m => {\n const data = m.data as LSApiElement;\n switch (m.action) {\n case 'create':\n return { action: 'delete', data };\n case 'delete':\n return { action: 'create', data: beforeStates.get(data.id) || { ...data } };\n case 'update':\n // Use snapshot (captured at selection time) or beforeState from DOM\n const before = fieldSnapshots.get(data.id) || beforeStates.get(data.id);\n return { action: 'update', data: before ? { ...before } : { ...data } };\n default:\n return null;\n }\n })\n .filter(Boolean) as LSMutateEvent[];\n\n undoStack.push({ mutations, inverse });\n if (undoStack.length > MAX_HISTORY) {\n undoStack.shift();\n }\n\n // Update snapshots to the new state (so next undo captures from this point)\n mutations.forEach(m => {\n const data = m.data as LSApiElement;\n if (data?.id) {\n if (m.action === 'delete') {\n fieldSnapshots.delete(data.id);\n } else {\n fieldSnapshots.set(data.id, { ...data });\n }\n }\n });\n\n // New action clears redo\n redoStack = [];\n}\n\nexport function undo() {\n if (undoStack.length === 0) {\n return null;\n }\n\n const entry = undoStack.pop();\n redoStack.push(entry);\n if (redoStack.length > MAX_HISTORY) {\n redoStack.shift();\n }\n\n // Update snapshots to the restored state so the next action records correctly\n entry.inverse.forEach(m => {\n const data = m.data as LSApiElement;\n if (data?.id) {\n if (m.action === 'delete') {\n fieldSnapshots.delete(data.id);\n } else {\n fieldSnapshots.set(data.id, { ...data });\n }\n }\n });\n\n return entry.inverse;\n}\n\nexport function redo() {\n if (redoStack.length === 0) {\n return null;\n }\n\n const entry = redoStack.pop();\n undoStack.push(entry);\n if (undoStack.length > MAX_HISTORY) {\n undoStack.shift();\n }\n\n // Update snapshots to the re-applied state so the next action records correctly\n entry.mutations.forEach(m => {\n const data = m.data as LSApiElement;\n if (data?.id) {\n if (m.action === 'delete') {\n fieldSnapshots.delete(data.id);\n } else {\n fieldSnapshots.set(data.id, { ...data });\n }\n }\n });\n\n return entry.mutations;\n}\n\nexport function clearHistory() {\n undoStack = [];\n redoStack = [];\n}\n\n/**\n * After a create mutation, the API returns a server-generated ID.\n * Update the history entries so undo/redo use the real ID.\n */\nexport function updateCreatedId(clientId: string, serverId: string) {\n const updateEntry = (entry: HistoryEntry) => {\n entry.mutations.forEach(m => {\n if ((m.data as LSApiElement).id === clientId) {\n (m.data as LSApiElement).id = serverId;\n }\n });\n entry.inverse.forEach(m => {\n if ((m.data as LSApiElement).id === clientId) {\n (m.data as LSApiElement).id = serverId;\n }\n });\n };\n\n // Update all entries in both stacks that reference the old ID\n undoStack.forEach(updateEntry);\n redoStack.forEach(updateEntry);\n\n // Update snapshot key to use server ID\n if (fieldSnapshots.has(clientId)) {\n const snapshot = fieldSnapshots.get(clientId);\n fieldSnapshots.delete(clientId);\n snapshot.id = serverId;\n fieldSnapshots.set(serverId, snapshot);\n }\n}\n"],"names":[],"mappings":";;AAGA,MAAM,WAAW,GAAG,EAAE;AAOtB,IAAI,SAAS,GAAmB,EAAE;AAClC,IAAI,SAAS,GAAmB,EAAE;AAClC,IAAI,cAAc,GAA8B,IAAI,GAAG,EAAE;AAUzD;;;;AAIG;AACG,SAAU,aAAa,CAAC,KAAmB,EAAA;AAC/C,IAAA,IAAI,KAAK,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE;AAC9C,QAAA,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,CAAC;;AAE9C;AAEA;;;AAGG;AACa,SAAA,eAAe,CAAC,SAA0B,EAAE,YAAuC,EAAA;IACjG,MAAM,OAAO,GAAoB;SAC9B,GAAG,CAAC,CAAC,IAAG;AACP,QAAA,MAAM,IAAI,GAAG,CAAC,CAAC,IAAoB;AACnC,QAAA,QAAQ,CAAC,CAAC,MAAM;AACd,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;AACnC,YAAA,KAAK,QAAQ;gBACX,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE;AAC7E,YAAA,KAAK,QAAQ;;AAEX,gBAAA,MAAM,MAAM,GAAG,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;gBACvE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE;AACzE,YAAA;AACE,gBAAA,OAAO,IAAI;;AAEjB,KAAC;SACA,MAAM,CAAC,OAAO,CAAoB;IAErC,SAAS,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AACtC,IAAA,IAAI,SAAS,CAAC,MAAM,GAAG,WAAW,EAAE;QAClC,SAAS,CAAC,KAAK,EAAE;;;AAInB,IAAA,SAAS,CAAC,OAAO,CAAC,CAAC,IAAG;AACpB,QAAA,MAAM,IAAI,GAAG,CAAC,CAAC,IAAoB;AACnC,QAAA,IAAI,IAAI,EAAE,EAAE,EAAE;AACZ,YAAA,IAAI,CAAC,CAAC,MAAM,KAAK,QAAQ,EAAE;AACzB,gBAAA,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;;iBACzB;AACL,gBAAA,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,CAAC;;;AAG9C,KAAC,CAAC;;IAGF,SAAS,GAAG,EAAE;AAChB;SAEgB,IAAI,GAAA;AAClB,IAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1B,QAAA,OAAO,IAAI;;AAGb,IAAA,MAAM,KAAK,GAAG,SAAS,CAAC,GAAG,EAAE;AAC7B,IAAA,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;AACrB,IAAA,IAAI,SAAS,CAAC,MAAM,GAAG,WAAW,EAAE;QAClC,SAAS,CAAC,KAAK,EAAE;;;AAInB,IAAA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAG;AACxB,QAAA,MAAM,IAAI,GAAG,CAAC,CAAC,IAAoB;AACnC,QAAA,IAAI,IAAI,EAAE,EAAE,EAAE;AACZ,YAAA,IAAI,CAAC,CAAC,MAAM,KAAK,QAAQ,EAAE;AACzB,gBAAA,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;;iBACzB;AACL,gBAAA,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,CAAC;;;AAG9C,KAAC,CAAC;IAEF,OAAO,KAAK,CAAC,OAAO;AACtB;SAEgB,IAAI,GAAA;AAClB,IAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1B,QAAA,OAAO,IAAI;;AAGb,IAAA,MAAM,KAAK,GAAG,SAAS,CAAC,GAAG,EAAE;AAC7B,IAAA,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;AACrB,IAAA,IAAI,SAAS,CAAC,MAAM,GAAG,WAAW,EAAE;QAClC,SAAS,CAAC,KAAK,EAAE;;;AAInB,IAAA,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,IAAG;AAC1B,QAAA,MAAM,IAAI,GAAG,CAAC,CAAC,IAAoB;AACnC,QAAA,IAAI,IAAI,EAAE,EAAE,EAAE;AACZ,YAAA,IAAI,CAAC,CAAC,MAAM,KAAK,QAAQ,EAAE;AACzB,gBAAA,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;;iBACzB;AACL,gBAAA,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,CAAC;;;AAG9C,KAAC,CAAC;IAEF,OAAO,KAAK,CAAC,SAAS;AACxB;AAOA;;;AAGG;AACa,SAAA,eAAe,CAAC,QAAgB,EAAE,QAAgB,EAAA;AAChE,IAAA,MAAM,WAAW,GAAG,CAAC,KAAmB,KAAI;AAC1C,QAAA,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,IAAG;YAC1B,IAAK,CAAC,CAAC,IAAqB,CAAC,EAAE,KAAK,QAAQ,EAAE;AAC3C,gBAAA,CAAC,CAAC,IAAqB,CAAC,EAAE,GAAG,QAAQ;;AAE1C,SAAC,CAAC;AACF,QAAA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAG;YACxB,IAAK,CAAC,CAAC,IAAqB,CAAC,EAAE,KAAK,QAAQ,EAAE;AAC3C,gBAAA,CAAC,CAAC,IAAqB,CAAC,EAAE,GAAG,QAAQ;;AAE1C,SAAC,CAAC;AACJ,KAAC;;AAGD,IAAA,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;AAC9B,IAAA,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;;AAG9B,IAAA,IAAI,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;QAChC,MAAM,QAAQ,GAAG,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC;AAC7C,QAAA,cAAc,CAAC,MAAM,CAAC,QAAQ,CAAC;AAC/B,QAAA,QAAQ,CAAC,EAAE,GAAG,QAAQ;AACtB,QAAA,cAAc,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC;;AAE1C;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"file":"p-BUAS2e6p.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-format/ls-field-format.scss?tag=ls-field-format&encapsulation=shadow","src/components/ls-field-format/ls-field-format.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: row;\n}\n\n.ls-dv-field-format-bar {\n display: flex;\n flex-direction: row;\n gap: 0.5rem;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n min-width: fit-content;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\n.ls-dv-has-trailing-icon {\n padding-right: 2rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='number'] {\n width: max-content;\n max-width: 3rem;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group button.ls-dv-active {\n background: $primary-10;\n color: $primary-60;\n cursor: default;\n pointer-events: none;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, EventEmitter, Host, Prop, h, Element, Event, Watch } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n tag: 'ls-field-format',\n styleUrl: 'ls-field-format.scss',\n shadow: true,\n})\nexport class LsFieldFormat {\n @Prop({\n mutable: true,\n })\n dataItem: LSApiElement[];\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Element() component: HTMLElement;\n\n private readonly fontSizes = [6, 8, 10, 12, 14, 16, 18, 20, 24, 28, 32, 36, 64, 72, 124];\n\n // Send selection changes to bars and panels if in use.\n @Watch('dataItem')\n selectFieldsHandler() {\n if (this.dataItem.length > 0) {\n var selFont = this.component.shadowRoot.getElementById('ls-toolbar-font-select') as HTMLSelectElement;\n if (selFont) selFont.value = this.allElementsSame()?.fontName;\n var selFontSize = this.component.shadowRoot.getElementById('ls-toolbar-font-size') as HTMLSelectElement;\n if (selFontSize) selFontSize.value = this.allElementsSame()?.fontSize?.toString();\n }\n }\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n console.log(diff);\n\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n componentDidLoad() {\n }\n\n allElementsSame = () => {\n if (!this.dataItem || this.dataItem.length === 0) return;\n const firstFontName = this.dataItem[0].fontName;\n const allFontsSame = this.dataItem.every(item => item.fontName === firstFontName);\n const firstFontSize = this.dataItem[0].fontSize;\n const allFontSizesSame = this.dataItem.every(item => item.fontSize === firstFontSize);\n const firstAlign = this.dataItem[0].align || 'left';\n const allAlignSame = this.dataItem.every(item => (item.align || 'left') === firstAlign);\n return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed', align: allAlignSame ? firstAlign : 'mixed' };\n };\n\n render() {\n return (\n <Host>\n {this.dataItem && this.dataItem.length > 1 && (\n <div class={'ls-dv-field-format-bar'}>\n <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontfamily')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"typeface-icon\"></ls-icon>\n <select\n id=\"ls-toolbar-font-select\"\n onChange={input => {\n this.alter({ fontName: (input.target as HTMLSelectElement).value });\n }}\n class={'ls-dv-has-leading-icon ls-dv-has-trailing-icon'}\n >\n <option disabled selected={this.allElementsSame()?.fontName === 'mixed'} value={'mixed'}>\n {dvI18n.t('fieldproperties.mixed')}\n </option>\n <option value=\"arial\">Arial</option>\n <option value=\"liberation sans\">Liberation Sans</option>\n <option value=\"courier\">Courier</option>\n <option value=\"helvetica\">Helvetica</option>\n <option value=\"verdana\">Verdana</option>\n </select>\n <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>\n </div>\n <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontsize')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"text-size-icon\"></ls-icon>\n <select\n id=\"ls-toolbar-font-size\"\n onChange={input => {\n this.alter({ fontSize: parseInt((input.target as HTMLSelectElement).value) });\n (input.target as HTMLElement).blur();\n }}\n class={'ls-dv-has-leading-icon ls-dv-has-trailing-icon'}\n >\n <option disabled selected={this.allElementsSame()?.fontSize === 'mixed'} value={'mixed'}>\n {dvI18n.t('fieldproperties.mixed')}\n </option>\n {this.fontSizes.map(size => (\n <option value={size} selected={this.allElementsSame()?.fontSize === size}>{size}</option>\n ))}\n </select>\n <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>\n </div>\n <div class={'ls-dv-button-group'}>\n <button\n class={{ 'ls-dv-active': this.allElementsSame()?.align === 'left' }}\n onClick={() => {\n this.alter({ align: 'left' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextleft')}\n >\n <ls-icon name=\"menu-alt-2-icon\"></ls-icon>\n </button>\n <button\n class={{ 'ls-dv-active': this.allElementsSame()?.align === 'center' }}\n onClick={() => {\n this.alter({ align: 'center' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextcenter')}\n >\n <ls-icon name=\"menu-alt-5-icon\"></ls-icon>\n </button>\n <button\n class={{ 'ls-dv-active': this.allElementsSame()?.align === 'right' }}\n onClick={() => {\n this.alter({ align: 'right' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextright')}\n >\n <ls-icon name=\"menu-alt-3-icon\"></ls-icon>\n </button>\n </div>\n </div>\n )}\n {this.dataItem && this.dataItem.length === 1 && (\n <div class={'ls-dv-field-format-bar'}>\n <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontfamily')}>\n <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>\n <ls-icon id=\"selectLeadingIcon\" name=\"typeface-icon\"></ls-icon>\n <select\n id=\"ls-toolbar-font-select\"\n onChange={input => {\n this.alter({ fontName: (input.target as HTMLSelectElement).value });\n }}\n class={'ls-dv-has-leading-icon ls-dv-has-trailing-icon'}\n >\n <option value=\"arial\">Arial</option>\n <option value=\"liberation sans\">Liberation Sans</option>\n <option value=\"courier\">Courier</option>\n <option value=\"helvetica\">Helvetica</option>\n <option value=\"verdana\">Verdana</option>\n </select>\n </div>\n <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontsize')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"text-size-icon\"></ls-icon>\n <select\n id=\"ls-toolbar-font-size\"\n onChange={input => {\n this.alter({ fontSize: parseInt((input.target as HTMLSelectElement).value) });\n (input.target as HTMLElement).blur();\n }}\n class={'ls-dv-has-leading-icon ls-dv-has-trailing-icon'}\n >\n {this.fontSizes.map(size => (\n <option value={size} selected={this.dataItem[0].fontSize === size}>{size}</option>\n ))}\n </select>\n <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>\n </div>\n <div class={'ls-dv-button-group'}>\n <button\n class={{ 'ls-dv-active': this.dataItem[0].align === 'left' || !this.dataItem[0].align }}\n onClick={() => {\n this.alter({ align: 'left' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextleft')}\n >\n <ls-icon name=\"menu-alt-2-icon\"></ls-icon>\n </button>\n <button\n class={{ 'ls-dv-active': this.dataItem[0].align === 'center' }}\n onClick={() => {\n this.alter({ align: 'center' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextcenter')}\n >\n <ls-icon name=\"menu-alt-5-icon\"></ls-icon>\n </button>\n <button\n class={{ 'ls-dv-active': this.dataItem[0].align === 'right' }}\n onClick={() => {\n this.alter({ align: 'right' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextright')}\n >\n <ls-icon name=\"menu-alt-3-icon\"></ls-icon>\n </button>\n </div>\n\n {/* <select\n onChange={input => {\n this.alter({ align: (input.target as HTMLSelectElement).value });\n }}\n >\n <option value=\"left\">Left</option>\n <option value=\"center\">Center</option>\n <option value=\"right\">Right</option>\n </select> */}\n </div>\n )}\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}