@verdocs/web-sdk 2.3.31 → 2.3.32

package/dist/verdocs-web-sdk/p-1426c74b.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as s,F as i,H as o,a as r}from"./p-14b44491.js";import{i as a}from"./p-915883e6.js";import"./p-05788c2b.js";import{V as n}from"./p-035f6b38.js";import{u as l}from"./p-feb442b1.js";import{g as d}from"./p-6de76553.js";import{g as h}from"./p-6be44a1e.js";import{g as p}from"./p-34f03fee.js";import{S as c}from"./p-029ae656.js";import"./p-7d5dbd9a.js";import"./p-7648c449.js";import"./p-dc2ad047.js";import"./p-aa124212.js";import"./p-839f6f0d.js";import"./p-c220af42.js";const f=class{constructor(s){e(this,s),this.settingsChanged=t(this,"settingsChanged",7),this.deleted=t(this,"deleted",7),this.fieldStore=null,this.endpoint=n.getDefault(),this.templateid="",this.fieldname="",this.disabled=!1,this.editable=!1,this.moveable=!1,this.done=!1,this.roleindex=0,this.xscale=1,this.yscale=1,this.rerender=0,this.showingProperties=!1}async focusField(){this.inputEl.focus()}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);e&&e.showPanel&&e.showPanel()}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);e&&e.hidePanel&&e.hidePanel()}async componentWillLoad(){this.fieldStore=h(this.templateid)}componentDidRender(){a.dynamicDrop(!0),this.editable&&a(this.el).resizable({edges:{top:!0,bottom:!0,left:!0,right:!0},listeners:{start:this.handleResizeStart.bind(this),move:this.handleResize.bind(this),end:this.handleResizeEnd.bind(this)}})}handleResizeStart(e){e.preventDefault(),e.stopPropagation()}handleResize(e){let{x:t=0,y:s=0,h:i=0}=e.target.dataset,{width:o,height:r}=e.rect;t=(parseFloat(t)||0)+e.deltaRect.left,s=(parseFloat(s)||0)+e.deltaRect.top,i=(parseFloat(i)||0)+e.deltaRect.height,Object.assign(e.target.style,{width:`${o}px`,height:`${r}px`,transform:`translate(${t}px, ${s+i}px)`}),Object.assign(e.target.dataset,{x:t,y:s,h:i})}handleResizeEnd(e){const t=this.fieldStore.get("fields").find((e=>e.name===this.fieldname)),s={...p(t)},[i,o]=e.target.style.transform.split("(")[1].split(")")[0].split(",").map(parseFloat);s.width=Math.round(parseFloat(e.target.style.width)/this.xscale),s.height=Math.round(parseFloat(e.target.style.height)/this.yscale),s.x=Math.round(s.x+i/this.xscale),s.y=Math.round(s.y-o/this.yscale),l(this.endpoint,this.templateid,this.fieldname,{setting:s}).then((t=>{var i;null===(i=this.settingsChanged)||void 0===i||i.emit({fieldName:this.fieldname,settings:s,field:t}),Object.assign(e.target.dataset,{x:0,y:0,h:0})})).catch((e=>console.log("Field update failed",e)))}render(){var e,t;const r=this.fieldStore.get("fields").find((e=>e.name===this.fieldname));if(!r)return s(i,null);const a=p(r),n=null!==(t=null!==(e=this.disabled)&&void 0!==e?e:a.disabled)&&void 0!==t&&t,l=(null==a?void 0:a.result)||"",h=r.rgba||d(this.roleindex);return this.done?s(o,{class:{done:this.done}},a.value):s(o,{class:{required:null==r?void 0:r.required,disabled:n,done:this.done},style:{backgroundColor:h}},s("textarea",{placeholder:a.placeholder||"",tabIndex:a.order,disabled:n,name:r.name,required:null==r?void 0:r.required,ref:e=>this.inputEl=e},l),this.editable&&s(i,null,s("div",{id:`verdocs-settings-panel-trigger-${r.name}`,style:{transform:`scale(${Math.floor(1/this.xscale*1e3)/1e3}, ${Math.floor(1/this.yscale*1e3)/1e3})`},class:"settings-icon",innerHTML:c,onClick:e=>{e.stopPropagation(),this.showingProperties=!this.showingProperties}}),this.showingProperties&&s("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${this.fieldname}`,onClickAway:()=>this.showingProperties=!1},s("verdocs-template-field-properties",{templateId:this.templateid,fieldName:r.name,onClose:()=>this.showingProperties=!1,onDelete:()=>{var e;return null===(e=this.deleted)||void 0===e||e.emit({fieldName:r.name}),this.hideSettingsPanel()},onSettingsChanged:e=>{var t;return null===(t=this.settingsChanged)||void 0===t||t.emit(e.detail),this.hideSettingsPanel()},helpText:"Text areas may be used to create multi-line text fields."}))))}get el(){return r(this)}};f.style='verdocs-field-textarea{width:150px;height:15px;display:block;font-size:11px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textarea.disabled{opacity:0.5}verdocs-field-textarea textarea{cursor:inherit;width:100%;height:100%;resize:none;border:none;outline:none;padding:0 3px;font-size:11px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87)}verdocs-field-textarea textarea.hide{display:none}verdocs-field-textarea.required{border:1px solid #cc0000}verdocs-field-textarea.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-textarea verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-textarea verdocs-button-panel[data-active],verdocs-field-textarea verdocs-button-panel:hover{opacity:1}verdocs-field-textarea verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textarea verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textarea .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.6}verdocs-field-textarea .settings-icon svg{fill:#707ae5}verdocs-field-textarea .settings-icon:hover{opacity:1}';export{f as verdocs_field_textarea}