legalesign-document-viewer 1.0.11 → 1.0.13

package/dist/ls-document-viewer/{p-106a844a.entry.js → p-cbff9ae0.entry.js}

@@ -1,2 +1,2 @@
-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-Al32p_JM.js";import{o as n}from"./p-0WDO8yNX.js";import{o as d}from"./p-BnmDPEuZ.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:"e80d40a3d263c6f6425909c345a65ad3c037232d"},r("div",{key:"51f70dab5d785c99954eaba393ea45b0ea321a82",class:"ls-dv-field-properties-section"},r("div",{key:"ca0ab4e166f13861c19d0dd9be0b35578272473f",class:"ls-dv-field-properties-section-text"},r("p",{key:"2f7a990dade6fb211745847141eff6ce3324a7de",class:"ls-dv-field-properties-section-title"},a.t("dimensions.scaleandresize")),r("p",{key:"9f0c820a6750671c4a74a281e47a62e64cc4863f",class:"ls-dv-field-properties-section-description"},a.t("dimensions.scaleandresizedescription"))),r("div",{key:"eff3bb32e48b11da0c1d3898eabd3687d90ad5a1",class:"ls-dv-button-group"},r("button",{key:"9cc0ae2486c1150c48b9313a3f702c4af1d987df",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:"2d8e86553207bc0c0ef1a14c11c59550ea2d2894",name:"field-scale-icon"})),r("button",{key:"4b7a457fcf94b9cfb66ab2debdff53f480df4971","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:"eee7886f12edf037b529af26b64004978395ae08",name:"field-match-width-icon"})),r("button",{key:"b7ba3f71c71fb248dd1447f028ce645214936df0",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:"cdb9edc6e09e56175108248bd20bdc9675401de5",name:"field-match-height-icon"})))),r("slot",{key:"151a7af2767a740ab11d3448d120f8ba810d34ca"}),r("ls-tooltip",{key:"8926fd0afcfdfd1e93829c751b177f3e880db102",tooltipId:"ls-dv-tooltip"}))}};b.style=p();export{s as ls_field_alignment,f as ls_field_distribute,b as ls_field_size};
-//# sourceMappingURL=p-106a844a.entry.js.map
+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-Al32p_JM.js";import{o as n}from"./p-0WDO8yNX.js";import{o as d}from"./p-D6sbeDib.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:"e80d40a3d263c6f6425909c345a65ad3c037232d"},r("div",{key:"51f70dab5d785c99954eaba393ea45b0ea321a82",class:"ls-dv-field-properties-section"},r("div",{key:"ca0ab4e166f13861c19d0dd9be0b35578272473f",class:"ls-dv-field-properties-section-text"},r("p",{key:"2f7a990dade6fb211745847141eff6ce3324a7de",class:"ls-dv-field-properties-section-title"},a.t("dimensions.scaleandresize")),r("p",{key:"9f0c820a6750671c4a74a281e47a62e64cc4863f",class:"ls-dv-field-properties-section-description"},a.t("dimensions.scaleandresizedescription"))),r("div",{key:"eff3bb32e48b11da0c1d3898eabd3687d90ad5a1",class:"ls-dv-button-group"},r("button",{key:"9cc0ae2486c1150c48b9313a3f702c4af1d987df",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:"2d8e86553207bc0c0ef1a14c11c59550ea2d2894",name:"field-scale-icon"})),r("button",{key:"4b7a457fcf94b9cfb66ab2debdff53f480df4971","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:"eee7886f12edf037b529af26b64004978395ae08",name:"field-match-width-icon"})),r("button",{key:"b7ba3f71c71fb248dd1447f028ce645214936df0",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:"cdb9edc6e09e56175108248bd20bdc9675401de5",name:"field-match-height-icon"})))),r("slot",{key:"151a7af2767a740ab11d3448d120f8ba810d34ca"}),r("ls-tooltip",{key:"8926fd0afcfdfd1e93829c751b177f3e880db102",tooltipId:"ls-dv-tooltip"}))}};b.style=p();export{s as ls_field_alignment,f as ls_field_distribute,b as ls_field_size};
+//# sourceMappingURL=p-cbff9ae0.entry.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "legalesign-document-viewer",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "description": "Legalesign Document Editor/Viewer",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/components/p-0gpJEkuE.js.map

@@ -1 +0,0 @@
-{"file":"p-0gpJEkuE.js","mappings":";;;;;;;;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,88IAA88I,CAAC;;MCQ9+I,yBAAyB,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC5B,IAAA,QAAQ;IACR,QAAQ,GAAY,KAAK;IAEhC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,gCAAgC,EAAuB,EAAA,iBAAA,CAAA,EACnE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAY,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,IAAI,EAAA,CAAE,CAAM,EAClE,CAAqB,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EACzE,CAA8B,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAEjF,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EACtE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-autosign/ls-field-properties-autosign.scss?tag=ls-field-properties-autosign&encapsulation=shadow","src/components/ls-field-properties-autosign/ls-field-properties-autosign.tsx"],"sourcesContent":[":host {\n  display: block;\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}\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\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='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 > :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\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n  tag: 'ls-field-properties-autosign',\n  styleUrl: 'ls-field-properties-autosign.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesAutosign {\n  @Prop() dataItem: LSApiElement;\n  @Prop() readonly: boolean = false;\n \n   render() {\n     return (\n       <Host>\n         <div class={\"ls-dv-field-properties-section\"}>Self Sign Field</div>\n         <div>Label: <input value={this.dataItem?.label} width=\"30\"/></div>\n         <ls-field-dimensions dataItem={this.dataItem} readonly={this.readonly} />\n         <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n\n          <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n         <slot></slot>\n       </Host>\n     );\n   }\n}\n"],"version":3}

package/dist/components/p-nEeIgVD4.js.map

@@ -1 +0,0 @@
-{"file":"p-nEeIgVD4.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-advanced/ls-field-properties-advanced.scss?tag=ls-field-properties-advanced&encapsulation=shadow","src/components/ls-field-properties-advanced/ls-field-properties-advanced.tsx"],"sourcesContent":[":host, .ls-dv-field-set {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  position: relative;\n}\n\n* {\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.ls-dv-expand-fields-row {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.5rem 0.25rem;\n  cursor: pointer;\n  color: $gray-80;\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-expand-fields-row p {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem; /* 150% */\n}\n\n.ls-dv-field-set {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n}\n\n.ls-dv-field-properties-section {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ls-dv-row {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.ls-dv-multi-button-group-row {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ls-dv-field-properties-section-text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n  color: $gray-90;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-field-properties-section-description {\n  overflow: hidden;\n  color: $gray-80;\n  text-overflow: ellipsis;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 0.75rem; /* 120% */\n}\n\n.ls-dv-input-row {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n  width: 9.313rem;\n  max-width: 9.313rem;\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}\n\n.ls-dv-input-wrapper {\n  position: relative;\n  width: 100%;\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#selectLeadingIconDisabled {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-50;\n}\n\n\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\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:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus:not(:disabled),\nselect:focus:not(:disabled),\ntextarea:focus:not(:disabled) {\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:not(:disabled),\nselect:active:not(:disabled),\ntextarea:active:not(:disabled) {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n  color: $gray-50;\n  box-shadow: none;\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  width: 100%;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  width: 100%;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:disabled {\n  background: $gray-10;\n  cursor: not-allowed;\n  color: $gray-50;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\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, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-field-properties-advanced',\n  styleUrl: 'ls-field-properties-advanced.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesAdvanced {\n  @Prop({ mutable: true }) dataItem: LSApiElement | LSApiElement[];\n  @Prop({ mutable: true }) expanded: boolean = false;\n  @Prop() readonly: boolean = false;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement {\n    return (dt as LSApiElement[]).length === undefined;\n  }\n\n  isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[] {\n    return typeof (dt as LSApiElement[]).length === 'number';\n  }\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  // NOTE this alter is debounced to account for typing\n  alter(diff: object, bounceDelay: number = 0) {\n    console.log('Altering advanced props:', diff);\n    let diffs = [];\n    if (this.isMultiple(this.dataItem)) {\n      this.dataItem = this.dataItem.map(di => {\n        return { ...di, ...diff } as LSApiElement;\n      });\n\n      diffs = this.dataItem.map(di => {\n        return { action: 'update', data: { ...di, ...diff } as LSApiElement } as LSMutateEvent;\n      });\n    } else if (this.isSingle(this.dataItem)) {\n      this.dataItem = { ...this.dataItem, ...diff };\n\n      diffs = [{ action: 'update', data: { ...this.dataItem, ...diff } }];\n    }\n\n    if (bounceDelay === 0) {\n      this.mutate.emit(diffs);\n    }\n    else {\n      this.debounce(diffs, bounceDelay);\n    }\n  }\n\n  private titletimer;\n\n  debounce(diffs, delay) {\n    if (this.titletimer) clearTimeout(this.titletimer);\n\n    this.titletimer = setTimeout(() => {\n      this.mutate.emit(diffs);\n    }, delay);\n  }\n\n  getValue(key) {\n    if (this.isMultiple(this.dataItem)) {\n      return '';\n    } else if (this.isSingle(this.dataItem)) {\n      return this.dataItem[key];\n    }\n    return '';\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={'ls-dv-expand-fields-row'} onClick={() => (this.expanded = !this.expanded)}>\n          <ls-icon name={this.expanded ? 'expand-icon' : 'collapse-icon'} size={20} solid />\n          <p>{dvI18n.t('fieldproperties.advancedproperties')}</p>\n        </div>\n        {this.expanded && (\n          <div class={'ls-dv-field-set'}>\n            <ls-props-section sectionTitle={dvI18n.t('fieldproperties.fieldorder')} sectionDescription={dvI18n.t('fieldproperties.fieldorderdescription')}>\n              <input type=\"number\" placeholder={dvI18n.t('fieldproperties.placeholdereg1')} value={this.getValue('fieldOrder')} onInput={e => {\n                console.log(e);\n                this.alter({ fieldOrder: (e.target as HTMLInputElement).value }, 1500)\n              }} \n              onChange={() => { console.log('onchange')}}\n              disabled={this.readonly}\n              />\n            </ls-props-section>\n\n            <ls-props-section sectionTitle={dvI18n.t('fieldproperties.refname')}>\n              <input value={this.getValue('mapTo')} placeholder={dvI18n.t('fieldproperties.placeholdercheckboxgroup')} onInput={e => this.alter({ mapTo: (e.target as HTMLInputElement).value }, 1500)} disabled={this.readonly} />\n            </ls-props-section>\n\n            <ls-props-section sectionTitle={dvI18n.t('fieldproperties.linktype')} sectionDescription={dvI18n.t('fieldproperties.linktypedescription')}>\n              <select onChange={e => this.alter({ logicAction: (e.target as HTMLInputElement).value }, 1500)} name=\"Link Field\" aria-label=\"Link Field\" disabled={this.readonly}>\n                <option value=\"0\" selected={this.getValue('logicAction') === 0}>\n                  {dvI18n.t('fieldproperties.linktypenoption')}\n                </option>\n                <option value=\"1\" selected={this.getValue('logicAction') === 1}>\n                  {dvI18n.t('fieldproperties.linktypeoneofgroup')}\n                </option>\n                <option value=\"2\" selected={this.getValue('logicAction') === 2}>\n                  {dvI18n.t('fieldproperties.linktypeaddtotal')}\n                </option>\n                <option value=\"3\" selected={this.getValue('logicAction') === 3}>\n                  {dvI18n.t('fieldproperties.linktypeconditional')}\n                </option>\n              </select>\n            </ls-props-section>\n\n            <ls-props-section sectionTitle={dvI18n.t('fieldproperties.linkvalue')} sectionDescription={dvI18n.t('fieldproperties.linkvaluedescription')}>\n              <input\n                value={this.getValue('logicGroup')}\n                width=\"30\"\n                placeholder={dvI18n.t('fieldproperties.placeholdercheckboxgroup')}\n                onChange={e => this.alter({ logicGroup: (e.target as HTMLInputElement).value })}\n                disabled={this.readonly}\n              />\n            </ls-props-section>\n\n             <ls-props-section sectionTitle={dvI18n.t('fieldproperties.excludefrompdf')} sectionDescription={dvI18n.t('fieldproperties.excludefrompdfdescription')}>\n              <input\n                type=\"checkbox\"\n                checked={!!this.getValue('excludeFromPdf')}\n                onChange={e => this.alter({ excludeFromPdf: (e.target as HTMLInputElement).checked })}\n                disabled={this.readonly}\n              />\n            </ls-props-section>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}