npm - @verdocs/web-sdk - Versions diffs - 6.10.5 → 6.10.7 - Mend

@verdocs/web-sdk 6.10.5 → 6.10.7

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 (197) hide show

package/dist/esm-es5/verdocs-template-document-page_2.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,o){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,s){function a(e){try{l(o.next(e))}catch(e){s(e)}}function n(e){try{l(o["throw"](e))}catch(e){s(e)}}function l(e){e.done?i(e.value):r(e.value).then(a,n)}l((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,r,s,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=n(0),a["throw"]=n(1),a["return"]=n(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function n(e){return function(t){return l([e,t])}}function l(n){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,n[0]&&(i=0)),i)try{if(o=1,r&&(s=n[0]&2?r["return"]:n[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,n[1])).done)return s;if(r=0,s)n=[n[0]&2,s.value];switch(n[0]){case 0:case 1:s=n;break;case 4:i.label++;return{value:n[1],done:false};case 5:i.label++;r=n[1];n=[0];continue;case 7:n=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(n[0]===6||n[0]===2)){i=0;continue}if(n[0]===3&&(!s||n[1]>s[0]&&n[1]<s[3])){i.label=n[1];break}if(n[0]===6&&i.label<s[1]){i.label=s[1];s=n;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(n);break}if(s[2])i.ops.pop();i.trys.pop();continue}n=t.call(e,i)}catch(e){n=[6,e];r=0}finally{o=s=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,F as Fragment,g as getElement}from"./index-CjTHbolG.js";import{VerdocsEndpoint,getTemplateDocumentPageDisplayUri,getTemplate}from"@verdocs/js-sdk";import{t as throttle,f as getControlStyles,g as getFieldId}from"./utils-Bh3zb1Xs.js";import{S as Store}from"./Datastore-C7hFgM52.js";import{c as createPopper}from"./popper-BfP9ezJQ.js";import"./index-BglCURB-.js";import"./Types-CIxfEdV7.js";var verdocsTemplateDocumentPageCss=function(){return"verdocs-template-document-page{width:100%;position:relative}verdocs-template-document-page .verdocs-template-document-page-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}verdocs-template-document-page .verdocs-template-document-page-layer.img{width:100%}verdocs-template-document-page .placeholder{opacity:0.1;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}"};var VerdocsTemplateDocumentPage=function(){function e(e){registerInstance(this,e);this.pageRendered=createEvent(this,"pageRendered");this.templateListenerId=null;this.endpoint=VerdocsEndpoint.getDefault();this.editable=false;this.disabled=false;this.done=false;this.templateId="";this.documentId="";this.pageNumber=1;this.virtualWidth=612;this.virtualHeight=792;this.layers=[{name:"page",type:"canvas"}];this.containerId="verdocs-document-page-".concat(Math.random().toString(36).substring(2,11));this.renderedWidth=this.virtualWidth;this.renderedHeight=this.virtualHeight;this.naturalWidth=this.virtualWidth;this.naturalHeight=this.virtualHeight;this.aspectRatio=this.virtualWidth/this.virtualHeight;this.skipFirstNotification=true;this.pageDisplayUri="";this.xScale=1;this.yScale=1;this.loading=true;this.template=null}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:e=this;return[4,getTemplateDocumentPageDisplayUri(this.endpoint,this.documentId,this.pageNumber)];case 1:e.pageDisplayUri=t.sent();this.listenToTemplate();return[2]}}))}))};e.prototype.componentDidLoad=function(){var e=this;this.resizeObserver=new ResizeObserver(throttle((function(t){for(var i=0,o=t;i<o.length;i++){var r=o[i];var s=r.contentRect.width;e.renderedWidth=s;e.renderedHeight=e.virtualHeight*(s/e.virtualWidth)}e.notifyRenderedSize()}),100));this.resizeObserver.observe(this.container)};e.prototype.componentDidUpdate=function(){this.notifyRenderedSize()};e.prototype.disconnectedCallback=function(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.unlistenToTemplate()};e.prototype.listenToTemplate=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){this.unlistenToTemplate();Store.subscribe("templates",this.templateId,(function(){return getTemplate(e.endpoint,e.templateId)}),false,(function(t){e.template=t;e.loading=false}));return[2]}))}))};e.prototype.unlistenToTemplate=function(){if(this.templateListenerId){Store.store.delListener(this.templateListenerId);this.templateListenerId=null}};e.prototype.notifyRenderedSize=function(){if(this.skipFirstNotification){this.skipFirstNotification=false;return}var e=this.renderedWidth/this.virtualWidth;if(this.xScale!==e){this.xScale=e}var t=this.renderedHeight/this.virtualHeight;if(this.yScale!==t){this.yScale=t}this.pageRendered.emit({containerId:this.containerId,documentId:this.documentId,pageNumber:this.pageNumber,virtualWidth:this.virtualWidth,virtualHeight:this.virtualHeight,renderedWidth:this.renderedWidth,renderedHeight:this.renderedHeight,naturalWidth:this.naturalWidth,naturalHeight:this.naturalHeight,aspectRatio:this.aspectRatio,xScale:e,yScale:t})};e.prototype.render=function(){var e=this;if(this.loading){return h(Host,null,h("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",class:"placeholder",alt:"Placeholder page"}))}var t="".concat(this.renderedHeight,"px");return h(Host,{id:"".concat(this.containerId),style:{height:t,flex:"0 0 ".concat(t)}},this.layers.map((function(i){var o;return i.type==="div"?h("div",{class:"verdocs-template-document-page-layer",id:"".concat(e.containerId,"-").concat(i.name),style:{height:t}},i.name==="controls"&&(((o=e.template)===null||o===void 0?void 0:o.fields)||[]).filter((function(t){return t&&t.document_id===e.documentId&&t.page===e.pageNumber})).map((function(t){var i,o;var r=getFieldId(t);var s=t.name,a=t.type,n=t.multiline;var l=e,c=l.xScale,d=l.yScale,u=l.templateId,p=l.editable,f=l.disabled,m=l.done,v=l.pageNumber;if(((i=t["setting"])===null||i===void 0?void 0:i.leading)>0||((o=t["settings"])===null||o===void 0?void 0:o.leading)>0){a="textarea";n=true}switch(a){case"textbox":return h("verdocs-field-textbox",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,multiline:n,disabled:f,done:m,xscale:c,yscale:d,pagenumber:v,isPreview:true,style:getControlStyles(t,c,d)});case"textarea":return h("verdocs-field-textarea",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,disabled:f,done:m,xscale:c,yscale:d,pagenumber:v,isPreview:true,style:getControlStyles(t,c,d)});case"date":return h("verdocs-field-date",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,disabled:f,done:m,xscale:c,yscale:d,pagenumber:v,isPreview:true,style:getControlStyles(t,c,d)});case"attachment":return h("verdocs-field-attachment",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,disabled:f,done:m,xscale:c,yscale:d,pagenumber:v,isPreview:true,style:getControlStyles(t,c,d)});case"dropdown":return h("verdocs-field-dropdown",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,disabled:f,done:m,xscale:c,yscale:d,pagenumber:v,isPreview:true,style:getControlStyles(t,c,d)});case"initial":return h("verdocs-field-initial",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,disabled:f,done:m,xscale:c,yscale:d,pagenumber:v,isPreview:true,style:getControlStyles(t,c,d)});case"signature":return h("verdocs-field-signature",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,disabled:f,done:m,xscale:c,yscale:d,pagenumber:v,isPreview:true,style:getControlStyles(t,e.xScale,e.yScale)});case"timestamp":return h("verdocs-field-timestamp",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,disabled:f,done:m,xscale:c,yscale:d,pagenumber:v,isPreview:true,style:getControlStyles(t,c,d)});case"checkbox":return h("verdocs-field-checkbox",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,disabled:f,done:m,xscale:c,yscale:d,pagenumber:v,isPreview:true,style:getControlStyles(t,c,d)});case"radio":return h("verdocs-field-radio",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,disabled:f,done:m,xscale:c,yscale:d,pagenumber:v,isPreview:true,style:getControlStyles(t,c,d)});default:return h(Fragment,null,s)}}))):e.pageDisplayUri?h("img",{class:"verdocs-template-document-page-layer img",id:"".concat(e.containerId,"-").concat(i.name),src:e.pageDisplayUri,alt:"Page ".concat(e.pageNumber),"aria-hidden":true,loading:"lazy",onLoad:function(t){e.naturalWidth=t.target.naturalWidth;e.naturalHeight=t.target.naturalHeight;e.aspectRatio=e.naturalWidth/e.naturalHeight;e.virtualHeight=e.virtualWidth/e.aspectRatio;e.renderedHeight=t.target.offsetWidth/e.aspectRatio}}):h("div",null)})))};Object.defineProperty(e.prototype,"container",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();VerdocsTemplateDocumentPage.style=verdocsTemplateDocumentPageCss();var verdocsToolbarIconCss=function(){return'verdocs-toolbar-icon{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:relative;border-radius:4px;z-index:20000;white-space:nowrap}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]{padding:3px 10px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-1px}'};var VerdocsToolbarIcon=function(){function e(e){registerInstance(this,e);this.text="";this.icon="";this.placement="bottom";this.containerId="verdocs-toolbar-icon-".concat(Math.random().toString(36).substring(2,11))}e.prototype.componentDidLoad=function(){this.popperInstance=createPopper(this.iconEl,this.tooltip,{placement:this.placement,modifiers:this.placement==="left"?[{name:"offset",options:{offset:[0,20]}}]:[]})};e.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};e.prototype.show=function(){var e,t;(e=this.tooltip)===null||e===void 0?void 0:e.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((function(){}))};e.prototype.hide=function(){var e;(e=this.tooltip)===null||e===void 0?void 0:e.removeAttribute("data-show")};e.prototype.render=function(){var e=this;return h(Host,{key:"56dd7cebb5a2761547a5e24ec76652f7052906b2",class:{}},h("div",{key:"8d2f5e8578bdf5b25db200406460d9e2724c168e","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:function(){return e.show()},onFocus:function(){return e.show()},onMouseLeave:function(){return e.hide()},onBlur:function(){return e.hide()},ref:function(t){return e.iconEl=t}}),h("div",{key:"371c80cf2be530cf3fd8ddb7308fd30f65f3b3f4",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":this.placement,ref:function(t){return e.tooltip=t}},this.text,h("div",{key:"39b43e589f2b52f1658562e79a3d6388478bdcbe","data-popper-arrow":"true",class:"arrow"})))};return e}();VerdocsToolbarIcon.style=verdocsToolbarIconCss();export{VerdocsTemplateDocumentPage as verdocs_template_document_page,VerdocsToolbarIcon as verdocs_toolbar_icon};
+var __awaiter=this&&this.__awaiter||function(e,t,o,i){function r(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,s){function a(e){try{l(i.next(e))}catch(e){s(e)}}function n(e){try{l(i["throw"](e))}catch(e){s(e)}}function l(e){e.done?o(e.value):r(e.value).then(a,n)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,r,s,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=n(0),a["throw"]=n(1),a["return"]=n(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function n(e){return function(t){return l([e,t])}}function l(n){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,n[0]&&(o=0)),o)try{if(i=1,r&&(s=n[0]&2?r["return"]:n[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,n[1])).done)return s;if(r=0,s)n=[n[0]&2,s.value];switch(n[0]){case 0:case 1:s=n;break;case 4:o.label++;return{value:n[1],done:false};case 5:o.label++;r=n[1];n=[0];continue;case 7:n=o.ops.pop();o.trys.pop();continue;default:if(!(s=o.trys,s=s.length>0&&s[s.length-1])&&(n[0]===6||n[0]===2)){o=0;continue}if(n[0]===3&&(!s||n[1]>s[0]&&n[1]<s[3])){o.label=n[1];break}if(n[0]===6&&o.label<s[1]){o.label=s[1];s=n;break}if(s&&o.label<s[2]){o.label=s[2];o.ops.push(n);break}if(s[2])o.ops.pop();o.trys.pop();continue}n=t.call(e,o)}catch(e){n=[6,e];r=0}finally{i=s=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,F as Fragment,g as getElement}from"./index-CjTHbolG.js";import{VerdocsEndpoint,getTemplateDocumentPageDisplayUri,getTemplate}from"@verdocs/js-sdk";import{t as throttle,f as getControlStyles,g as getFieldId}from"./utils-Bh3zb1Xs.js";import{S as Store}from"./Datastore-C7hFgM52.js";import{c as createPopper}from"./popper-BfP9ezJQ.js";import"./index-BglCURB-.js";import"./Types-CIxfEdV7.js";var verdocsTemplateDocumentPageCss=function(){return"verdocs-template-document-page{width:100%;position:relative}verdocs-template-document-page .verdocs-template-document-page-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}verdocs-template-document-page .verdocs-template-document-page-layer.img{width:100%}verdocs-template-document-page .placeholder{opacity:0.1;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}"};var VerdocsTemplateDocumentPage=function(){function e(e){registerInstance(this,e);this.pageRendered=createEvent(this,"pageRendered");this.templateListenerId=null;this.endpoint=VerdocsEndpoint.getDefault();this.editable=false;this.disabled=false;this.done=false;this.templateId="";this.documentId="";this.pageNumber=1;this.virtualWidth=612;this.virtualHeight=792;this.layers=[{name:"page",type:"canvas"}];this.containerId="verdocs-document-page-".concat(Math.random().toString(36).substring(2,11));this.renderedWidth=this.virtualWidth;this.renderedHeight=this.virtualHeight;this.naturalWidth=this.virtualWidth;this.naturalHeight=this.virtualHeight;this.aspectRatio=this.virtualWidth/this.virtualHeight;this.skipFirstNotification=true;this.pageDisplayUri="";this.xScale=1;this.yScale=1;this.loading=true;this.template=null}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:e=this;return[4,getTemplateDocumentPageDisplayUri(this.endpoint,this.documentId,this.pageNumber)];case 1:e.pageDisplayUri=t.sent();this.listenToTemplate();return[2]}}))}))};e.prototype.componentDidLoad=function(){var e=this;this.resizeObserver=new ResizeObserver(throttle((function(t){for(var o=0,i=t;o<i.length;o++){var r=i[o];var s=r.contentRect.width;e.renderedWidth=s;e.renderedHeight=e.virtualHeight*(s/e.virtualWidth)}e.notifyRenderedSize()}),100));this.resizeObserver.observe(this.container)};e.prototype.componentDidUpdate=function(){this.notifyRenderedSize()};e.prototype.disconnectedCallback=function(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.unlistenToTemplate()};e.prototype.listenToTemplate=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){this.unlistenToTemplate();Store.subscribe("templates",this.templateId,(function(){return getTemplate(e.endpoint,e.templateId)}),false,(function(t){e.template=t;e.loading=false}));return[2]}))}))};e.prototype.unlistenToTemplate=function(){if(this.templateListenerId){Store.store.delListener(this.templateListenerId);this.templateListenerId=null}};e.prototype.notifyRenderedSize=function(){if(this.skipFirstNotification){this.skipFirstNotification=false;return}var e=this.renderedWidth/this.virtualWidth;if(this.xScale!==e){this.xScale=e}var t=this.renderedHeight/this.virtualHeight;if(this.yScale!==t){this.yScale=t}this.pageRendered.emit({containerId:this.containerId,documentId:this.documentId,pageNumber:this.pageNumber,virtualWidth:this.virtualWidth,virtualHeight:this.virtualHeight,renderedWidth:this.renderedWidth,renderedHeight:this.renderedHeight,naturalWidth:this.naturalWidth,naturalHeight:this.naturalHeight,aspectRatio:this.aspectRatio,xScale:e,yScale:t})};e.prototype.render=function(){var e=this;if(this.loading){return h(Host,null,h("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",class:"placeholder",alt:"Placeholder page"}))}var t="".concat(this.renderedHeight,"px");return h(Host,{id:"".concat(this.containerId),style:{height:t,flex:"0 0 ".concat(t)}},this.layers.map((function(o){var i;return o.type==="div"?h("div",{class:"verdocs-template-document-page-layer",id:"".concat(e.containerId,"-").concat(o.name),style:{height:t}},o.name==="controls"&&(((i=e.template)===null||i===void 0?void 0:i.fields)||[]).filter((function(t){return t&&t.document_id===e.documentId&&t.page===e.pageNumber})).map((function(t){var o,i;var r=getFieldId(t);var s=t.name,a=t.type,n=t.multiline;var l=e,c=l.xScale,d=l.yScale,u=l.templateId,p=l.editable,f=l.disabled,m=l.done,b=l.pageNumber;if(((o=t["setting"])===null||o===void 0?void 0:o.leading)>0||((i=t["settings"])===null||i===void 0?void 0:i.leading)>0){a="textarea";n=true}switch(a){case"textbox":return h("verdocs-field-textbox",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,multiline:n,disabled:f,done:m,xscale:c,yscale:d,pagenumber:b,isPreview:true,style:getControlStyles(t,c,d)});case"textarea":return h("verdocs-field-textarea",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,disabled:f,done:m,xscale:c,yscale:d,pagenumber:b,isPreview:true,style:getControlStyles(t,c,d)});case"date":return h("verdocs-field-date",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,disabled:f,done:m,xscale:c,yscale:d,pagenumber:b,isPreview:true,style:getControlStyles(t,c,d)});case"attachment":return h("verdocs-field-attachment",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,disabled:f,done:m,xscale:c,yscale:d,pagenumber:b,isPreview:true,style:getControlStyles(t,c,d)});case"dropdown":return h("verdocs-field-dropdown",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,disabled:f,done:m,xscale:c,yscale:d,pagenumber:b,isPreview:true,style:getControlStyles(t,c,d)});case"initial":return h("verdocs-field-initial",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,disabled:f,done:m,xscale:c,yscale:d,pagenumber:b,isPreview:true,style:getControlStyles(t,c,d)});case"signature":return h("verdocs-field-signature",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,disabled:f,done:m,xscale:c,yscale:d,pagenumber:b,isPreview:true,style:getControlStyles(t,e.xScale,e.yScale)});case"timestamp":return h("verdocs-field-timestamp",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,disabled:f,done:m,xscale:c,yscale:d,pagenumber:b,isPreview:true,style:getControlStyles(t,c,d)});case"checkbox":return h("verdocs-field-checkbox",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,disabled:f,done:m,xscale:c,yscale:d,pagenumber:b,isPreview:true,style:getControlStyles(t,c,d)});case"radio":return h("verdocs-field-radio",{id:r,fieldname:s,source:"template",sourceid:u,editable:p,disabled:f,done:m,xscale:c,yscale:d,pagenumber:b,isPreview:true,style:getControlStyles(t,c,d)});default:return h(Fragment,null,s)}}))):e.pageDisplayUri?h("img",{class:"verdocs-template-document-page-layer img",id:"".concat(e.containerId,"-").concat(o.name),src:e.pageDisplayUri,alt:"Page ".concat(e.pageNumber),"aria-hidden":true,loading:"lazy",onLoad:function(t){e.naturalWidth=t.target.naturalWidth;e.naturalHeight=t.target.naturalHeight;e.aspectRatio=e.naturalWidth/e.naturalHeight;e.virtualHeight=e.virtualWidth/e.aspectRatio;e.renderedHeight=t.target.offsetWidth/e.aspectRatio}}):h("div",null)})))};Object.defineProperty(e.prototype,"container",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();VerdocsTemplateDocumentPage.style=verdocsTemplateDocumentPageCss();var verdocsToolbarIconCss=function(){return'verdocs-toolbar-icon{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:absolute;pointer-events:none;border-radius:4px;z-index:20000;white-space:nowrap}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]{padding:3px 10px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-1px}'};var VerdocsToolbarIcon=function(){function e(e){registerInstance(this,e);this.text="";this.icon="";this.placement="bottom";this.containerId="verdocs-toolbar-icon-".concat(Math.random().toString(36).substring(2,11))}e.prototype.componentDidLoad=function(){this.popperInstance=createPopper(this.iconEl,this.tooltip,{placement:this.placement,modifiers:this.placement==="left"?[{name:"offset",options:{offset:[0,20]}}]:[]})};e.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};e.prototype.show=function(){var e,t;(e=this.tooltip)===null||e===void 0?void 0:e.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((function(){}))};e.prototype.hide=function(){var e;(e=this.tooltip)===null||e===void 0?void 0:e.removeAttribute("data-show")};e.prototype.render=function(){var e=this;return h(Host,{key:"56dd7cebb5a2761547a5e24ec76652f7052906b2",class:{}},h("div",{key:"8d2f5e8578bdf5b25db200406460d9e2724c168e","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:function(){return e.show()},onFocus:function(){return e.show()},onMouseLeave:function(){return e.hide()},onBlur:function(){return e.hide()},ref:function(t){return e.iconEl=t}}),h("div",{key:"371c80cf2be530cf3fd8ddb7308fd30f65f3b3f4",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":this.placement,ref:function(t){return e.tooltip=t}},this.text,h("div",{key:"39b43e589f2b52f1658562e79a3d6388478bdcbe","data-popper-arrow":"true",class:"arrow"})))};return e}();VerdocsToolbarIcon.style=verdocsToolbarIconCss();export{VerdocsTemplateDocumentPage as verdocs_template_document_page,VerdocsToolbarIcon as verdocs_toolbar_icon};
 //# sourceMappingURL=verdocs-template-document-page_2.entry.js.map

package/dist/esm-es5/verdocs-template-document-page_2.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["verdocsTemplateDocumentPageCss","VerdocsTemplateDocumentPage","class_1","hostRef","this","templateListenerId","endpoint","VerdocsEndpoint","getDefault","editable","disabled","done","templateId","documentId","pageNumber","virtualWidth","virtualHeight","layers","name","type","containerId","concat","Math","random","toString","substring","renderedWidth","renderedHeight","naturalWidth","naturalHeight","aspectRatio","skipFirstNotification","pageDisplayUri","xScale","yScale","loading","template","prototype","componentWillLoad","_c","getTemplateDocumentPageDisplayUri","_d","sent","listenToTemplate","componentDidLoad","_this","resizeObserver","ResizeObserver","throttle","entries","_i","entries_1","length","entry","contentRect","width","notifyRenderedSize","observe","container","componentDidUpdate","disconnectedCallback","_a","disconnect","unlistenToTemplate","Store","subscribe","getTemplate","store","delListener","pageRendered","emit","render","h","Host","src","class","alt","height","id","style","flex","map","layer","fields","filter","field","document_id","page","getFieldId","multiline","leading","_b","fieldname","source","sourceid","xscale","yscale","pagenumber","isPreview","getControlStyles","Fragment","onLoad","e","target","offsetWidth","verdocsToolbarIconCss","VerdocsToolbarIcon","text","icon","placement","popperInstance","createPopper","iconEl","tooltip","modifiers","options","offset","destroy","show","setAttribute","update","catch","hide","removeAttribute","key","innerHTML","onMouseEnter","onFocus","onMouseLeave","onBlur","ref","el","role"],"sources":["src/components/templates/verdocs-template-document-page/verdocs-template-document-page.scss?tag=verdocs-template-document-page","src/components/templates/verdocs-template-document-page/verdocs-template-document-page.tsx","src/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.scss?tag=verdocs-toolbar-icon","src/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-document-page {\n width: 100%;\n position: relative;\n\n .verdocs-template-document-page-layer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n box-shadow: 0 0 10px 5px #0000000f;\n\n &.img {\n width: 100%;\n }\n }\n\n .placeholder {\n opacity: 0.1;\n width: 612px;\n height: 792px;\n box-shadow: 0 0 10px 5px #0000000f;\n }\n}\n","// NOTE: This component does not have a story because it's not intended for external use.\n\nimport {getTemplate, getTemplateDocumentPageDisplayUri, type ITemplate, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Host, Prop, Event, EventEmitter, State, Element, Fragment} from '@stencil/core';\nimport {IDocumentPageInfo, IPageLayer} from '../../../utils/Types';\nimport {getControlStyles, getFieldId} from '../../../utils/utils';\nimport {throttle} from '../../../utils/utils';\nimport {Store} from '../../../utils/Datastore';\n\n/*\n Represents one document page. This is primarily a layout container used to coordinate positions of\n * page-related layers such as the page itself, signature fields, etc. It is not intended to be used\n * on its own as an individual component.\n /\n@Component({\n tag: 'verdocs-template-document-page',\n styleUrl: 'verdocs-template-document-page.scss',\n shadow: false,\n})\nexport class VerdocsTemplateDocumentPage {\n private templateListenerId = null;\n private resizeObserver: ResizeObserver;\n\n @Element() container: HTMLElement;\n\n /\n The endpoint to load from.\n /\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /\n Whether the fields should be editable (Builder)\n /\n @Prop() editable = false;\n\n /\n Whether the fields should be disabled (Builder)\n /\n @Prop() disabled = false;\n\n /\n Whether the field are interactable (done/submitted disables this)\n /\n @Prop() done = false;\n\n /\n The ID of the template the document is for.\n /\n @Prop({reflect: true}) templateId: string = '';\n\n /\n The ID of the document to display.\n /\n @Prop({reflect: true}) documentId: string = '';\n\n /\n The page number being rendered. (Reminder: page numbers are 1-based.)\n /\n @Prop({reflect: true}) pageNumber: number = 1;\n\n /\n The \"virtual\" width of the page canvas. Defaults to 612 which at 72dpi is 8.5\" wide. This is used to compute\n * the aspect ratio of the final rendered element when scaling up/down.\n /\n @Prop() virtualWidth: number = 612;\n\n /\n The \"virtual\" height of the page canvas. Defaults to 792 which at 72dpi is 11\" tall. This is used to compute\n * the aspect ratio of the final rendered element when scaling up/down.\n /\n @Prop({mutable: true}) virtualHeight: number = 792;\n\n /\n The layers that will be rendered. The DOM structure will be a DIV container with one child DIV for each layer.\n * The parent DIV will have a unique ID, and each child DIV will have that ID with the layer name appended, e.g.\n * if `pages` was ['page', 'fields'] the structure will be:\n \n ```\n * <div id=\"verdocs-document-page-ker2fr1p9\">\n * <div id=\"verdocs-document-page-ker2fr1p9-page\"></div>\n * <div id=\"verdocs-document-page-ker2fr1p9-fields\"></div>\n * </div>\n * ```\n /\n @Prop() layers: IPageLayer[] = [{name: 'page', type: 'canvas'}];\n\n /\n Fired when a page has been rendered. This is also fired when the page is resized.\n /\n @Event() pageRendered: EventEmitter<IDocumentPageInfo>;\n\n @State() containerId = `verdocs-document-page-${Math.random().toString(36).substring(2, 11)}`;\n @State() renderedWidth: number = this.virtualWidth;\n @State() renderedHeight: number = this.virtualHeight;\n @State() naturalWidth: number = this.virtualWidth;\n @State() naturalHeight: number = this.virtualHeight;\n @State() aspectRatio: number = this.virtualWidth / this.virtualHeight;\n @State() skipFirstNotification = true;\n @State() pageDisplayUri = '';\n @State() xScale = 1;\n @State() yScale = 1;\n\n @State() loading = true;\n @State() template: ITemplate \| null = null;\n\n async componentWillLoad() {\n this.pageDisplayUri = await getTemplateDocumentPageDisplayUri(this.endpoint, this.documentId, this.pageNumber);\n this.listenToTemplate();\n }\n\n componentDidLoad() {\n this.resizeObserver = new ResizeObserver(\n throttle(entries => {\n for (const entry of entries) {\n const renderedWidth = entry.contentRect.width;\n this.renderedWidth = renderedWidth;\n this.renderedHeight = this.virtualHeight (renderedWidth / this.virtualWidth);\n }\n\n this.notifyRenderedSize();\n }, 100),\n );\n\n this.resizeObserver.observe(this.container);\n }\n\n componentDidUpdate() {\n // This is fired when fields are updated and triggers the parent to re-attach behaviors like drag-and-drop\n this.notifyRenderedSize();\n }\n\n disconnectedCallback() {\n this.resizeObserver?.disconnect();\n this.unlistenToTemplate();\n }\n\n async listenToTemplate() {\n this.unlistenToTemplate();\n Store.subscribe(\n 'templates',\n this.templateId,\n () => getTemplate(this.endpoint, this.templateId),\n false,\n (template: ITemplate) => {\n this.template = template;\n this.loading = false;\n },\n );\n }\n\n unlistenToTemplate() {\n if (this.templateListenerId) {\n Store.store.delListener(this.templateListenerId);\n this.templateListenerId = null;\n }\n }\n\n notifyRenderedSize() {\n // We skip one notification because by default we will always get at least two, one when rendering the initial size\n // and a second once we're able to compute the scale size, when the resizeObserver sets renderedWidth/renderedHeight.\n if (this.skipFirstNotification) {\n this.skipFirstNotification = false;\n return;\n }\n\n const xScale = this.renderedWidth / this.virtualWidth;\n if (this.xScale !== xScale) {\n this.xScale = xScale;\n }\n\n const yScale = this.renderedHeight / this.virtualHeight;\n if (this.yScale !== yScale) {\n this.yScale = yScale;\n }\n\n this.pageRendered.emit({\n // container: this.container,\n containerId: this.containerId,\n documentId: this.documentId,\n pageNumber: this.pageNumber,\n virtualWidth: this.virtualWidth,\n virtualHeight: this.virtualHeight,\n renderedWidth: this.renderedWidth,\n renderedHeight: this.renderedHeight,\n naturalWidth: this.naturalWidth,\n naturalHeight: this.naturalHeight,\n aspectRatio: this.aspectRatio,\n xScale,\n yScale,\n });\n }\n\n render() {\n if (this.loading) {\n return (\n <Host>\n <img src=\"https://public-assets.verdocs.com/loading-placeholder.png\" class=\"placeholder\" alt=\"Placeholder page\" />\n </Host>\n );\n }\n\n const height = `${this.renderedHeight}px`;\n\n return (\n <Host id={`${this.containerId}`} style={{height, flex: `0 0 ${height}`}}>\n {this.layers.map(layer =>\n layer.type === 'div' ? (\n <div class=\"verdocs-template-document-page-layer\" id={`${this.containerId}-${layer.name}`} style={{height}}>\n {layer.name === 'controls' &&\n (this.template?.fields \|\| [])\n .filter(field => field && field.document_id === this.documentId && field.page === this.pageNumber)\n .map(field => {\n const id = getFieldId(field);\n let {name, type, multiline} = field;\n const {xScale, yScale, templateId, editable, disabled, done, pageNumber} = this;\n if (field['setting']?.leading > 0 \|\| field['settings']?.leading > 0) {\n type = 'textarea';\n multiline = true;\n }\n switch (type as any) {\n case 'textbox':\n return (\n <verdocs-field-textbox\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n multiline={multiline}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, xScale, yScale)}\n />\n );\n case 'textarea':\n return (\n <verdocs-field-textarea\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, xScale, yScale)}\n />\n );\n case 'date':\n return (\n <verdocs-field-date\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, xScale, yScale)}\n />\n );\n case 'attachment':\n return (\n <verdocs-field-attachment\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, xScale, yScale)}\n />\n );\n case 'dropdown':\n return (\n <verdocs-field-dropdown\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, xScale, yScale)}\n />\n );\n case 'initial':\n return (\n <verdocs-field-initial\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, xScale, yScale)}\n />\n );\n case 'signature':\n return (\n <verdocs-field-signature\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, this.xScale, this.yScale)}\n />\n );\n case 'timestamp':\n return (\n <verdocs-field-timestamp\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, xScale, yScale)}\n />\n );\n case 'checkbox':\n return (\n <verdocs-field-checkbox\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, xScale, yScale)}\n />\n );\n case 'radio':\n return (\n <verdocs-field-radio\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, xScale, yScale)}\n />\n );\n default:\n return <Fragment>{name}</Fragment>;\n }\n })}\n </div>\n ) : this.pageDisplayUri ? (\n <img\n class=\"verdocs-template-document-page-layer img\"\n id={`${this.containerId}-${layer.name}`}\n src={this.pageDisplayUri}\n alt={`Page ${this.pageNumber}`}\n aria-hidden={true}\n loading=\"lazy\"\n onLoad={(e: any) => {\n // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that\n // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).\n // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values\n // for a field are based on the responsive Web view the Template editor was seeing. The IMG was scaled down there in the\n // exact same way, so we just honor it. We capture the natural width and height here more as information. Then we use the\n // aspect ratio to adjust the \"virtual\" height in case the page is not 8.5\"x11\".\n // TODO: Store this in the DB with each page.\n this.naturalWidth = e.target.naturalWidth;\n this.naturalHeight = e.target.naturalHeight;\n this.aspectRatio = this.naturalWidth / this.naturalHeight;\n this.virtualHeight = this.virtualWidth / this.aspectRatio;\n this.renderedHeight = e.target.offsetWidth / this.aspectRatio;\n }}\n />\n ) : (\n <div></div>\n ),\n )}\n </Host>\n );\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-toolbar-icon {\n font-family: $verdocs-primary-font;\n //display: inline-block;\n display: flex;\n position: relative;\n align-items: center;\n justify-content: center;\n\n .icon {\n display: inline-block;\n cursor: pointer;\n\n svg {\n fill: $choice-available-color;\n }\n }\n\n .tooltip {\n display: none;\n box-shadow: 0 0 10px 1px #999999;\n background: #ffffff;\n color: $label-color;\n max-width: 240px;\n font-weight: bold;\n padding: 5px 10px;\n font-size: 13px;\n position: relative;\n border-radius: 4px;\n z-index: 20000;\n white-space: nowrap;\n\n .arrow,\n .arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n }\n\n .arrow {\n visibility: hidden;\n top: -4px;\n }\n\n .arrow::before {\n visibility: visible;\n content: '';\n transform: rotate(45deg);\n }\n\n &[data-show] {\n display: block;\n }\n\n &[data-popper-placement^='top'] > .arrow {\n bottom: -4px;\n }\n\n &[data-popper-placement^='bottom'] > .arrow {\n top: -4px;\n }\n\n &[data-popper-placement^='left'] > .arrow {\n right: -4px;\n }\n\n &[data-popper-placement^='right'] > .arrow {\n left: -4px;\n }\n\n // For the floating menu\n &[data-popper-placement^='left'] {\n //margin-right: 22px !important;\n padding: 3px 10px;\n\n & > .arrow {\n right: -1px;\n }\n }\n }\n}\n","import {createPopper, Instance} from '@popperjs/core';\nimport {Component, h, Host, Prop, State} from '@stencil/core';\nimport {Placement} from '@popperjs/core/lib/enums';\n// import {Component, Event, EventEmitter, h, Host, Prop, State} from '@stencil/core';\n\n/*\n Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.\n \n ```ts\n * <verdocs-toolbar-icon text=\"Sample tooltip text\" icon={CalendarIcon} />\n * ```\n /\n@Component({\n tag: 'verdocs-toolbar-icon',\n styleUrl: 'verdocs-toolbar-icon.scss',\n shadow: false,\n})\nexport class VerdocsToolbarIcon {\n iconEl: HTMLDivElement;\n tooltip: HTMLDivElement;\n popperInstance: Instance;\n\n /\n Help text to display on hover/focus\n /\n @Prop() text: string = '';\n\n /\n SVG icon to display\n /\n @Prop() icon: string = '';\n\n /\n Override the Popper \"placement\" setting\n /\n @Prop() placement: Placement = 'bottom';\n\n /\n Triggered when the icon is pressed\n */\n // @Event({composed: true}) press: EventEmitter;\n\n @State() containerId = `verdocs-toolbar-icon-${Math.random().toString(36).substring(2, 11)}`;\n\n componentDidLoad() {\n this.popperInstance = createPopper(this.iconEl, this.tooltip, {\n placement: this.placement,\n modifiers: this.placement === 'left' ? [{name: 'offset', options: {offset: [0, 20]}}] : [],\n });\n // placement: 'top-end',\n // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],\n // });\n }\n\n disconnectedCallback() {\n if (this.popperInstance) {\n this.popperInstance.destroy();\n this.popperInstance = null;\n }\n }\n\n show() {\n this.tooltip?.setAttribute('data-show', '');\n this.popperInstance?.update().catch(() => {});\n }\n\n hide() {\n this.tooltip?.removeAttribute('data-show');\n }\n\n // handlePress() {\n // this.press?.emit();\n // }\n\n render() {\n return (\n <Host class={{}}>\n <div\n aria-describedby={this.containerId}\n class=\"icon\"\n innerHTML={this.icon}\n onMouseEnter={() => this.show()}\n onFocus={() => this.show()}\n onMouseLeave={() => this.hide()}\n onBlur={() => this.hide()}\n ref={el => (this.iconEl = el as HTMLDivElement)}\n />\n <div id={this.containerId} role=\"tooltip\" class=\"tooltip\" data-popper-placement={this.placement} ref={el => (this.tooltip = el as HTMLDivElement)}>\n {this.text}\n <div data-popper-arrow=\"true\" class=\"arrow\" />\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["verdocsTemplateDocumentPageCss","VerdocsTemplateDocumentPage","class_1","hostRef","this","templateListenerId","endpoint","VerdocsEndpoint","getDefault","editable","disabled","done","templateId","documentId","pageNumber","virtualWidth","virtualHeight","layers","name","type","containerId","concat","Math","random","toString","substring","renderedWidth","renderedHeight","naturalWidth","naturalHeight","aspectRatio","skipFirstNotification","pageDisplayUri","xScale","yScale","loading","template","prototype","componentWillLoad","_c","getTemplateDocumentPageDisplayUri","_d","sent","listenToTemplate","componentDidLoad","_this","resizeObserver","ResizeObserver","throttle","entries","_i","entries_1","length","entry","contentRect","width","notifyRenderedSize","observe","container","componentDidUpdate","disconnectedCallback","_a","disconnect","unlistenToTemplate","Store","subscribe","getTemplate","store","delListener","pageRendered","emit","render","h","Host","src","class","alt","height","id","style","flex","map","layer","fields","filter","field","document_id","page","getFieldId","multiline","leading","_b","fieldname","source","sourceid","xscale","yscale","pagenumber","isPreview","getControlStyles","Fragment","onLoad","e","target","offsetWidth","verdocsToolbarIconCss","VerdocsToolbarIcon","text","icon","placement","popperInstance","createPopper","iconEl","tooltip","modifiers","options","offset","destroy","show","setAttribute","update","catch","hide","removeAttribute","key","innerHTML","onMouseEnter","onFocus","onMouseLeave","onBlur","ref","el","role"],"sources":["src/components/templates/verdocs-template-document-page/verdocs-template-document-page.scss?tag=verdocs-template-document-page","src/components/templates/verdocs-template-document-page/verdocs-template-document-page.tsx","src/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.scss?tag=verdocs-toolbar-icon","src/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-document-page {\n width: 100%;\n position: relative;\n\n .verdocs-template-document-page-layer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n box-shadow: 0 0 10px 5px #0000000f;\n\n &.img {\n width: 100%;\n }\n }\n\n .placeholder {\n opacity: 0.1;\n width: 612px;\n height: 792px;\n box-shadow: 0 0 10px 5px #0000000f;\n }\n}\n","// NOTE: This component does not have a story because it's not intended for external use.\n\nimport {getTemplate, getTemplateDocumentPageDisplayUri, type ITemplate, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Host, Prop, Event, EventEmitter, State, Element, Fragment} from '@stencil/core';\nimport {IDocumentPageInfo, IPageLayer} from '../../../utils/Types';\nimport {getControlStyles, getFieldId} from '../../../utils/utils';\nimport {throttle} from '../../../utils/utils';\nimport {Store} from '../../../utils/Datastore';\n\n/*\n Represents one document page. This is primarily a layout container used to coordinate positions of\n * page-related layers such as the page itself, signature fields, etc. It is not intended to be used\n * on its own as an individual component.\n /\n@Component({\n tag: 'verdocs-template-document-page',\n styleUrl: 'verdocs-template-document-page.scss',\n shadow: false,\n})\nexport class VerdocsTemplateDocumentPage {\n private templateListenerId = null;\n private resizeObserver: ResizeObserver;\n\n @Element() container: HTMLElement;\n\n /\n The endpoint to load from.\n /\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /\n Whether the fields should be editable (Builder)\n /\n @Prop() editable = false;\n\n /\n Whether the fields should be disabled (Builder)\n /\n @Prop() disabled = false;\n\n /\n Whether the field are interactable (done/submitted disables this)\n /\n @Prop() done = false;\n\n /\n The ID of the template the document is for.\n /\n @Prop({reflect: true}) templateId: string = '';\n\n /\n The ID of the document to display.\n /\n @Prop({reflect: true}) documentId: string = '';\n\n /\n The page number being rendered. (Reminder: page numbers are 1-based.)\n /\n @Prop({reflect: true}) pageNumber: number = 1;\n\n /\n The \"virtual\" width of the page canvas. Defaults to 612 which at 72dpi is 8.5\" wide. This is used to compute\n * the aspect ratio of the final rendered element when scaling up/down.\n /\n @Prop() virtualWidth: number = 612;\n\n /\n The \"virtual\" height of the page canvas. Defaults to 792 which at 72dpi is 11\" tall. This is used to compute\n * the aspect ratio of the final rendered element when scaling up/down.\n /\n @Prop({mutable: true}) virtualHeight: number = 792;\n\n /\n The layers that will be rendered. The DOM structure will be a DIV container with one child DIV for each layer.\n * The parent DIV will have a unique ID, and each child DIV will have that ID with the layer name appended, e.g.\n * if `pages` was ['page', 'fields'] the structure will be:\n \n ```\n * <div id=\"verdocs-document-page-ker2fr1p9\">\n * <div id=\"verdocs-document-page-ker2fr1p9-page\"></div>\n * <div id=\"verdocs-document-page-ker2fr1p9-fields\"></div>\n * </div>\n * ```\n /\n @Prop() layers: IPageLayer[] = [{name: 'page', type: 'canvas'}];\n\n /\n Fired when a page has been rendered. This is also fired when the page is resized.\n /\n @Event() pageRendered: EventEmitter<IDocumentPageInfo>;\n\n @State() containerId = `verdocs-document-page-${Math.random().toString(36).substring(2, 11)}`;\n @State() renderedWidth: number = this.virtualWidth;\n @State() renderedHeight: number = this.virtualHeight;\n @State() naturalWidth: number = this.virtualWidth;\n @State() naturalHeight: number = this.virtualHeight;\n @State() aspectRatio: number = this.virtualWidth / this.virtualHeight;\n @State() skipFirstNotification = true;\n @State() pageDisplayUri = '';\n @State() xScale = 1;\n @State() yScale = 1;\n\n @State() loading = true;\n @State() template: ITemplate \| null = null;\n\n async componentWillLoad() {\n this.pageDisplayUri = await getTemplateDocumentPageDisplayUri(this.endpoint, this.documentId, this.pageNumber);\n this.listenToTemplate();\n }\n\n componentDidLoad() {\n this.resizeObserver = new ResizeObserver(\n throttle(entries => {\n for (const entry of entries) {\n const renderedWidth = entry.contentRect.width;\n this.renderedWidth = renderedWidth;\n this.renderedHeight = this.virtualHeight (renderedWidth / this.virtualWidth);\n }\n\n this.notifyRenderedSize();\n }, 100),\n );\n\n this.resizeObserver.observe(this.container);\n }\n\n componentDidUpdate() {\n // This is fired when fields are updated and triggers the parent to re-attach behaviors like drag-and-drop\n this.notifyRenderedSize();\n }\n\n disconnectedCallback() {\n this.resizeObserver?.disconnect();\n this.unlistenToTemplate();\n }\n\n async listenToTemplate() {\n this.unlistenToTemplate();\n Store.subscribe(\n 'templates',\n this.templateId,\n () => getTemplate(this.endpoint, this.templateId),\n false,\n (template: ITemplate) => {\n this.template = template;\n this.loading = false;\n },\n );\n }\n\n unlistenToTemplate() {\n if (this.templateListenerId) {\n Store.store.delListener(this.templateListenerId);\n this.templateListenerId = null;\n }\n }\n\n notifyRenderedSize() {\n // We skip one notification because by default we will always get at least two, one when rendering the initial size\n // and a second once we're able to compute the scale size, when the resizeObserver sets renderedWidth/renderedHeight.\n if (this.skipFirstNotification) {\n this.skipFirstNotification = false;\n return;\n }\n\n const xScale = this.renderedWidth / this.virtualWidth;\n if (this.xScale !== xScale) {\n this.xScale = xScale;\n }\n\n const yScale = this.renderedHeight / this.virtualHeight;\n if (this.yScale !== yScale) {\n this.yScale = yScale;\n }\n\n this.pageRendered.emit({\n // container: this.container,\n containerId: this.containerId,\n documentId: this.documentId,\n pageNumber: this.pageNumber,\n virtualWidth: this.virtualWidth,\n virtualHeight: this.virtualHeight,\n renderedWidth: this.renderedWidth,\n renderedHeight: this.renderedHeight,\n naturalWidth: this.naturalWidth,\n naturalHeight: this.naturalHeight,\n aspectRatio: this.aspectRatio,\n xScale,\n yScale,\n });\n }\n\n render() {\n if (this.loading) {\n return (\n <Host>\n <img src=\"https://public-assets.verdocs.com/loading-placeholder.png\" class=\"placeholder\" alt=\"Placeholder page\" />\n </Host>\n );\n }\n\n const height = `${this.renderedHeight}px`;\n\n return (\n <Host id={`${this.containerId}`} style={{height, flex: `0 0 ${height}`}}>\n {this.layers.map(layer =>\n layer.type === 'div' ? (\n <div class=\"verdocs-template-document-page-layer\" id={`${this.containerId}-${layer.name}`} style={{height}}>\n {layer.name === 'controls' &&\n (this.template?.fields \|\| [])\n .filter(field => field && field.document_id === this.documentId && field.page === this.pageNumber)\n .map(field => {\n const id = getFieldId(field);\n let {name, type, multiline} = field;\n const {xScale, yScale, templateId, editable, disabled, done, pageNumber} = this;\n if (field['setting']?.leading > 0 \|\| field['settings']?.leading > 0) {\n type = 'textarea';\n multiline = true;\n }\n switch (type as any) {\n case 'textbox':\n return (\n <verdocs-field-textbox\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n multiline={multiline}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, xScale, yScale)}\n />\n );\n case 'textarea':\n return (\n <verdocs-field-textarea\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, xScale, yScale)}\n />\n );\n case 'date':\n return (\n <verdocs-field-date\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, xScale, yScale)}\n />\n );\n case 'attachment':\n return (\n <verdocs-field-attachment\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, xScale, yScale)}\n />\n );\n case 'dropdown':\n return (\n <verdocs-field-dropdown\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, xScale, yScale)}\n />\n );\n case 'initial':\n return (\n <verdocs-field-initial\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, xScale, yScale)}\n />\n );\n case 'signature':\n return (\n <verdocs-field-signature\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, this.xScale, this.yScale)}\n />\n );\n case 'timestamp':\n return (\n <verdocs-field-timestamp\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, xScale, yScale)}\n />\n );\n case 'checkbox':\n return (\n <verdocs-field-checkbox\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, xScale, yScale)}\n />\n );\n case 'radio':\n return (\n <verdocs-field-radio\n id={id}\n fieldname={name}\n source=\"template\"\n sourceid={templateId}\n editable={editable}\n disabled={disabled}\n done={done}\n xscale={xScale}\n yscale={yScale}\n pagenumber={pageNumber}\n isPreview\n style={getControlStyles(field, xScale, yScale)}\n />\n );\n default:\n return <Fragment>{name}</Fragment>;\n }\n })}\n </div>\n ) : this.pageDisplayUri ? (\n <img\n class=\"verdocs-template-document-page-layer img\"\n id={`${this.containerId}-${layer.name}`}\n src={this.pageDisplayUri}\n alt={`Page ${this.pageNumber}`}\n aria-hidden={true}\n loading=\"lazy\"\n onLoad={(e: any) => {\n // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that\n // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).\n // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values\n // for a field are based on the responsive Web view the Template editor was seeing. The IMG was scaled down there in the\n // exact same way, so we just honor it. We capture the natural width and height here more as information. Then we use the\n // aspect ratio to adjust the \"virtual\" height in case the page is not 8.5\"x11\".\n // TODO: Store this in the DB with each page.\n this.naturalWidth = e.target.naturalWidth;\n this.naturalHeight = e.target.naturalHeight;\n this.aspectRatio = this.naturalWidth / this.naturalHeight;\n this.virtualHeight = this.virtualWidth / this.aspectRatio;\n this.renderedHeight = e.target.offsetWidth / this.aspectRatio;\n }}\n />\n ) : (\n <div></div>\n ),\n )}\n </Host>\n );\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-toolbar-icon {\n font-family: $verdocs-primary-font;\n //display: inline-block;\n display: flex;\n position: relative;\n align-items: center;\n justify-content: center;\n\n .icon {\n display: inline-block;\n cursor: pointer;\n\n svg {\n fill: $choice-available-color;\n }\n }\n\n .tooltip {\n display: none;\n box-shadow: 0 0 10px 1px #999999;\n background: #ffffff;\n color: $label-color;\n max-width: 240px;\n font-weight: bold;\n padding: 5px 10px;\n font-size: 13px;\n // MUST be absolute. Popper positions the tooltip with inline transforms and assumes it is out\n // of the normal flow. With position:relative the tooltip instead occupies space inside the\n // flex container when shown, which widens the toolbar and shifts the icon out from under the\n // pointer. That fires mouseleave -> hide -> layout collapses -> mouseenter -> show, an endless\n // flicker where the icon can never be clicked. It only bites where the toolbar has no slack to\n // absorb the width change (e.g. the Teams tab), which is why it looked fine in the web app.\n position: absolute;\n // The tooltip is decoration; never let it capture the hover it was triggered by.\n pointer-events: none;\n border-radius: 4px;\n z-index: 20000;\n white-space: nowrap;\n\n .arrow,\n .arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n }\n\n .arrow {\n visibility: hidden;\n top: -4px;\n }\n\n .arrow::before {\n visibility: visible;\n content: '';\n transform: rotate(45deg);\n }\n\n &[data-show] {\n display: block;\n }\n\n &[data-popper-placement^='top'] > .arrow {\n bottom: -4px;\n }\n\n &[data-popper-placement^='bottom'] > .arrow {\n top: -4px;\n }\n\n &[data-popper-placement^='left'] > .arrow {\n right: -4px;\n }\n\n &[data-popper-placement^='right'] > .arrow {\n left: -4px;\n }\n\n // For the floating menu\n &[data-popper-placement^='left'] {\n //margin-right: 22px !important;\n padding: 3px 10px;\n\n & > .arrow {\n right: -1px;\n }\n }\n }\n}\n","import {createPopper, Instance} from '@popperjs/core';\nimport {Component, h, Host, Prop, State} from '@stencil/core';\nimport {Placement} from '@popperjs/core/lib/enums';\n// import {Component, Event, EventEmitter, h, Host, Prop, State} from '@stencil/core';\n\n/*\n Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.\n \n ```ts\n * <verdocs-toolbar-icon text=\"Sample tooltip text\" icon={CalendarIcon} />\n * ```\n /\n@Component({\n tag: 'verdocs-toolbar-icon',\n styleUrl: 'verdocs-toolbar-icon.scss',\n shadow: false,\n})\nexport class VerdocsToolbarIcon {\n iconEl: HTMLDivElement;\n tooltip: HTMLDivElement;\n popperInstance: Instance;\n\n /\n Help text to display on hover/focus\n /\n @Prop() text: string = '';\n\n /\n SVG icon to display\n /\n @Prop() icon: string = '';\n\n /\n Override the Popper \"placement\" setting\n /\n @Prop() placement: Placement = 'bottom';\n\n /\n Triggered when the icon is pressed\n */\n // @Event({composed: true}) press: EventEmitter;\n\n @State() containerId = `verdocs-toolbar-icon-${Math.random().toString(36).substring(2, 11)}`;\n\n componentDidLoad() {\n this.popperInstance = createPopper(this.iconEl, this.tooltip, {\n placement: this.placement,\n modifiers: this.placement === 'left' ? [{name: 'offset', options: {offset: [0, 20]}}] : [],\n });\n // placement: 'top-end',\n // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],\n // });\n }\n\n disconnectedCallback() {\n if (this.popperInstance) {\n this.popperInstance.destroy();\n this.popperInstance = null;\n }\n }\n\n show() {\n this.tooltip?.setAttribute('data-show', '');\n this.popperInstance?.update().catch(() => {});\n }\n\n hide() {\n this.tooltip?.removeAttribute('data-show');\n }\n\n // handlePress() {\n // this.press?.emit();\n // }\n\n render() {\n return (\n <Host class={{}}>\n <div\n aria-describedby={this.containerId}\n class=\"icon\"\n innerHTML={this.icon}\n onMouseEnter={() => this.show()}\n onFocus={() => this.show()}\n onMouseLeave={() => this.hide()}\n onBlur={() => this.hide()}\n ref={el => (this.iconEl = el as HTMLDivElement)}\n />\n <div id={this.containerId} role=\"tooltip\" class=\"tooltip\" data-popper-placement={this.placement} ref={el => (this.tooltip = el as HTMLDivElement)}>\n {this.text}\n <div data-popper-arrow=\"true\" class=\"arrow\" />\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}