@verdocs/web-sdk 5.0.37 → 5.0.38

package/dist/verdocs-web-sdk/p-80f14626.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,H as r,F as o,g as a}from"./p-ddadabfb.js";import{VerdocsEndpoint as s,getRGBA as n,updateField as d}from"@verdocs/js-sdk";import{S as l}from"./p-b0766439.js";import{S as c}from"./p-78d650ca.js";import{c as h}from"./p-85aa8e05.js";import{a as p,F as u}from"./p-c7ee88c7.js";import{f}from"./p-12bab948.js";import{i as b}from"./p-a901dff2.js";const g='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-field-attachment{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;width:24px;height:24px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-attachment.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-attachment label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-attachment svg{width:16px;height:16px}verdocs-field-attachment.disabled svg{opacity:0.5}verdocs-field-attachment.disabled svg span{cursor:inherit}verdocs-field-attachment .attach{cursor:inherit;width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-field-attachment.required .attach{border:1px solid #cc0000}verdocs-field-attachment verdocs-button-panel{top:1px;left:-19px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-attachment verdocs-button-panel[data-active],verdocs-field-attachment verdocs-button-panel:hover{opacity:1}verdocs-field-attachment verdocs-button-panel .icon svg{fill:#333333}verdocs-field-attachment verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-attachment .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-attachment .settings-icon svg{fill:#707ae5}verdocs-field-attachment .settings-icon:hover{opacity:1}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}';const v=g;const m=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" /></svg>`;const x=`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#339933" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-check"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="m9 15 2 2 4-4"/></svg>`;const k=class{constructor(i){e(this,i);this.settingsChanged=t(this,"settingsChanged",7);this.attached=t(this,"attached",7);this.deleted=t(this,"deleted",7);this.endpoint=s.getDefault();this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.dialogOpen=false;this.selectedFile=null;this.focused=false;this.handleUploadNext=e=>{var t;console.log("Upload next",e);this.dialogOpen=false;this.selectedFile=e.detail[0];(t=this.attached)===null||t===void 0?void 0:t.emit(e.detail[0])};this.handleUploadRemove=e=>{var t;e.preventDefault();e.stopPropagation();this.dialogOpen=false;this.selectedFile=null;(t=this.deleted)===null||t===void 0?void 0:t.emit({fieldName:this.fieldname})}}async focusField(){this.focused=true;this.dialogOpen=true;setTimeout((()=>{this.focused=false}),500)}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}handleShow(){this.dialogOpen=true}render(){const{source:e,sourceid:t,fieldname:a,editable:s=false,done:d=false,disabled:h=false,focused:p,xscale:u=1,yscale:f=1}=this;const{index:b,field:g}=c.getField(e,t,a,this.field);const{required:v=false,value:k="",label:y="",settings:w={}}=g||{};const D=n(b);const S=k||!!this.selectedFile;if(d){return i(r,{class:{done:d}},i("div",{class:"attach",innerHTML:S?x:m}))}return i(r,{class:{required:v,disabled:h,done:d,focused:p},style:{backgroundColor:D}},y&&i("label",null,y),i("div",{class:"attach",innerHTML:S?x:m,onClick:()=>!h&&this.handleShow()}),s&&i(o,null,i("div",{id:`verdocs-settings-panel-trigger-${a}`,style:{transform:`scale(${Math.floor(1/u*1e3)/1e3}, ${Math.floor(1/f*1e3)/1e3})`},class:"settings-icon",innerHTML:l,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&i("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${a}`,onClickAway:()=>this.showingProperties=false},i("verdocs-template-field-properties",{templateId:t,fieldName:a,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:a});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:"Attachments allow the user to attach their own documents (e.g. resumes or disclosures) to a signing flow."}))),this.dialogOpen&&i("verdocs-portal",null,i("verdocs-upload-dialog",{existingFile:w,onNext:e=>this.handleUploadNext(e),onRemove:e=>this.handleUploadRemove(e),onExit:()=>this.dialogOpen=false})))}get el(){return a(this)}};k.style=v;const y='@charset "UTF-8";@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-field-checkbox{padding:0;width:16px;height:16px;display:block;scroll-margin:20px 0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-field-checkbox div.label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-checkbox label{cursor:inherit;width:14px;height:14px;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-field-checkbox.disabled label{opacity:0.5}verdocs-field-checkbox.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-checkbox label>input[type=checkbox]{display:none}verdocs-field-checkbox label>input[type=checkbox]+*::before{margin:0;content:"";width:12px;height:12px;display:block;line-height:12px;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #aeb4bf}verdocs-field-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-field-checkbox label>input[type=checkbox]:checked+*::before{content:"✓";color:white;font-size:12px;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-field-checkbox.required{border:1px solid #cc0000}verdocs-field-checkbox.hide{display:none}verdocs-field-checkbox.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-checkbox verdocs-button-panel{display:block;margin-left:-20px;margin-top:-17px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-checkbox .settings-icon{position:absolute;top:-5px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-checkbox .settings-icon svg{fill:#707ae5}verdocs-field-checkbox .settings-icon:hover{opacity:1}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}';const w=y;const D=class{constructor(i){e(this,i);this.settingsChanged=t(this,"settingsChanged",7);this.deleted=t(this,"deleted",7);this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.done=false;this.editable=false;this.moveable=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}async focusField(){this.focused=true;setTimeout((()=>{this.focused=false}),500)}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}render(){const{source:e,sourceid:t,fieldname:a,editable:s=false,done:d=false,disabled:h=false,focused:p,xscale:u=1,yscale:f=1}=this;const{index:b,field:g}=c.getField(e,t,a,this.field);const{required:v=false,label:m="",value:x=false}=g||{};const k=n(b);const y=x==="true";if(d){return i(r,{class:{done:d}},y?"✓":"☐")}return i(r,{class:{required:v,disabled:h,done:d,focused:p},style:{backgroundColor:k}},m&&i("div",{class:"label"},m),i("label",{htmlFor:a},i("input",{id:a,name:a,type:"checkbox",checked:y,disabled:h,required:v}),i("span",null),s&&i(o,null,i("div",{id:`verdocs-settings-panel-trigger-${a}`,style:{transform:`scale(${Math.floor(1/u*1e3)/1e3}, ${Math.floor(1/f*1e3)/1e3})`},class:"settings-icon",innerHTML:l,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&i("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${g.name}`,onClickAway:()=>this.showingProperties=false},i("verdocs-template-field-properties",{templateId:t,fieldName:g.name,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:a});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:"Check boxes allow the user to select one or more (non-exclusive) options."})))))}};D.style=w;var S={exports:{}};(function(e,t){!function(t,i){e.exports=i()}(h,(function(){return function(){var e={d:function(t,i){for(var r in i)e.o(i,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:i[r]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}},t={};e.d(t,{default:function(){return q}});var i={days:"days",months:"months",years:"years",day:"day",month:"month",year:"year",eventChangeViewDate:"changeViewDate",eventChangeCurrentView:"changeCurrentView",eventChangeFocusDate:"changeFocusDate",eventChangeSelectedDate:"changeSelectedDate",eventChangeTime:"changeTime",eventChangeLastSelectedDate:"changeLastSelectedDate",actionSelectDate:"selectDate",actionUnselectDate:"unselectDate",cssClassWeekend:"-weekend-"},r={classes:"",inline:!1,locale:{days:["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"],daysShort:["Вос","Пон","Вто","Сре","Чет","Пят","Суб"],daysMin:["Вс","Пн","Вт","Ср","Чт","Пт","Сб"],months:["Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"],monthsShort:["Янв","Фев","Мар","Апр","Май","Июн","Июл","Авг","Сен","Окт","Ноя","Дек"],today:"Сегодня",clear:"Очистить",dateFormat:"dd.MM.yyyy",timeFormat:"HH:mm",firstDay:1},startDate:new Date,firstDay:"",weekends:[6,0],dateFormat:"",altField:"",altFieldDateFormat:"T",toggleSelected:!0,keyboardNav:!0,selectedDates:!1,container:"",isMobile:!1,visible:!1,position:"bottom left",offset:12,view:i.days,minView:i.days,showOtherMonths:!0,selectOtherMonths:!0,moveToOtherMonthsOnSelect:!0,showOtherYears:!0,selectOtherYears:!0,moveToOtherYearsOnSelect:!0,minDate:"",maxDate:"",disableNavWhenOutOfRange:!0,multipleDates:!1,multipleDatesSeparator:", ",range:!1,dynamicRange:!0,buttons:!1,monthsField:"monthsShort",showEvent:"focus",autoClose:!1,fixedHeight:!1,prevHtml:'<svg><path d="M 17,12 l -5,5 l 5,5"></path></svg>',nextHtml:'<svg><path d="M 14,12 l 5,5 l -5,5"></path></svg>',navTitles:{days:"MMMM, <i>yyyy</i>",months:"yyyy",years:"yyyy1 - yyyy2"},timepicker:!1,onlyTimepicker:!1,dateTimeSeparator:" ",timeFormat:"",minHours:0,maxHours:24,minMinutes:0,maxMinutes:59,hoursStep:1,minutesStep:1,onSelect:!1,onChangeViewDate:!1,onChangeView:!1,onRenderCell:!1,onShow:!1,onHide:!1,onClickDayName:!1};function o(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return"string"==typeof e?t.querySelector(e):e}function a(){let{tagName:e="div",className:t="",innerHtml:i="",id:r="",attrs:o={}}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=document.createElement(e);return t&&a.classList.add(...t.split(" ")),r&&(a.id=r),i&&(a.innerHTML=i),o&&s(a,o),a}function s(e,t){for(let[i,r]of Object.entries(t))void 0!==r&&e.setAttribute(i,r);return e}function n(e){return new Date(e.getFullYear(),e.getMonth()+1,0).getDate()}function d(e){let t=e.getHours(),{hours:i,dayPeriod:r}=l(t);return{year:e.getFullYear(),month:e.getMonth(),fullMonth:e.getMonth()+1<10?"0"+(e.getMonth()+1):e.getMonth()+1,date:e.getDate(),fullDate:e.getDate()<10?"0"+e.getDate():e.getDate(),day:e.getDay(),hours:t,fullHours:c(t),hours12:i,dayPeriod:r,fullHours12:c(i),minutes:e.getMinutes(),fullMinutes:e.getMinutes()<10?"0"+e.getMinutes():e.getMinutes()}}function l(e){return{dayPeriod:e>11?"pm":"am",hours:e%12==0?12:e%12}}function c(e){return e<10?"0"+e:e}function h(e){let t=10*Math.floor(e.getFullYear()/10);return[t,t+9]}function p(){let e=[];for(var t=arguments.length,i=new Array(t),r=0;r<t;r++)i[r]=arguments[r];return i.forEach((t=>{if("object"==typeof t)for(let i in t)t[i]&&e.push(i);else t&&e.push(t)})),e.join(" ")}function u(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:i.days;if(!e||!t)return!1;let o=d(e),a=d(t);return{[i.days]:o.date===a.date&&o.month===a.month&&o.year===a.year,[i.months]:o.month===a.month&&o.year===a.year,[i.years]:o.year===a.year}[r]}function f(e,t,i){let r=g(e,!1).getTime(),o=g(t,!1).getTime();return i?r>=o:r>o}function b(e,t){return!f(e,t,!0)}function g(e){let t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=new Date(e.getTime());return"boolean"!=typeof t||t||function(e){e.setHours(0,0,0,0)}(i),i}function v(e,t,i){e.length?e.forEach((e=>{e.addEventListener(t,i)})):e.addEventListener(t,i)}function m(e,t){return!(!e||e===document||e instanceof DocumentFragment)&&(e.matches(t)?e:m(e.parentNode,t))}function x(e,t,i){return e>i?i:e<t?t:e}function k(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),r=1;r<t;r++)i[r-1]=arguments[r];return i.filter((e=>e)).forEach((t=>{for(let[i,r]of Object.entries(t))if(void 0!==r&&"[object Object]"===r.toString()){let t=void 0!==e[i]?e[i].toString():void 0,o=r.toString(),a=Array.isArray(r)?[]:{};e[i]=e[i]?t!==o?a:e[i]:a,k(e[i],r)}else e[i]=r})),e}function y(e){let t=e;return e instanceof Date||("string"==typeof e&&/^\d{4}-\d{2}-\d{2}$/.test(e)&&(e+="T00:00:00"),t=new Date(e)),isNaN(t.getTime())&&(console.log(`Unable to convert value "${e}" to Date object`),t=!1),t}function w(e){let t="\\s|\\.|-|/|\\\\|,|\\$|\\!|\\?|:|;";return new RegExp("(^|>|"+t+")("+e+")($|<|"+t+")","g")}function D(e,t,i){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var r=i.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}class S{constructor(){let{type:e,date:t,dp:i,opts:r,body:o}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};D(this,"focus",(()=>{this.$cell.classList.add("-focus-"),this.focused=!0})),D(this,"removeFocus",(()=>{this.$cell.classList.remove("-focus-"),this.focused=!1})),D(this,"select",(()=>{this.$cell.classList.add("-selected-"),this.selected=!0})),D(this,"removeSelect",(()=>{this.$cell.classList.remove("-selected-","-range-from-","-range-to-"),this.selected=!1})),D(this,"onChangeSelectedDate",(()=>{this.isDisabled||(this._handleSelectedStatus(),this.opts.range&&this._handleRangeStatus())})),D(this,"onChangeFocusDate",(e=>{if(!e)return void(this.focused&&this.removeFocus());let t=u(e,this.date,this.type);t?this.focus():!t&&this.focused&&this.removeFocus(),this.opts.range&&this._handleRangeStatus()})),D(this,"render",(()=>(this.$cell.innerHTML=this._getHtml(),this._handleClasses(),this.$cell))),this.type=e,this.singleType=this.type.slice(0,-1),this.date=t,this.dp=i,this.opts=r,this.body=o,this.customData=!1,this.init()}init(){var e;let{onRenderCell:t}=this.opts;t&&(this.customData=t({date:this.date,cellType:this.singleType,datepicker:this.dp})),this._createElement(),this._bindDatepickerEvents(),null!==(e=this.customData)&&void 0!==e&&e.disabled&&this.dp.disableDate(this.date)}_bindDatepickerEvents(){this.dp.on(i.eventChangeSelectedDate,this.onChangeSelectedDate),this.dp.on(i.eventChangeFocusDate,this.onChangeFocusDate)}unbindDatepickerEvents(){this.dp.off(i.eventChangeSelectedDate,this.onChangeSelectedDate),this.dp.off(i.eventChangeFocusDate,this.onChangeFocusDate)}_createElement(){var e;let{year:t,month:i,date:r}=d(this.date),o=(null===(e=this.customData)||void 0===e?void 0:e.attrs)||{};this.$cell=a({attrs:{"data-year":t,"data-month":i,"data-date":r,...o}}),this.$cell.adpCell=this}_getClassName(){var e;let t=new Date,{selectOtherMonths:r,selectOtherYears:o}=this.opts,{minDate:a,maxDate:s,isDateDisabled:n}=this.dp,{day:l}=d(this.date),c=this._isOutOfMinMaxRange(),h=n(this.date),f=p("air-datepicker-cell",`-${this.singleType}-`,{"-current-":u(t,this.date,this.type),"-min-date-":a&&u(a,this.date,this.type),"-max-date-":s&&u(s,this.date,this.type)}),b="";switch(this.type){case i.days:b=p({"-weekend-":this.dp.isWeekend(l),"-other-month-":this.isOtherMonth,"-disabled-":this.isOtherMonth&&!r||c||h});break;case i.months:b=p({"-disabled-":c});break;case i.years:b=p({"-other-decade-":this.isOtherDecade,"-disabled-":c||this.isOtherDecade&&!o})}return p(f,b,null===(e=this.customData)||void 0===e?void 0:e.classes).split(" ")}_getHtml(){var e;let{year:t,month:r,date:o}=d(this.date),{showOtherMonths:a,showOtherYears:s}=this.opts;if(null!==(e=this.customData)&&void 0!==e&&e.html)return this.customData.html;switch(this.type){case i.days:return!a&&this.isOtherMonth?"":o;case i.months:return this.dp.locale[this.opts.monthsField][r];case i.years:return!s&&this.isOtherDecade?"":t}}_isOutOfMinMaxRange(){let{minDate:e,maxDate:t}=this.dp,{type:r,date:o}=this,{month:a,year:s,date:n}=d(o),l=r===i.days,c=r===i.years,h=!!e&&new Date(s,c?e.getMonth():a,l?n:e.getDate()),p=!!t&&new Date(s,c?t.getMonth():a,l?n:t.getDate());return e&&t?b(h,e)||f(p,t):e?b(h,e):t?f(p,t):void 0}destroy(){this.unbindDatepickerEvents()}_handleRangeStatus(){const{selectedDates:e,focusDate:t,rangeDateTo:i,rangeDateFrom:r}=this.dp,o=e.length;if(!o)return;let a=r,s=i;if(1===o&&t){const i=f(t,e[0]);a=i?e[0]:t,s=i?t:e[0]}let n=p({"-in-range-":a&&s&&(d=this.date,l=a,c=s,f(d,l)&&b(d,c)),"-range-from-":a&&u(this.date,a,this.type),"-range-to-":s&&u(this.date,s,this.type)});var d,l,c;this.$cell.classList.remove("-range-from-","-range-to-","-in-range-"),n&&this.$cell.classList.add(...n.split(" "))}_handleSelectedStatus(){let e=this.dp._checkIfDateIsSelected(this.date,this.type);e?this.select():!e&&this.selected&&this.removeSelect()}_handleInitialFocusStatus(){u(this.dp.focusDate,this.date,this.type)&&this.focus()}_handleClasses(){this.$cell.setAttribute("class",""),this._handleInitialFocusStatus(),this.dp.hasSelectedDates&&(this._handleSelectedStatus(),this.dp.opts.range&&this._handleRangeStatus()),this.$cell.classList.add(...this._getClassName())}get isDisabled(){return this.$cell.matches(".-disabled-")}get isOtherMonth(){return this.dp.isOtherMonth(this.date)}get isOtherDecade(){return this.dp.isOtherDecade(this.date)}}function C(e,t,i){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var r=i.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}let z={[i.days]:`<div class="air-datepicker-body--day-names"></div><div class="air-datepicker-body--cells -${i.days}-"></div>`,[i.months]:`<div class="air-datepicker-body--cells -${i.months}-"></div>`,[i.years]:`<div class="air-datepicker-body--cells -${i.years}-"></div>`};const M=".air-datepicker-cell";class ${constructor(e){let{dp:t,type:r,opts:o}=e;C(this,"handleClick",(e=>{let t=e.target.closest(M).adpCell;if(t.isDisabled)return;if(!this.dp.isMinViewReached)return void this.dp.down();let i=this.dp._checkIfDateIsSelected(t.date,t.type);i?this.dp._handleAlreadySelectedDates(i,t.date):this.dp.selectDate(t.date)})),C(this,"handleDayNameClick",(e=>{let t=e.target.getAttribute("data-day-index");this.opts.onClickDayName({dayIndex:Number(t),datepicker:this.dp})})),C(this,"onChangeCurrentView",(e=>{e!==this.type?this.hide():(this.show(),this.render())})),C(this,"onMouseOverCell",(e=>{let t=m(e.target,M);this.dp.setFocusDate(!!t&&t.adpCell.date)})),C(this,"onMouseOutCell",(()=>{this.dp.setFocusDate(!1)})),C(this,"onClickBody",(e=>{let{onClickDayName:t}=this.opts,i=e.target;i.closest(M)&&this.handleClick(e),t&&i.closest(".air-datepicker-body--day-name")&&this.handleDayNameClick(e)})),C(this,"onMouseDown",(e=>{this.pressed=!0;let t=m(e.target,M),i=t&&t.adpCell;u(i.date,this.dp.rangeDateFrom)&&(this.rangeFromFocused=!0),u(i.date,this.dp.rangeDateTo)&&(this.rangeToFocused=!0)})),C(this,"onMouseMove",(e=>{if(!this.pressed||!this.dp.isMinViewReached)return;e.preventDefault();let t=m(e.target,M),i=t&&t.adpCell,{selectedDates:r,rangeDateTo:o,rangeDateFrom:a}=this.dp;if(!i||i.isDisabled)return;let{date:s}=i;if(2===r.length){if(this.rangeFromFocused&&!f(s,o)){let{hours:e,minutes:t}=d(a);s.setHours(e),s.setMinutes(t),this.dp.rangeDateFrom=s,this.dp.replaceDate(a,s)}if(this.rangeToFocused&&!b(s,a)){let{hours:e,minutes:t}=d(o);s.setHours(e),s.setMinutes(t),this.dp.rangeDateTo=s,this.dp.replaceDate(o,s)}}})),C(this,"onMouseUp",(()=>{this.pressed=!1,this.rangeFromFocused=!1,this.rangeToFocused=!1})),C(this,"onChangeViewDate",((e,t)=>{if(!this.isVisible)return;let r=h(e),o=h(t);switch(this.dp.currentView){case i.days:if(u(e,t,i.months))return;break;case i.months:if(u(e,t,i.years))return;break;case i.years:if(r[0]===o[0]&&r[1]===o[1])return}this.render()})),C(this,"render",(()=>{this.destroyCells(),this._generateCells(),this.cells.forEach((e=>{this.$cells.appendChild(e.render())}))})),this.dp=t,this.type=r,this.opts=o,this.cells=[],this.$el="",this.pressed=!1,this.isVisible=!0,this.init()}init(){this._buildBaseHtml(),this.type===i.days&&this.renderDayNames(),this.render(),this._bindEvents(),this._bindDatepickerEvents()}_bindEvents(){let{range:e,dynamicRange:t}=this.opts;v(this.$el,"mouseover",this.onMouseOverCell),v(this.$el,"mouseout",this.onMouseOutCell),v(this.$el,"click",this.onClickBody),e&&t&&(v(this.$el,"mousedown",this.onMouseDown),v(this.$el,"mousemove",this.onMouseMove),v(window.document,"mouseup",this.onMouseUp))}_bindDatepickerEvents(){this.dp.on(i.eventChangeViewDate,this.onChangeViewDate),this.dp.on(i.eventChangeCurrentView,this.onChangeCurrentView)}_buildBaseHtml(){this.$el=a({className:`air-datepicker-body -${this.type}-`,innerHtml:z[this.type]}),this.$names=o(".air-datepicker-body--day-names",this.$el),this.$cells=o(".air-datepicker-body--cells",this.$el)}_getDayNamesHtml(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.dp.locale.firstDay,t="",r=this.dp.isWeekend,{onClickDayName:o}=this.opts,a=e,s=0;for(;s<7;){let e=a%7;t+=`<div class="${p("air-datepicker-body--day-name",{[i.cssClassWeekend]:r(e),"-clickable-":!!o})}" data-day-index='${e}'>${this.dp.locale.daysMin[e]}</div>`,s++,a++}return t}renderDayNames(){this.$names.innerHTML=this._getDayNamesHtml()}_generateCell(e){let{type:t,dp:i,opts:r}=this;return new S({type:t,dp:i,opts:r,date:e,body:this})}_generateCells(){$.getDatesFunction(this.type)(this.dp,(e=>{this.cells.push(this._generateCell(e))}))}show(){this.isVisible=!0,this.$el.classList.remove("-hidden-")}hide(){this.isVisible=!1,this.$el.classList.add("-hidden-")}destroyCells(){this.cells.forEach((e=>e.destroy())),this.cells=[],this.$cells.innerHTML=""}destroy(){this.destroyCells(),this.dp.off(i.eventChangeViewDate,this.onChangeViewDate),this.dp.off(i.eventChangeCurrentView,this.onChangeCurrentView)}static getDaysDates(e,t){let{viewDate:i,opts:{fixedHeight:r},locale:{firstDay:o}}=e,a=n(i),{year:s,month:l}=d(i),c=new Date(s,l,1),h=new Date(s,l,a),p=c.getDay()-o,u=6-h.getDay()+o;p=p<0?p+7:p,u=u>6?u-7:u;let f=function(e,t){let{year:i,month:r,date:o}=d(e);return new Date(i,r,o-t)}(c,p),b=a+p+u,g=f.getDate(),{year:v,month:m}=d(f),x=0;r&&(b=42);const k=[];for(;x<b;){let e=new Date(v,m,g+x);t&&t(e),k.push(e),x++}return k}static getMonthsDates(e,t){let{year:i}=e.parsedViewDate,r=0,o=[];for(;r<12;){const e=new Date(i,r);o.push(e),t&&t(e),r++}return o}static getYearsDates(e,t){let i=h(e.viewDate),r=i[0]-1,o=i[1]+1,a=r,s=[];for(;a<=o;){const e=new Date(a,0);s.push(e),t&&t(e),a++}return s}static getDatesFunction(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i.days;return{[i.days]:$.getDaysDates,[i.months]:$.getMonthsDates,[i.years]:$.getYearsDates}[e]}}function T(e,t,i){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var r=i.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}class N{constructor(e){let{dp:t,opts:i}=e;T(this,"onClickNav",(e=>{let t=m(e.target,".air-datepicker-nav--action");if(!t)return;let i=t.dataset.action;this.dp[i]()})),T(this,"onChangeViewDate",(()=>{this.render(),this._resetNavStatus(),this.handleNavStatus()})),T(this,"onChangeCurrentView",(()=>{this.render(),this._resetNavStatus(),this.handleNavStatus()})),T(this,"onClickNavTitle",(()=>{this.dp.isFinalView||this.dp.up()})),T(this,"update",(()=>{let{prevHtml:e,nextHtml:t}=this.opts;this.$prev.innerHTML=e,this.$next.innerHTML=t,this._resetNavStatus(),this.render(),this.handleNavStatus()})),T(this,"renderDelay",(()=>{setTimeout(this.render)})),T(this,"render",(()=>{this.$title.innerHTML=this._getTitle(),function(e,t){for(let i in t)t[i]?e.classList.add(i):e.classList.remove(i)}(this.$title,{"-disabled-":this.dp.isFinalView})})),this.dp=t,this.opts=i,this.init()}init(){this._createElement(),this._buildBaseHtml(),this._defineDOM(),this.render(),this.handleNavStatus(),this._bindEvents(),this._bindDatepickerEvents()}_defineDOM(){this.$title=o(".air-datepicker-nav--title",this.$el),this.$prev=o('[data-action="prev"]',this.$el),this.$next=o('[data-action="next"]',this.$el)}_bindEvents(){this.$el.addEventListener("click",this.onClickNav),this.$title.addEventListener("click",this.onClickNavTitle)}_bindDatepickerEvents(){this.dp.on(i.eventChangeViewDate,this.onChangeViewDate),this.dp.on(i.eventChangeCurrentView,this.onChangeCurrentView),this.isNavIsFunction&&(this.dp.on(i.eventChangeSelectedDate,this.renderDelay),this.dp.opts.timepicker&&this.dp.on(i.eventChangeTime,this.render))}destroy(){this.dp.off(i.eventChangeViewDate,this.onChangeViewDate),this.dp.off(i.eventChangeCurrentView,this.onChangeCurrentView),this.isNavIsFunction&&(this.dp.off(i.eventChangeSelectedDate,this.renderDelay),this.dp.opts.timepicker&&this.dp.off(i.eventChangeTime,this.render))}_createElement(){this.$el=a({tagName:"nav",className:"air-datepicker-nav"})}_getTitle(){let{dp:e,opts:t}=this,i=t.navTitles[e.currentView];return"function"==typeof i?i(e):e.formatDate(e.viewDate,i)}handleNavStatus(){let{disableNavWhenOutOfRange:e}=this.opts,{minDate:t,maxDate:r}=this.dp;if(!t&&!r||!e)return;let{year:o,month:a}=this.dp.parsedViewDate,s=!!t&&d(t),n=!!r&&d(r);switch(this.dp.currentView){case i.days:t&&s.month>=a&&s.year>=o&&this._disableNav("prev"),r&&n.month<=a&&n.year<=o&&this._disableNav("next");break;case i.months:t&&s.year>=o&&this._disableNav("prev"),r&&n.year<=o&&this._disableNav("next");break;case i.years:{let e=h(this.dp.viewDate);t&&s.year>=e[0]&&this._disableNav("prev"),r&&n.year<=e[1]&&this._disableNav("next");break}}}_disableNav(e){o('[data-action="'+e+'"]',this.$el).classList.add("-disabled-")}_resetNavStatus(){!function(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),r=1;r<t;r++)i[r-1]=arguments[r];e.length?e.forEach((e=>{e.classList.remove(...i)})):e.classList.remove(...i)}(this.$el.querySelectorAll(".air-datepicker-nav--action"),"-disabled-")}_buildBaseHtml(){let{prevHtml:e,nextHtml:t}=this.opts;this.$el.innerHTML=`<div class="air-datepicker-nav--action" data-action="prev">${e}</div><div class="air-datepicker-nav--title"></div><div class="air-datepicker-nav--action" data-action="next">${t}</div>`}get isNavIsFunction(){let{navTitles:e}=this.opts;return Object.keys(e).find((t=>"function"==typeof e[t]))}}var F={today:{content:e=>e.locale.today,onClick:e=>e.setViewDate(new Date)},clear:{content:e=>e.locale.clear,onClick:e=>e.clear()}};class _{constructor(e){let{dp:t,opts:i}=e;this.dp=t,this.opts=i,this.init()}init(){this.createElement(),this.render()}createElement(){this.$el=a({className:"air-datepicker-buttons"})}destroy(){this.$el.parentNode.removeChild(this.$el)}clearHtml(){return this.$el.innerHTML="",this}generateButtons(){let{buttons:e}=this.opts;Array.isArray(e)||(e=[e]),e.forEach((e=>{let t=e;"string"==typeof e&&F[e]&&(t=F[e]);let i=this.createButton(t);t.onClick&&this.attachEventToButton(i,t.onClick),this.$el.appendChild(i)}))}attachEventToButton(e,t){e.addEventListener("click",(()=>{t(this.dp)}))}createButton(e){let{content:t,className:i,tagName:r="button",attrs:o={}}=e;return a({tagName:r,innerHtml:`<span tabindex='-1'>${"function"==typeof t?t(this.dp):t}</span>`,className:p("air-datepicker-button",i),attrs:o})}render(){this.generateButtons()}}function A(e,t,i){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var r=i.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}class I{constructor(){let{opts:e,dp:t}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};A(this,"toggleTimepickerIsActive",(e=>{this.dp.timepickerIsActive=e})),A(this,"onChangeSelectedDate",(e=>{let{date:t,updateTime:i=!1}=e;t&&(this.setMinMaxTime(t),this.setCurrentTime(!!i&&t),this.addTimeToDate(t))})),A(this,"onChangeLastSelectedDate",(e=>{e&&(this.setTime(e),this.render())})),A(this,"onChangeInputRange",(e=>{let t=e.target;this[t.getAttribute("name")]=t.value,this.updateText(),this.dp.trigger(i.eventChangeTime,{hours:this.hours,minutes:this.minutes})})),A(this,"onMouseEnterLeave",(e=>{let t=e.target.getAttribute("name"),i=this.$minutesText;"hours"===t&&(i=this.$hoursText),i.classList.toggle("-focus-")})),A(this,"onFocus",(()=>{this.toggleTimepickerIsActive(!0)})),A(this,"onBlur",(()=>{this.toggleTimepickerIsActive(!1)})),this.opts=e,this.dp=t;let{timeFormat:r}=this.dp.locale;r&&(r.match(w("h"))||r.match(w("hh")))&&(this.ampm=!0),this.init()}init(){this.setTime(this.dp.lastSelectedDate||this.dp.viewDate),this.createElement(),this.buildHtml(),this.defineDOM(),this.render(),this.bindDatepickerEvents(),this.bindDOMEvents()}bindDatepickerEvents(){this.dp.on(i.eventChangeSelectedDate,this.onChangeSelectedDate),this.dp.on(i.eventChangeLastSelectedDate,this.onChangeLastSelectedDate)}bindDOMEvents(){let e="input";navigator.userAgent.match(/trident/gi)&&(e="change"),v(this.$ranges,e,this.onChangeInputRange),v(this.$ranges,"mouseenter",this.onMouseEnterLeave),v(this.$ranges,"mouseleave",this.onMouseEnterLeave),v(this.$ranges,"focus",this.onFocus),v(this.$ranges,"mousedown",this.onFocus),v(this.$ranges,"blur",this.onBlur)}createElement(){this.$el=a({className:p("air-datepicker-time",{"-am-pm-":this.dp.ampm})})}destroy(){this.dp.off(i.eventChangeSelectedDate,this.onChangeSelectedDate),this.dp.off(i.eventChangeLastSelectedDate,this.onChangeLastSelectedDate),this.$el.parentNode.removeChild(this.$el)}buildHtml(){let{ampm:e,hours:t,displayHours:i,minutes:r,minHours:o,minMinutes:a,maxHours:s,maxMinutes:n,dayPeriod:d,opts:{hoursStep:l,minutesStep:h}}=this;this.$el.innerHTML=`<div class="air-datepicker-time--current">   <span class="air-datepicker-time--current-hours">${c(i)}</span>   <span class="air-datepicker-time--current-colon">:</span>   <span class="air-datepicker-time--current-minutes">${c(r)}</span>   `+(e?`<span class='air-datepicker-time--current-ampm'>${d}</span>`:"")+'</div><div class="air-datepicker-time--sliders">   <div class="air-datepicker-time--row">'+`      <input type="range" name="hours" value="${t}" min="${o}" max="${s}" step="${l}"/>   </div>   <div class="air-datepicker-time--row">`+`      <input type="range" name="minutes" value="${r}" min="${a}" max="${n}" step="${h}"/>   </div></div>`}defineDOM(){let e=e=>o(e,this.$el);this.$ranges=this.$el.querySelectorAll('[type="range"]'),this.$hours=e('[name="hours"]'),this.$minutes=e('[name="minutes"]'),this.$hoursText=e(".air-datepicker-time--current-hours"),this.$minutesText=e(".air-datepicker-time--current-minutes"),this.$ampm=e(".air-datepicker-time--current-ampm")}setTime(e){this.setMinMaxTime(e),this.setCurrentTime(e)}addTimeToDate(e){e&&(e.setHours(this.hours),e.setMinutes(this.minutes))}setMinMaxTime(e){if(this.setMinMaxTimeFromOptions(),e){let{minDate:t,maxDate:i}=this.dp;t&&u(e,t)&&this.setMinTimeFromMinDate(t),i&&u(e,i)&&this.setMaxTimeFromMaxDate(i)}}setCurrentTime(e){let{hours:t,minutes:i}=e?d(e):this;this.hours=x(t,this.minHours,this.maxHours),this.minutes=x(i,this.minMinutes,this.maxMinutes)}setMinMaxTimeFromOptions(){let{minHours:e,minMinutes:t,maxHours:i,maxMinutes:r}=this.opts;this.minHours=x(e,0,23),this.minMinutes=x(t,0,59),this.maxHours=x(i,0,23),this.maxMinutes=x(r,0,59)}setMinTimeFromMinDate(e){let{lastSelectedDate:t}=this.dp;this.minHours=e.getHours(),t&&t.getHours()>e.getHours()?this.minMinutes=this.opts.minMinutes:this.minMinutes=e.getMinutes()}setMaxTimeFromMaxDate(e){let{lastSelectedDate:t}=this.dp;this.maxHours=e.getHours(),t&&t.getHours()<e.getHours()?this.maxMinutes=this.opts.maxMinutes:this.maxMinutes=e.getMinutes()}updateSliders(){s(this.$hours,{min:this.minHours,max:this.maxHours}).value=this.hours,s(this.$minutes,{min:this.minMinutes,max:this.maxMinutes}).value=this.minutes}updateText(){this.$hoursText.innerHTML=c(this.displayHours),this.$minutesText.innerHTML=c(this.minutes),this.ampm&&(this.$ampm.innerHTML=this.dayPeriod)}set hours(e){this._hours=e;let{hours:t,dayPeriod:i}=l(e);this.displayHours=this.ampm?t:e,this.dayPeriod=i}get hours(){return this._hours}render(){this.updateSliders(),this.updateText()}}function j(e,t,i){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var r=i.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}class H{constructor(e){let{dp:t,opts:i}=e;j(this,"pressedKeys",new Set),j(this,"hotKeys",new Map([[[["Control","ArrowRight"],["Control","ArrowUp"]],e=>e.month++],[[["Control","ArrowLeft"],["Control","ArrowDown"]],e=>e.month--],[[["Shift","ArrowRight"],["Shift","ArrowUp"]],e=>e.year++],[[["Shift","ArrowLeft"],["Shift","ArrowDown"]],e=>e.year--],[[["Alt","ArrowRight"],["Alt","ArrowUp"]],e=>e.year+=10],[[["Alt","ArrowLeft"],["Alt","ArrowDown"]],e=>e.year-=10],[["Control","Shift","ArrowUp"],(e,t)=>t.up()]])),j(this,"handleHotKey",(e=>{let t=this.hotKeys.get(e),i=d(this.getInitialFocusDate());t(i,this.dp);let{year:r,month:o,date:a}=i,s=n(new Date(r,o));s<a&&(a=s);let l=this.dp.getClampedDate(new Date(r,o,a));this.dp.setFocusDate(l,{viewDateTransition:!0})})),j(this,"isHotKeyPressed",(()=>{let e=!1,t=this.pressedKeys.size,i=e=>this.pressedKeys.has(e);for(let[r]of this.hotKeys){if(e)break;if(Array.isArray(r[0]))r.forEach((o=>{e||t!==o.length||(e=o.every(i)&&r)}));else{if(t!==r.length)continue;e=r.every(i)&&r}}return e})),j(this,"isArrow",(e=>e>=37&&e<=40)),j(this,"onKeyDown",(e=>{let{key:t,which:i}=e,{dp:r,dp:{focusDate:o},opts:a}=this;this.registerKey(t);let s=this.isHotKeyPressed();if(s)return e.preventDefault(),void this.handleHotKey(s);if(this.isArrow(i))return e.preventDefault(),void this.focusNextCell(t);if("Enter"===t){if(r.currentView!==a.minView)return void r.down();if(o){let e=r._checkIfDateIsSelected(o);return void(e?r._handleAlreadySelectedDates(e,o):r.selectDate(o))}}"Escape"===t&&this.dp.hide()})),j(this,"onKeyUp",(e=>{this.removeKey(e.key)})),this.dp=t,this.opts=i,this.init()}init(){this.bindKeyboardEvents()}bindKeyboardEvents(){let{$el:e}=this.dp;e.addEventListener("keydown",this.onKeyDown),e.addEventListener("keyup",this.onKeyUp)}destroy(){let{$el:e}=this.dp;e.removeEventListener("keydown",this.onKeyDown),e.removeEventListener("keyup",this.onKeyUp),this.hotKeys=null,this.pressedKeys=null}getInitialFocusDate(){let{focusDate:e,currentView:t,selectedDates:r,parsedViewDate:{year:o,month:a}}=this.dp,s=e||r[r.length-1];if(!s)switch(t){case i.days:s=new Date(o,a,(new Date).getDate());break;case i.months:s=new Date(o,a,1);break;case i.years:s=new Date(o,0,1)}return s}focusNextCell(e){let t=this.getInitialFocusDate(),{currentView:r}=this.dp,{days:o,months:a,years:s}=i,n=d(t),l=n.year,c=n.month,h=n.date;switch(e){case"ArrowLeft":r===o&&(h-=1),r===a&&(c-=1),r===s&&(l-=1);break;case"ArrowUp":r===o&&(h-=7),r===a&&(c-=3),r===s&&(l-=4);break;case"ArrowRight":r===o&&(h+=1),r===a&&(c+=1),r===s&&(l+=1);break;case"ArrowDown":r===o&&(h+=7),r===a&&(c+=3),r===s&&(l+=4)}let p=this.dp.getClampedDate(new Date(l,c,h));this.dp.setFocusDate(p,{viewDateTransition:!0})}registerKey(e){this.pressedKeys.add(e)}removeKey(e){this.pressedKeys.delete(e)}}let O={on(e,t){this.__events||(this.__events={}),this.__events[e]?this.__events[e].push(t):this.__events[e]=[t]},off(e,t){this.__events&&this.__events[e]&&(this.__events[e]=this.__events[e].filter((e=>e!==t)))},removeAllEvents(){this.__events={}},trigger(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),r=1;r<t;r++)i[r-1]=arguments[r];this.__events&&this.__events[e]&&this.__events[e].forEach((e=>{e(...i)}))}};function P(e,t,i){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var r=i.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}let E="",R="",L=!1;class q{static buildGlobalContainer(e){L=!0,E=a({className:e,id:e}),o("body").appendChild(E)}constructor(e,t){var s=this;if(P(this,"viewIndexes",[i.days,i.months,i.years]),P(this,"next",(()=>{let{year:e,month:t}=this.parsedViewDate;switch(this.currentView){case i.days:this.setViewDate(new Date(e,t+1,1));break;case i.months:this.setViewDate(new Date(e+1,t,1));break;case i.years:this.setViewDate(new Date(e+10,0,1))}})),P(this,"prev",(()=>{let{year:e,month:t}=this.parsedViewDate;switch(this.currentView){case i.days:this.setViewDate(new Date(e,t-1,1));break;case i.months:this.setViewDate(new Date(e-1,t,1));break;case i.years:this.setViewDate(new Date(e-10,0,1))}})),P(this,"_finishHide",(()=>{this.hideAnimation=!1,this._destroyComponents(),this.$container.removeChild(this.$datepicker)})),P(this,"setPosition",(function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if("function"==typeof(e=e||s.opts.position))return void(s.customHide=e({$datepicker:s.$datepicker,$target:s.$el,$pointer:s.$pointer,isViewChange:t,done:s._finishHide}));let i,r,{isMobile:o}=s.opts,a=s.$el.getBoundingClientRect(),n=s.$el.getBoundingClientRect(),d=s.$datepicker.offsetParent,l=s.$el.offsetParent,c=s.$datepicker.getBoundingClientRect(),h=e.split(" "),p=window.scrollY,u=window.scrollX,f=s.opts.offset,b=h[0],g=h[1];if(o)s.$datepicker.style.cssText="left: 50%; top: 50%";else{if(d===l&&d!==document.body&&(n={top:s.$el.offsetTop,left:s.$el.offsetLeft,width:a.width,height:s.$el.offsetHeight},p=0,u=0),d!==l&&d!==document.body){let e=d.getBoundingClientRect();n={top:a.top-e.top,left:a.left-e.left,width:a.width,height:a.height},p=0,u=0}switch(b){case"top":i=n.top-c.height-f;break;case"right":r=n.left+n.width+f;break;case"bottom":i=n.top+n.height+f;break;case"left":r=n.left-c.width-f}switch(g){case"top":i=n.top;break;case"right":r=n.left+n.width-c.width;break;case"bottom":i=n.top+n.height-c.height;break;case"left":r=n.left;break;case"center":/left|right/.test(b)?i=n.top+n.height/2-c.height/2:r=n.left+n.width/2-c.width/2}s.$datepicker.style.cssText=`left: ${r+u}px; top: ${i+p}px`}})),P(this,"_setInputValue",(()=>{let{opts:e,$altField:t,locale:{dateFormat:i}}=this,{altFieldDateFormat:r,altField:o}=e;o&&t&&(t.value=this._getInputValue(r)),this.$el.value=this._getInputValue(i)})),P(this,"_getInputValue",(e=>{let{selectedDates:t,opts:i}=this,{multipleDates:r,multipleDatesSeparator:o}=i;if(!t.length)return"";let a="function"==typeof e,s=a?e(r?t:t[0]):t.map((t=>this.formatDate(t,e)));return s=a?s:s.join(o),s})),P(this,"_checkIfDateIsSelected",(function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:i.days,r=!1;return s.selectedDates.some((i=>{let o=u(e,i,t);return r=o&&i,o})),r})),P(this,"_scheduleCallAfterTransition",(e=>{this._cancelScheduledCall(),e&&e(!1),this._onTransitionEnd=()=>{e&&e(!0)},this.$datepicker.addEventListener("transitionend",this._onTransitionEnd,{once:!0})})),P(this,"_cancelScheduledCall",(()=>{this.$datepicker.removeEventListener("transitionend",this._onTransitionEnd)})),P(this,"setViewDate",(e=>{if(!((e=y(e))instanceof Date))return;if(u(e,this.viewDate))return;let t=this.viewDate;this.viewDate=e;let{onChangeViewDate:r}=this.opts;if(r){let{month:e,year:t}=this.parsedViewDate;r({month:e,year:t,decade:this.curDecade})}this.trigger(i.eventChangeViewDate,e,t)})),P(this,"setFocusDate",(function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};(!e||(e=y(e))instanceof Date)&&(s.focusDate=e,s.trigger(i.eventChangeFocusDate,e,t))})),P(this,"setCurrentView",(function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(s.viewIndexes.includes(e)){if(s.currentView=e,s.elIsInput&&s.visible&&s.setPosition(void 0,!0),s.trigger(i.eventChangeCurrentView,e),!s.views[e]){let t=s.views[e]=new $({dp:s,opts:s.opts,type:e});s.shouldUpdateDOM&&s.$content.appendChild(t.$el)}s.opts.onChangeView&&!t.silent&&s.opts.onChangeView(e)}})),P(this,"_updateLastSelectedDate",(e=>{this.lastSelectedDate=e,this.trigger(i.eventChangeLastSelectedDate,e)})),P(this,"destroy",(()=>{if(this.isDestroyed)return;let{showEvent:e,isMobile:t}=this.opts,i=this.$datepicker.parentNode;i&&i.removeChild(this.$datepicker),this.$el.removeEventListener(e,this._onFocus),this.$el.removeEventListener("blur",this._onBlur),window.removeEventListener("resize",this._onResize),t&&this._removeMobileAttributes(),this.keyboardNav&&this.keyboardNav.destroy(),this.views=null,this.nav=null,this.$datepicker=null,this.opts={},this.$customContainer=null,this.viewDate=null,this.focusDate=null,this.selectedDates=[],this.rangeDateFrom=null,this.rangeDateTo=null,this.isDestroyed=!0})),P(this,"update",(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=k({},s.opts),{silent:o}=t;k(s.opts,e);let{timepicker:a,buttons:n,range:d,selectedDates:l,isMobile:c}=s.opts,h=s.visible||s.treatAsInline;s._createMinMaxDates(),s._limitViewDateByMaxMinDates(),s._handleLocale(),l&&(s.selectedDates=[],s.selectDate(l,{silent:o})),e.view&&s.setCurrentView(e.view,{silent:o}),s._setInputValue(),r.range&&!d?(s.rangeDateTo=!1,s.rangeDateFrom=!1):!r.range&&d&&s.selectedDates.length&&(s.rangeDateFrom=s.selectedDates[0],s.rangeDateTo=s.selectedDates[1]),r.timepicker&&!a?(h&&s.timepicker.destroy(),s.timepicker=!1,s.$timepicker.parentNode.removeChild(s.$timepicker)):!r.timepicker&&a&&s._addTimepicker(),!r.buttons&&n?s._addButtons():r.buttons&&!n?(s.buttons.destroy(),s.$buttons.parentNode.removeChild(s.$buttons)):h&&r.buttons&&n&&s.buttons.clearHtml().render(),!r.isMobile&&c?(s.treatAsInline||R||s._createMobileOverlay(),s._addMobileAttributes(),s.visible&&s._showMobileOverlay()):r.isMobile&&!c&&(s._removeMobileAttributes(),s.visible&&(R.classList.remove("-active-"),"function"!=typeof s.opts.position&&s.setPosition())),h&&(s.nav.update(),s.views[s.currentView].render(),s.currentView===i.days&&s.views[s.currentView].renderDayNames())})),P(this,"disableDate",((e,t)=>{(Array.isArray(e)?e:[e]).forEach((e=>{let i=y(e);if(!i)return;let r=t?"delete":"add";this.disabledDates[r](this.formatDate(i,"yyyy-MM-dd"));let o=this.getCell(i,this.currentViewSingular);o&&o.adpCell.render()}),[])})),P(this,"enableDate",(e=>{this.disableDate(e,!0)})),P(this,"isDateDisabled",(e=>{let t=y(e);return this.disabledDates.has(this.formatDate(t,"yyyy-MM-dd"))})),P(this,"isOtherMonth",(e=>{let{month:t}=d(e);return t!==this.parsedViewDate.month})),P(this,"isOtherYear",(e=>{let{year:t}=d(e);return t!==this.parsedViewDate.year})),P(this,"isOtherDecade",(e=>{let{year:t}=d(e),[i,r]=h(this.viewDate);return t<i||t>r})),P(this,"_onChangeSelectedDate",(e=>{let{silent:t}=e;setTimeout((()=>{this._setInputValue(),this.opts.onSelect&&!t&&this._triggerOnSelect()}))})),P(this,"_onChangeFocusedDate",(function(e){let{viewDateTransition:t}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!e)return;let i=!1;t&&(i=s.isOtherMonth(e)||s.isOtherYear(e)||s.isOtherDecade(e)),i&&s.setViewDate(e),s.opts.onFocus&&s.opts.onFocus({datepicker:s,date:e})})),P(this,"_onChangeTime",(e=>{let{hours:t,minutes:i}=e,r=new Date,{lastSelectedDate:o,opts:{onSelect:a}}=this,s=o;o||(s=r);let n=this.getCell(s,this.currentViewSingular),d=n&&n.adpCell;d&&d.isDisabled||(s.setHours(t),s.setMinutes(i),o?(this._setInputValue(),a&&this._triggerOnSelect()):this.selectDate(s))})),P(this,"_onFocus",(e=>{this.visible||this.show()})),P(this,"_onBlur",(e=>{this.inFocus||!this.visible||this.opts.isMobile||this.hide()})),P(this,"_onMouseDown",(e=>{this.inFocus=!0})),P(this,"_onMouseUp",(e=>{this.inFocus=!1,this.$el.focus()})),P(this,"_onResize",(()=>{this.visible&&"function"!=typeof this.opts.position&&this.setPosition()})),P(this,"_onClickOverlay",(()=>{this.visible&&this.hide()})),P(this,"getViewDates",(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i.days;return $.getDatesFunction(e)(s)})),P(this,"isWeekend",(e=>this.opts.weekends.includes(e))),P(this,"getClampedDate",(e=>{let{minDate:t,maxDate:i}=this,r=e;return i&&f(e,i)?r=i:t&&b(e,t)&&(r=t),r})),this.$el=o(e),!this.$el)return;this.$datepicker=a({className:"air-datepicker"}),this.opts=k({},r,t),this.$customContainer=!!this.opts.container&&o(this.opts.container),this.$altField=o(this.opts.altField||!1);let{view:n,startDate:l}=this.opts;l||(this.opts.startDate=new Date),"INPUT"===this.$el.nodeName&&(this.elIsInput=!0),this.inited=!1,this.visible=!1,this.viewDate=y(this.opts.startDate),this.focusDate=!1,this.initialReadonly=this.$el.getAttribute("readonly"),this.customHide=!1,this.currentView=n,this.selectedDates=[],this.disabledDates=new Set,this.isDestroyed=!1,this.views={},this.keys=[],this.rangeDateFrom="",this.rangeDateTo="",this.timepickerIsActive=!1,this.treatAsInline=this.opts.inline||!this.elIsInput,this.init()}init(){let{opts:e,treatAsInline:t,opts:{inline:i,isMobile:r,selectedDates:a,keyboardNav:s,onlyTimepicker:n}}=this,d=o("body");(!L||L&&E&&!d.contains(E))&&!i&&this.elIsInput&&!this.$customContainer&&q.buildGlobalContainer(q.defaultGlobalContainerId),!r||R||t||this._createMobileOverlay(),this._handleLocale(),this._bindSubEvents(),this._createMinMaxDates(),this._limitViewDateByMaxMinDates(),this.elIsInput&&(i||this._bindEvents(),s&&!n&&(this.keyboardNav=new H({dp:this,opts:e}))),a&&this.selectDate(a,{silent:!0}),this.opts.visible&&!t&&this.show(),r&&!t&&this.$el.setAttribute("readonly",!0),t&&this._createComponents()}_createMobileOverlay(){R=a({className:"air-datepicker-overlay"}),E.appendChild(R)}_createComponents(){let{opts:e,treatAsInline:t,opts:{inline:i,buttons:r,timepicker:o,position:a,classes:s,onlyTimepicker:n,isMobile:d}}=this;this._buildBaseHtml(),this.elIsInput&&(i||this._setPositionClasses(a)),!i&&this.elIsInput||this.$datepicker.classList.add("-inline-"),s&&this.$datepicker.classList.add(...s.split(" ")),n&&this.$datepicker.classList.add("-only-timepicker-"),d&&!t&&this._addMobileAttributes(),this.views[this.currentView]=new $({dp:this,type:this.currentView,opts:e}),this.nav=new N({dp:this,opts:e}),o&&this._addTimepicker(),r&&this._addButtons(),this.$content.appendChild(this.views[this.currentView].$el),this.$nav.appendChild(this.nav.$el)}_destroyComponents(){for(let e in this.views)this.views[e].destroy();this.views={},this.nav.destroy(),this.timepicker&&this.timepicker.destroy()}_addMobileAttributes(){R.addEventListener("click",this._onClickOverlay),this.$datepicker.classList.add("-is-mobile-"),this.$el.setAttribute("readonly",!0)}_removeMobileAttributes(){R.removeEventListener("click",this._onClickOverlay),this.$datepicker.classList.remove("-is-mobile-"),this.initialReadonly||""===this.initialReadonly||this.$el.removeAttribute("readonly")}_createMinMaxDates(){let{minDate:e,maxDate:t}=this.opts;this.minDate=!!e&&y(e),this.maxDate=!!t&&y(t)}_addTimepicker(){this.$timepicker=a({className:"air-datepicker--time"}),this.$datepicker.appendChild(this.$timepicker),this.timepicker=new I({dp:this,opts:this.opts}),this.$timepicker.appendChild(this.timepicker.$el)}_addButtons(){this.$buttons=a({className:"air-datepicker--buttons"}),this.$datepicker.appendChild(this.$buttons),this.buttons=new _({dp:this,opts:this.opts}),this.$buttons.appendChild(this.buttons.$el)}_bindSubEvents(){this.on(i.eventChangeSelectedDate,this._onChangeSelectedDate),this.on(i.eventChangeFocusDate,this._onChangeFocusedDate),this.on(i.eventChangeTime,this._onChangeTime)}_buildBaseHtml(){let{inline:e}=this.opts;var t,i;this.elIsInput?e?(t=this.$datepicker,(i=this.$el).parentNode.insertBefore(t,i.nextSibling)):this.$container.appendChild(this.$datepicker):this.$el.appendChild(this.$datepicker),this.$datepicker.innerHTML='<i class="air-datepicker--pointer"></i><div class="air-datepicker--navigation"></div><div class="air-datepicker--content"></div>',this.$content=o(".air-datepicker--content",this.$datepicker),this.$pointer=o(".air-datepicker--pointer",this.$datepicker),this.$nav=o(".air-datepicker--navigation",this.$datepicker)}_handleLocale(){let{locale:e,dateFormat:t,firstDay:i,timepicker:r,onlyTimepicker:o,timeFormat:a,dateTimeSeparator:s}=this.opts;var n;this.locale=(n=e,JSON.parse(JSON.stringify(n))),t&&(this.locale.dateFormat=t),void 0!==a&&""!==a&&(this.locale.timeFormat=a);let{timeFormat:d}=this.locale;if(""!==i&&(this.locale.firstDay=i),r&&"function"!=typeof t){let e=d?s:"";this.locale.dateFormat=[this.locale.dateFormat,d||""].join(e)}o&&"function"!=typeof t&&(this.locale.dateFormat=this.locale.timeFormat)}_setPositionClasses(e){if("function"==typeof e)return void this.$datepicker.classList.add("-custom-position-");let t=(e=e.split(" "))[0],i=`air-datepicker -${t}-${e[1]}- -from-${t}-`;this.$datepicker.classList.add(...i.split(" "))}_bindEvents(){this.$el.addEventListener(this.opts.showEvent,this._onFocus),this.$el.addEventListener("blur",this._onBlur),this.$datepicker.addEventListener("mousedown",this._onMouseDown),this.$datepicker.addEventListener("mouseup",this._onMouseUp),window.addEventListener("resize",this._onResize)}_limitViewDateByMaxMinDates(){let{viewDate:e,minDate:t,maxDate:i}=this;i&&f(e,i)&&this.setViewDate(i),t&&b(e,t)&&this.setViewDate(t)}formatDate(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.viewDate,t=arguments.length>1?arguments[1]:void 0;if(e=y(e),!(e instanceof Date))return;let i=t,r=this.locale,o=d(e),a=o.dayPeriod,s=h(e),n=q.replacer,l={T:e.getTime(),m:o.minutes,mm:o.fullMinutes,h:o.hours12,hh:o.fullHours12,H:o.hours,HH:o.fullHours,aa:a,AA:a.toUpperCase(),E:r.daysShort[o.day],EEEE:r.days[o.day],d:o.date,dd:o.fullDate,M:o.month+1,MM:o.fullMonth,MMM:r.monthsShort[o.month],MMMM:r.months[o.month],yy:o.year.toString().slice(-2),yyyy:o.year,yyyy1:s[0],yyyy2:s[1]};for(let[e,t]of Object.entries(l))i=n(i,w(e),t);return i}down(e){this._handleUpDownActions(e,"down")}up(e){this._handleUpDownActions(e,"up")}selectDate(e){let t,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{currentView:o,parsedViewDate:a,selectedDates:s}=this,{updateTime:n}=r,{moveToOtherMonthsOnSelect:d,moveToOtherYearsOnSelect:l,multipleDates:c,range:h,autoClose:p,onBeforeSelect:u}=this.opts,b=s.length;if(Array.isArray(e))return e.forEach((e=>{this.selectDate(e,r)})),new Promise((e=>{setTimeout(e)}));if((e=y(e))instanceof Date){if(u&&!u({date:e,datepicker:this}))return Promise.resolve();if(o===i.days&&e.getMonth()!==a.month&&d&&(t=new Date(e.getFullYear(),e.getMonth(),1)),o===i.years&&e.getFullYear()!==a.year&&l&&(t=new Date(e.getFullYear(),0,1)),t&&this.setViewDate(t),c&&!h){if(b===c)return;this._checkIfDateIsSelected(e)||s.push(e)}else if(h)switch(b){case 1:s.push(e),this.rangeDateTo||(this.rangeDateTo=e),f(this.rangeDateFrom,this.rangeDateTo)&&(this.rangeDateTo=this.rangeDateFrom,this.rangeDateFrom=e),this.selectedDates=[this.rangeDateFrom,this.rangeDateTo];break;case 2:this.selectedDates=[e],this.rangeDateFrom=e,this.rangeDateTo="";break;default:this.selectedDates=[e],this.rangeDateFrom=e}else this.selectedDates=[e];return this.trigger(i.eventChangeSelectedDate,{action:i.actionSelectDate,silent:null==r?void 0:r.silent,date:e,updateTime:n}),this._updateLastSelectedDate(e),p&&!this.timepickerIsActive&&this.visible&&(c||h?h&&1===b&&this.hide():this.hide()),new Promise((e=>{setTimeout(e)}))}}unselectDate(e){let t=this.selectedDates,r=this;if((e=y(e))instanceof Date)return t.some(((o,a)=>{if(u(o,e))return t.splice(a,1),r.selectedDates.length?(r.rangeDateTo="",r.rangeDateFrom=t[0],r._updateLastSelectedDate(r.selectedDates[r.selectedDates.length-1])):(r.rangeDateFrom="",r.rangeDateTo="",r._updateLastSelectedDate(!1)),this.trigger(i.eventChangeSelectedDate,{action:i.actionUnselectDate,date:e}),!0}))}replaceDate(e,t){let r=this.selectedDates.find((t=>u(t,e,this.currentView))),o=this.selectedDates.indexOf(r);o<0||u(this.selectedDates[o],t,this.currentView)||(this.selectedDates[o]=t,this.trigger(i.eventChangeSelectedDate,{action:i.actionSelectDate,date:t,updateTime:!0}),this._updateLastSelectedDate(t))}clear(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.selectedDates=[],this.rangeDateFrom=!1,this.rangeDateTo=!1,this.lastSelectedDate=!1,this.trigger(i.eventChangeSelectedDate,{action:i.actionUnselectDate,silent:e.silent}),new Promise((e=>{setTimeout(e)}))}show(){let{onShow:e,isMobile:t}=this.opts;this._cancelScheduledCall(),this.visible||this.hideAnimation||this._createComponents(),this.setPosition(this.opts.position),this.$datepicker.classList.add("-active-"),this.visible=!0,e&&this._scheduleCallAfterTransition(e),t&&this._showMobileOverlay()}hide(){let{onHide:e,isMobile:t}=this.opts,i=this._hasTransition();this.visible=!1,this.hideAnimation=!0,this.$datepicker.classList.remove("-active-"),this.customHide&&this.customHide(),this.elIsInput&&this.$el.blur(),this._scheduleCallAfterTransition((t=>{!this.customHide&&(t&&i||!t&&!i)&&this._finishHide(),e&&e(t)})),t&&R.classList.remove("-active-")}_triggerOnSelect(){let e=[],t=[],{selectedDates:i,locale:r,opts:{onSelect:o,multipleDates:a,range:s}}=this,n=a||s,d="function"==typeof r.dateFormat;i.length&&(e=i.map(g),t=d?a?r.dateFormat(e):e.map((e=>r.dateFormat(e))):e.map((e=>this.formatDate(e,r.dateFormat)))),o({date:n?e:e[0],formattedDate:n?t:t[0],datepicker:this})}_handleAlreadySelectedDates(e,t){let{selectedDates:i,rangeDateFrom:r,rangeDateTo:o}=this,{range:a,toggleSelected:s}=this.opts,n=i.length,d="function"==typeof s?s({datepicker:this,date:t}):s,l=Boolean(a&&1===n&&e),c=l?g(t):t;a&&!d&&(2!==n&&this.selectDate(c),2===n&&u(r,o))||(d?this.unselectDate(c):this._updateLastSelectedDate(l?c:e))}_handleUpDownActions(e,t){if(!((e=y(e||this.focusDate||this.viewDate))instanceof Date))return;let i="up"===t?this.viewIndex+1:this.viewIndex-1;i>2&&(i=2),i<0&&(i=0),this.setViewDate(new Date(e.getFullYear(),e.getMonth(),1)),this.setCurrentView(this.viewIndexes[i])}getCell(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:i.day;if(!((e=y(e))instanceof Date))return;let{year:r,month:o,date:a}=d(e),s=`[data-year="${r}"]`,n=`[data-month="${o}"]`,l={[i.day]:`${s}${n}[data-date="${a}"]`,[i.month]:`${s}${n}`,[i.year]:`${s}`};return this.views[this.currentView]?this.views[this.currentView].$el.querySelector(l[t]):void 0}_showMobileOverlay(){R.classList.add("-active-")}_hasTransition(){return window.getComputedStyle(this.$datepicker).getPropertyValue("transition-duration").split(", ").reduce(((e,t)=>parseFloat(t)+e),0)>0}get shouldUpdateDOM(){return this.visible||this.treatAsInline}get parsedViewDate(){return d(this.viewDate)}get currentViewSingular(){return this.currentView.slice(0,-1)}get curDecade(){return h(this.viewDate)}get viewIndex(){return this.viewIndexes.indexOf(this.currentView)}get isFinalView(){return this.currentView===i.years}get hasSelectedDates(){return this.selectedDates.length>0}get isMinViewReached(){return this.currentView===this.opts.minView||this.currentView===i.days}get $container(){return this.$customContainer||E}static replacer(e,t,i){return e.replace(t,(function(e,t,r,o){return t+i+o}))}}var U;return P(q,"defaults",r),P(q,"version","3.5.3"),P(q,"defaultGlobalContainerId","air-datepicker-global-container"),U=q.prototype,Object.assign(U,O),t.default}()}))})(S);const C=S.exports;var z={};Object.defineProperty(z,"__esModule",{value:true});var M=z.default=void 0;var $={days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],daysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],daysMin:["Su","Mo","Tu","We","Th","Fr","Sa"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",clear:"Clear",dateFormat:"MM/dd/yyyy",timeFormat:"hh:mm aa",firstDay:0};M=z.default=$;const T='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-field-date{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:74px;height:20px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;letter-spacing:0.3px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-date.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-date label{top:-14px;left:0;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-date input{position:absolute;font-size:12px;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;border:1px solid #cccccc;-webkit-appearance:none;-moz-appearance:none;appearance:none}verdocs-field-date input.hide{display:none}verdocs-field-date.disabled input{opacity:0.5}verdocs-field-date.required input{border:1px solid #cc0000}verdocs-field-date 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-date verdocs-button-panel[data-active],verdocs-field-date verdocs-button-panel:hover{opacity:1}verdocs-field-date verdocs-button-panel .icon svg{fill:#333333}verdocs-field-date verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-date .settings-icon{position:absolute;top:-3px;left:-18px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-date .settings-icon svg{fill:#707ae5}verdocs-field-date .settings-icon:hover{opacity:1}.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{-webkit-transition:all var(--adp-transition-duration) var(--adp-transition-ease);transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:0.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);-webkit-box-sizing:content-box;box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:0.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:-ms-inline-flexbox;display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255, 255, 255, 0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-column-gap:12px;-ms-flex-align:center;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic", CenturyGothic, AppleGothic, sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;-ms-flex-item-align:end;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:-webkit-gradient(linear, left top, right top, from(var(--adp-time-track-color)), to(var(--adp-time-track-color))) left 50%/100% var(--adp-time-track-height) no-repeat;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;-ms-flex:1;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-box-sizing:border-box;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size) / 2 * -1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0, 0, 0, 0)}.air-datepicker{--adp-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:0.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-background-color-in-range-focused:rgba(92, 196, 239, 0.2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover:rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0, 0, 0, 0.3);--adp-overlay-transition-duration:0.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:var(--adp-border-radius);-webkit-box-sizing:content-box;box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, -webkit-max-content);grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family), sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;-webkit-transition:opacity var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{-webkit-transform:translateY(calc(var(--adp-transition-offset) * -1));transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{-webkit-transform:translateX(var(--adp-transition-offset));transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{-webkit-transform:translateY(var(--adp-transition-offset));transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{-webkit-transform:translateX(calc(var(--adp-transition-offset) * -1));transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{-webkit-transition:none;transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);-webkit-box-shadow:none;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){-webkit-transform:translate(-50%, calc(-50% + var(--adp-transition-offset)));transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{-webkit-transition:none;transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);-webkit-box-sizing:border-box;box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size) / 2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size) / 2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{-webkit-box-sizing:content-box;box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;-webkit-transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;-webkit-transition-delay:0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);transition-delay:0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;-webkit-transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}';const N=T;const F=class{constructor(i){e(this,i);this.settingsPress=t(this,"settingsPress",7);this.settingsChanged=t(this,"settingsChanged",7);this.deleted=t(this,"deleted",7);this.source="template";this.sourceid="";this.fieldname="";this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.containerId=`verdocs-date-picker-${Math.random().toString(36).substring(2,11)}`;this.showingProperties=false;this.picker=null;this.focused=false}async focusField(){var e;this.focused=true;(e=this.picker)===null||e===void 0?void 0:e.show();setTimeout((()=>{this.focused=false}),500)}componentDidLoad(){console.log("Activating date picker",this.containerId,document.getElementById(this.containerId));this.picker=new C(`#${this.containerId}`,{locale:M,isMobile:true,autoClose:true,onShow:()=>this.focused=true,onHide:()=>this.focused=false,onSelect:({date:e,formattedDate:t})=>{const i=new CustomEvent("fieldChange",{detail:{date:e,formattedDate:t}});this.hostEl.dispatchEvent(i)}})}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}render(){const{source:e,sourceid:t,fieldname:a,editable:s=false,done:d=false,disabled:h=false,focused:u,xscale:b=1,yscale:g=1}=this;console.log("Rendering date picker",e,t,a);const{index:v,field:m}=c.getField(e,t,a,this.field);const{required:x=false,placeholder:k="Date...",value:y="",label:w=""}=m||{};const D=n(v);const S=y?f(new Date(y),p):"";if(this.done){return i(r,{class:{done:d}},S)}return i(r,{class:{required:x,disabled:h,done:d,focused:u},style:{backgroundColor:D}},w&&i("label",null,w),i("input",{name:a,class:"input-el",type:"text",value:S,id:this.containerId,disabled:h,placeholder:k,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false}),s&&i(o,null,i("div",{id:`verdocs-settings-panel-trigger-${a}`,style:{transform:`scale(${Math.floor(1/b*1e3)/1e3}, ${Math.floor(1/g*1e3)/1e3})`},class:"settings-icon",innerHTML:l,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&i("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${m.name}`,onClickAway:()=>this.showingProperties=false},i("verdocs-template-field-properties",{templateId:t,fieldName:a,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:a});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:"Date fields allow the user to select a date."}))))}get hostEl(){return a(this)}};F.style=N;const _='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-field-dropdown{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:85px;height:20px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-dropdown label{top:-14px;left:0;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-dropdown select{cursor:inherit;position:absolute;background:linear-gradient(55deg, transparent 50%, #333 50%), linear-gradient(125deg, #333 50%, transparent 50%), linear-gradient(to right, transparent, transparent);background-position:calc(100% - 7px) 6px, calc(100% - 3px) 6px, 100% 0;background-size:5px 5px, 5px 5px, 2.5em 2.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;font-size:11px;border:1px solid rgba(0, 0, 0, 0.2);padding:0 5px}verdocs-field-dropdown select:focus{outline:none}verdocs-field-dropdown select.hide{display:none}verdocs-field-dropdown.disabled select{opacity:0.5}verdocs-field-dropdown.required select{border:1px solid #cc0000}verdocs-field-dropdown.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-dropdown verdocs-button-panel{display:block;margin-left:-33px;margin-top:-1px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-dropdown .settings-icon{position:absolute;top:-2px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-dropdown .settings-icon svg{fill:#707ae5}verdocs-field-dropdown .settings-icon:hover{opacity:1}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}';const A=_;const I=class{constructor(i){e(this,i);this.fieldChange=t(this,"fieldChange",7);this.settingsChanged=t(this,"settingsChanged",7);this.deleted=t(this,"deleted",7);this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}async focusField(){var e;this.focused=true;setTimeout((()=>{this.focused=false}),500);(e=this.selectEl)===null||e===void 0?void 0:e.showPicker()}handleChange(e){this.fieldChange.emit(e.target.value)}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}render(){const{source:e,sourceid:t,fieldname:a,editable:s=false,done:d=false,disabled:h=false,focused:p,xscale:u=1,yscale:f=1}=this;const{index:b,field:g}=c.getField(e,t,a,this.field);let{required:v=false,value:m="",label:x="",options:k}=g||{};const y=n(b);if(d){return i(r,{class:{done:d}},m)}k||(k=[]);return i(r,{class:{required:v,disabled:h,done:d,focused:p},style:{backgroundColor:y}},x&&i("label",null,x),i("select",{disabled:h,onChange:e=>this.handleChange(e),ref:e=>this.selectEl=e},i("option",{value:""},"Select..."),k.map((e=>i("option",{value:e.id,selected:e.id===m},e.label))),!k.length&&i("option",{value:"NA"},"N/A")),s&&i(o,null,i("div",{id:`verdocs-settings-panel-trigger-${a}`,style:{transform:`scale(${Math.floor(1/u*1e3)/1e3}, ${Math.floor(1/f*1e3)/1e3})`},class:"settings-icon",innerHTML:l,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&i("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${a}`,onClickAway:()=>this.showingProperties=false},i("verdocs-template-field-properties",{templateId:t,fieldName:a,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:a});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:"Dropdowns are used to capture a recipient's selection of one of several options."}))))}};I.style=A;const j='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-field-initial{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:83px;height:36px;display:block;font-size:11px;position:relative;letter-spacing:0.3px;scroll-margin:20px 0;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-initial label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-initial.done{border:none;opacity:1}verdocs-field-initial img{display:block;max-width:100%;max-height:100%}verdocs-field-initial.disabled img{opacity:0.5}verdocs-field-initial button{cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-initial button.hide{display:none}verdocs-field-initial.required{border:1px solid #cc0000}verdocs-field-initial.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-initial 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-initial verdocs-button-panel[data-active],verdocs-field-initial verdocs-button-panel:hover{opacity:1}verdocs-field-initial verdocs-button-panel .icon svg{fill:#333333}verdocs-field-initial verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-initial .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-initial .settings-icon svg{fill:#707ae5}verdocs-field-initial .settings-icon:hover{opacity:1}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}';const H=j;const O=class{constructor(i){e(this,i);this.adopt=t(this,"adopt",7);this.exit=t(this,"exit",7);this.fieldChange=t(this,"fieldChange",7);this.settingsChanged=t(this,"settingsChanged",7);this.settingsPress=t(this,"settingsPress",7);this.deleted=t(this,"deleted",7);this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.initials="";this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false;this.tempInitials=""}async focusField(){this.handleShow()}hideDialog(){var e;(e=this.dialog)===null||e===void 0?void 0:e.remove();this.dialog=null;this.focused=false}handleAdopt(e){var t;console.log("[INITIAL] Adopted initials");this.tempInitials=e.detail;(t=this.fieldChange)===null||t===void 0?void 0:t.emit(this.tempInitials);this.hideDialog()}handleShow(){this.dialog=document.createElement("verdocs-initial-dialog");this.dialog.setAttribute("initials",this.initials);this.dialog.addEventListener("exit",(()=>this.hideDialog()));this.dialog.addEventListener("next",(e=>this.handleAdopt(e)));document.body.append(this.dialog);this.focused=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}render(){const{source:e,sourceid:t,fieldname:a,editable:s=false,done:d=false,disabled:h=false,focused:p,xscale:u=1,yscale:f=1}=this;const{index:b,field:g}=c.getField(e,t,a,this.field);const{required:v=false,value:m="",label:x="",settings:k={}}=g||{};const y=n(b);const{base64:w}=k;if(d){return i(r,{class:{done:d}},m&&i("img",{src:m,alt:"Initial"}))}return i(r,{class:{required:v,disabled:h,done:d,focused:p},style:{backgroundColor:y}},x&&i("label",null,x),w?i("img",{src:w,alt:"Initial"}):i("button",{onClick:()=>!h&&this.handleShow()},"Initial"),s&&i(o,null,i("div",{id:`verdocs-settings-panel-trigger-${a}`,style:{transform:`scale(${Math.floor(1/u*1e3)/1e3}, ${Math.floor(1/f*1e3)/1e3})`},class:"settings-icon",innerHTML:l,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&i("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${a}`,onClickAway:()=>this.showingProperties=false},i("verdocs-template-field-properties",{templateId:t,fieldName:a,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:g.name});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:"initial fields capture the recipient's initials on a clause or page."}))))}};O.style=H;const P='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-field-radio{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:14px;height:14px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-radio svg{margin-top:4px}verdocs-field-radio.disabled.done{opacity:1}verdocs-field-radio div.label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-radio div.group{top:14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#bb0589;border-bottom-left-radius:2px;border-bottom-right-radius:2px}verdocs-field-radio input{cursor:inherit}verdocs-field-radio.disabled input{opacity:0.5}verdocs-field-radio.done input[type=radio]{margin:0;padding:0;width:10px;height:10px}verdocs-field-radio:not(.done) input[type=radio]{position:absolute;opacity:0}verdocs-field-radio:not(.done) input[type=radio]+label:before{content:"";border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:12px;height:12px;position:absolute;left:0;top:0;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-field-radio:not(.done) input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-field-radio:not(.done) input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-radio:not(.done) input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-field-radio:not(.done) input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio.required{border:1px solid #cc0000}verdocs-field-radio.hide{display:none}verdocs-field-radio.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-radio verdocs-button-panel{margin-left:-20px;margin-top:-7px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-radio .settings-icon{position:absolute;top:-6px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-radio .settings-icon svg{fill:#707ae5}verdocs-field-radio .settings-icon:hover{opacity:1}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}';const E=P;const R=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg>`;const L=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg>`;const q=class{constructor(i){e(this,i);this.settingsChanged=t(this,"settingsChanged",7);this.deleted=t(this,"deleted",7);this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.required=false;this.done=false;this.editable=false;this.moveable=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}async focusField(){this.focused=true;setTimeout((()=>{this.focused=false}),500)}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}render(){const{source:e,sourceid:t,fieldname:a,editable:s=false,done:d=false,disabled:h=false,focused:p,xscale:u=1,yscale:f=1}=this;const{index:b,field:g}=c.getField(e,t,a,this.field);const{name:v,required:m=false,label:x="",group:k="",value:y=false}=g||{};const w=n(b);const D=y==="true";if(d){return i(r,{class:{done:d},style:{maxWidth:"10px"}},i("span",{innerHTML:D?L:R}))}return i(r,{class:{required:this.required||m,disabled:h,done:d,focused:p},style:{backgroundColor:w}},x&&i("div",{class:"label"},x),s&&k&&i("div",{class:"group"},k),i("input",{id:a,type:"radio",name:k||a,value:v,checked:!!D,disabled:h,required:m}),i("label",{htmlFor:a}),s&&i(o,null,i("div",{id:`verdocs-settings-panel-trigger-${a}`,style:{transform:`scale(${Math.floor(1/u*1e3)/1e3}, ${Math.floor(1/f*1e3)/1e3})`},class:"settings-icon",innerHTML:l,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&i("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${a}`,onClickAway:()=>this.showingProperties=false},i("verdocs-template-field-properties",{templateId:t,fieldName:a,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:a});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:"Radio buttons capture the recipient's selection of just one of several related (exclusive) options."}))))}};q.style=E;const U='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-field-signature{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:83px;height:36px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;letter-spacing:0.3px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-signature label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-signature.done{border:none;opacity:1}verdocs-field-signature img{display:block;max-width:100%;max-height:100%}verdocs-field-signature.disabled img{opacity:0.5}verdocs-field-signature button{cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-signature button.hide{display:none}verdocs-field-signature.required{border:1px solid rgb(204, 0, 0)}verdocs-field-signature.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-signature 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-signature verdocs-button-panel[data-active],verdocs-field-signature verdocs-button-panel:hover{opacity:1}verdocs-field-signature verdocs-button-panel .icon svg{fill:#333333}verdocs-field-signature verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-signature .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-signature .settings-icon svg{fill:#707ae5}verdocs-field-signature .settings-icon:hover{opacity:1}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}';const B=U;const V=class{constructor(i){e(this,i);this.fieldChange=t(this,"fieldChange",7);this.settingsPress=t(this,"settingsPress",7);this.settingsChanged=t(this,"settingsChanged",7);this.deleted=t(this,"deleted",7);this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.name="";this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false;this.tempSignature=""}async focusField(){this.handleShow()}hideDialog(){var e;(e=this.dialog)===null||e===void 0?void 0:e.remove();this.dialog=null;this.focused=false}handleAdopt(e){var t;console.log("[SIGNATURE] Adopted signature");this.tempSignature=e.detail;(t=this.fieldChange)===null||t===void 0?void 0:t.emit(this.tempSignature);this.hideDialog()}handleShow(){this.dialog=document.createElement("verdocs-signature-dialog");this.dialog.setAttribute("name",this.name);this.dialog.addEventListener("exit",(()=>this.hideDialog()));this.dialog.addEventListener("next",(e=>this.handleAdopt(e)));document.body.append(this.dialog);this.focused=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}this.showingProperties=false}render(){const{source:e,sourceid:t,fieldname:a,editable:s=false,done:d=false,disabled:h=false,focused:p,xscale:u=1,yscale:f=1}=this;const{index:b,field:g}=c.getField(e,t,a,this.field);const{required:v=false,value:m="",label:x="",settings:k={}}=g||{};const{base64:y}=k;const w=n(b);if(d){return i(r,{class:{done:d}},m&&i("img",{src:y,alt:""}))}return i(r,{class:{required:v,disabled:h,done:d,focused:p},style:{backgroundColor:w}},x&&i("label",null,x),y?i("img",{src:y,alt:""}):i("button",{onClick:()=>!h&&this.handleShow()},"Signature"),s&&i(o,null,i("div",{id:`verdocs-settings-panel-trigger-${a}`,style:{transform:`scale(${Math.floor(1/u*1e3)/1e3}, ${Math.floor(1/f*1e3)/1e3})`},class:"settings-icon",innerHTML:l,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&i("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${a}`,onClickAway:()=>this.showingProperties=false},i("verdocs-template-field-properties",{templateId:t,fieldName:a,onClose:()=>this.hideSettingsPanel(),onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:a});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:"Signature fields capture a recipient's signature on a document."}))))}};V.style=B;const Y='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-field-textarea{width:150px;height:15px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;-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 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.disabled textarea{opacity:0.5}verdocs-field-textarea label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-textarea.required{border:1px solid rgb(204, 0, 0)}verdocs-field-textarea.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}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.3}verdocs-field-textarea .settings-icon svg{fill:#707ae5}verdocs-field-textarea .settings-icon:hover{opacity:1}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}';const W=Y;const J=class{constructor(i){e(this,i);this.settingsChanged=t(this,"settingsChanged",7);this.deleted=t(this,"deleted",7);this.endpoint=s.getDefault();this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}async focusField(){this.inputEl.focus()}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}componentDidRender(){b.dynamicDrop(true);if(this.editable){b(this.el).resizable({edges:{top:true,bottom:true,left:true,right:true},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:i=0,h:r=0}=e.target.dataset;let{width:o,height:a}=e.rect;t=(parseFloat(t)||0)+e.deltaRect.left;i=(parseFloat(i)||0)+e.deltaRect.top;r=(parseFloat(r)||0)+e.deltaRect.height;Object.assign(e.target.style,{width:`${o}px`,height:`${a}px`,transform:`translate(${t}px, ${i+r}px)`});Object.assign(e.target.dataset,{x:t,y:i,h:r})}handleResizeEnd(e){const{source:t,sourceid:i,fieldname:r}=this;const{field:o}=c.getField(t,i,r,this.field);if(!o){return}const[a,s]=e.target.style.transform.split("(")[1].split(")")[0].split(",").map(parseFloat);const n=Math.round(parseFloat(e.target.style.width)/this.xscale);const l=Math.round(parseFloat(e.target.style.height)/this.yscale);const h=Math.round(o.x+a/this.xscale);const p=Math.round(o.y-s/this.yscale);d(this.endpoint,this.sourceid,this.fieldname,{x:h,y:p,width:n,height:l}).then((t=>{var i;(i=this.settingsChanged)===null||i===void 0?void 0:i.emit({fieldName:this.fieldname,field:t});Object.assign(e.target.dataset,{x:0,y:0,h:0})})).catch((e=>console.log("Field update failed",e)))}render(){const{source:e,sourceid:t,fieldname:a,editable:s=false,done:d=false,disabled:h=false,focused:p,xscale:u=1,yscale:f=1}=this;const{index:b,field:g}=c.getField(e,t,a,this.field);const{required:v=false,placeholder:m="",value:x="",label:k=""}=g||{};const y=n(b);if(d){return i(r,{class:{done:d}},x)}return i(r,{class:{required:v,disabled:h,done:d,focused:p},style:{backgroundColor:y}},k&&i("label",null,k),i("textarea",{name:a,disabled:h,required:v,placeholder:m,ref:e=>this.inputEl=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},x),s&&i(o,null,i("div",{id:`verdocs-settings-panel-trigger-${a}`,style:{transform:`scale(${Math.floor(1/u*1e3)/1e3}, ${Math.floor(1/f*1e3)/1e3})`},class:"settings-icon",innerHTML:l,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&i("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${a}`,onClickAway:()=>this.showingProperties=false},i("verdocs-template-field-properties",{templateId:t,fieldName:a,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:a});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:"Text areas may be used to create multi-line text fields."}))))}get el(){return a(this)}};J.style=W;const K='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-field-textbox{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;width:150px;height:15px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;letter-spacing:-0.2px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textbox .edge-top,verdocs-field-textbox .edge-right,verdocs-field-textbox .edge-left,verdocs-field-textbox .edge-bottom{position:absolute;z-index:10}verdocs-field-textbox .edge-top{top:-2px;left:0;right:0;height:5px}verdocs-field-textbox .edge-right{top:0;bottom:0;right:-2px;width:5px}verdocs-field-textbox .edge-left{top:0;left:-2px;bottom:0;width:5px}verdocs-field-textbox .edge-bottom{bottom:-2px;left:0;right:0;height:5px}verdocs-field-textbox input{cursor:inherit;width:100%;height:100%;border:none;outline:none;padding:0 3px;font-size:11px;background:none;font-weight:500;position:absolute;-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-textbox input.hide{display:none}verdocs-field-textbox.disabled input{opacity:0.5}verdocs-field-textbox 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-textbox textarea.hide{display:none}verdocs-field-textbox.disabled textarea{opacity:0.5}verdocs-field-textbox label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-textbox.required{border:1px solid rgb(204, 0, 0)}verdocs-field-textbox.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-textbox 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-textbox verdocs-button-panel[data-active],verdocs-field-textbox verdocs-button-panel:hover{opacity:1}verdocs-field-textbox verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textbox verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textbox [data-lastpass-icon-root]{display:none !important}verdocs-field-textbox .settings-icon{position:absolute;top:-4px;left:-18px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-textbox .settings-icon svg{fill:#707ae5}verdocs-field-textbox .settings-icon:hover{opacity:1}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}';const G=K;const X=class{constructor(i){e(this,i);this.settingsChanged=t(this,"settingsChanged",7);this.deleted=t(this,"deleted",7);this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.multiline=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}async focusField(){this.inputEl.focus()}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}this.showingProperties=false}componentDidRender(){b.dynamicDrop(true);if(this.editable){b(this.el).resizable({edges:{top:".edge-top",left:".edge-left",bottom:".edge-bottom",right:".edge-right"},modifiers:[b.modifiers.restrictSize({min:{width:30,height:15}})],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{width:t,height:i}=e.rect;const r=e.deltaRect.left;const o=e.deltaRect.bottom;const a=parseFloat(e.target.style.left);const s=parseFloat(e.target.style.bottom);t/=this.xscale;i/=this.yscale;Object.assign(e.target.style,{width:`${t}px`,height:`${i}px`,left:`${a+r}px`,bottom:`${s-o}px`})}handleResizeEnd(e){const{sourceid:t,fieldname:i}=this;const r=Math.round(parseFloat(e.target.style.width));let o=Math.round(parseFloat(e.target.style.height));if(o<20){o=15}const a=o>15;d(s.getDefault(),t,i,{width:r,height:o,multiline:a}).then((async t=>{var r;const o=await c.getTemplate(s.getDefault(),this.sourceid);const a=JSON.parse(JSON.stringify(o));const n=a.fields.findIndex((e=>e.name===i));if(n>-1){a.fields[n]=t}c.updateTemplate(this.sourceid,a);(r=this.settingsChanged)===null||r===void 0?void 0:r.emit({fieldName:i,field:t});Object.assign(e.target.dataset,{x:0,y:0,h:0})})).catch((e=>console.log("Field update failed",e)))}render(){const{source:e,sourceid:t,fieldname:a,editable:s=false,done:d=false,disabled:h=false,focused:p,xscale:u=1,yscale:f=1}=this;const{index:b,field:g}=c.getField(e,t,a,this.field);let{required:v=false,placeholder:m="",label:x="",width:k=150,default:y="",multiline:w=false}=g||{};const D=n(b);if(g===null||g===void 0?void 0:g.value){y=g===null||g===void 0?void 0:g.value}const S=k/5;if(d){return i(r,{class:{done:d}},y)}return i(r,{class:{required:v,disabled:h,done:d,focused:p},style:{backgroundColor:D}},s&&i("div",{class:"edge-top"}),s&&i("div",{class:"edge-right"}),s&&i("div",{class:"edge-left"}),s&&i("div",{class:"edge-bottom"}),x&&i("label",null,x),w?i("textarea",{name:a,disabled:h,required:v,placeholder:m,ref:e=>this.inputEl=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},y):i("input",{type:"text",name:a,value:y,disabled:h,required:v,placeholder:m,maxlength:S,ref:e=>this.inputEl=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false}),s&&i(o,null,i("div",{id:`verdocs-settings-panel-trigger-${a}`,style:{transform:`scale(${Math.floor(1/u*1e3)/1e3}, ${Math.floor(1/f*1e3)/1e3})`},class:"settings-icon",innerHTML:l,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&i("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${a}`,onClickAway:()=>this.showingProperties=false},i("verdocs-template-field-properties",{templateId:t,fieldName:a,onClose:()=>this.hideSettingsPanel(),onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:a});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:'Text boxes may be used to capture simple text input. Participant-entered values will be stored for later retrieval via the "name" field.<br /><br />If marked required, the participant must complete the field before proceeding.'}))))}get el(){return a(this)}};X.style=G;const Z='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-field-timestamp{width:160px;height:15px;display:block;font-size:9px;position:relative;scroll-margin:20px 0;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-field-timestamp.done{opacity:1}verdocs-field-timestamp input{position:absolute;cursor:inherit;opacity:0.5;width:100%;height:100%;font-size:9px;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);border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-timestamp input.hide{display:none}verdocs-field-timestamp label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-timestamp.required{border:1px solid rgb(204, 0, 0)}verdocs-field-timestamp.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-timestamp 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-timestamp verdocs-button-panel[data-active],verdocs-field-timestamp verdocs-button-panel:hover{opacity:1}verdocs-field-timestamp verdocs-button-panel .icon svg{fill:#333333}verdocs-field-timestamp verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-timestamp .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-timestamp .settings-icon svg{fill:#707ae5}verdocs-field-timestamp .settings-icon:hover{opacity:1}';const Q=Z;const ee=class{constructor(i){e(this,i);this.settingsChanged=t(this,"settingsChanged",7);this.deleted=t(this,"deleted",7);this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false}async focusField(){this.el.focus()}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}this.showingProperties=false}render(){const{source:e,sourceid:t,fieldname:a,editable:s=false,done:d=false,disabled:h=false,xscale:p=1,yscale:b=1}=this;const{index:g,field:v}=c.getField(e,t,a,this.field);const{required:m=false,placeholder:x="",value:k="",label:y=""}=v||{};const w=n(g);const D=f(new Date(k||(new Date).toISOString()),u);if(d){return i(r,{class:{done:d}},D)}return i(r,{class:{required:m,disabled:h,done:d},style:{backgroundColor:w}},y&&i("label",null,y),i("input",{type:"text",placeholder:x,value:D,disabled:true,ref:e=>this.el=e}),s&&i(o,null,i("div",{id:`verdocs-settings-panel-trigger-${a}`,style:{transform:`scale(${Math.floor(1/p*1e3)/1e3}, ${Math.floor(1/b*1e3)/1e3})`},class:"settings-icon",innerHTML:l,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&i("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${a}`,onClickAway:()=>this.showingProperties=false},i("verdocs-template-field-properties",{templateId:t,fieldName:a,onClose:()=>this.hideSettingsPanel(),onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:a});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:"Time stamps are automatically set when the recipient signs the document."}))))}};ee.style=Q;const te='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-initial-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.4980392157)}verdocs-initial-dialog .dialog{width:100%;max-width:340px;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);background:#f9f9f9}verdocs-initial-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:20px 20px 0 20px;line-height:28px;font-size:20px;font-weight:500}verdocs-initial-dialog .content{font-size:14px;padding:20px}verdocs-initial-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}verdocs-initial-dialog .buttons verdocs-button{margin-left:16px}verdocs-initial-dialog canvas{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:300px;height:79px;max-width:100%;-webkit-box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275);box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275)}verdocs-initial-dialog .disclaimer{text-align:justify;padding:8px 0;font-size:11px;line-height:14px;color:rgba(0, 0, 0, 0.54)}verdocs-initial-dialog .as-shown{font-size:11px;margin:4px 0 20px 4px;color:rgba(0, 0, 0, 0.54)}verdocs-initial-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-initial-dialog .tabs .tab{padding:8px 15px;cursor:pointer}verdocs-initial-dialog .tabs .tab.active{border-bottom:2px solid #cccccc}verdocs-initial-dialog .tabs .tab:hover{color:#55bc81}';const ie=te;const re=class{constructor(i){e(this,i);this.next=t(this,"next",7);this.exit=t(this,"exit",7);this.initials="";this.fontLoaded=false;this.enteredInitials="";this.mode="type"}componentWillLoad(){this.enteredInitials=this.initials.toUpperCase();const e=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");e.load().then((e=>{document.fonts.add(e);this.fontLoaded=true}))}componentDidLoad(){this.redrawSignature()}componentDidUpdate(){this.redrawSignature()}redrawSignature(){console.log("redrawing sig");if(!this.canvasElement){console.log("no canvas");return}const e=this.canvasElement.width;console.log("cw",e);const t=this.canvasElement.getContext("2d");t.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);let i=100;do{i-=2;t.font=`${i}px Dancing Script`}while(t.measureText(this.enteredInitials).width>e-32);t.textAlign="center";t.textBaseline="middle";t.font=`${i}px Dancing Script`;t.fillText(this.enteredInitials,this.canvasElement.width/2,this.canvasElement.height/2)}handleNameChange(e){this.enteredInitials=e.target.value}handleCancel(e){e.stopPropagation();e.preventDefault();this.exit.emit()}handleAdopt(e){e.stopPropagation();e.preventDefault();const t=this.canvasElement.toDataURL("image/png");this.next.emit(t)}render(){return i(r,{key:"c4b8b5e4b5f4017deca35db1c5daa1f8fabb0616",onClick:e=>this.handleCancel(e)},i("div",{key:"c360d141ae17728f8b06961262976b5015a1273d",class:"dialog"},i("div",{key:"ac204ddf1e5dc891d05f85a27ea46fdf2842bd8a",class:"heading"},"Create Your Initial"),i("div",{key:"2875533b7d38749252210680c3796e7909a2726d",class:"content"},i("verdocs-text-input",{key:"b91fc797dfec20e87c6f3363e0ac3a135454cea8",placeholder:"Initials...",label:"Initials",value:this.enteredInitials,onInput:e=>this.handleNameChange(e)}),i("div",{key:"fe8e817476ea21d2bf57778e19c9e4091e702c3f",class:"as-shown"},"As shown on driver's license or govt. ID card."),this.fontLoaded?i("canvas",{ref:e=>this.canvasElement=e}):i("div",{style:{display:"none"}}),i("div",{key:"b37e3a57ab82cc3b096d3fc4d4211897b600d306",class:"disclaimer"},"By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts — just the same as a pen-and-paper signature or initial."),i("div",{key:"d13af212f0a76ee6a18f9daa8525cbe8ba89dc47",class:"buttons"},i("verdocs-button",{key:"3d2dcf7dce79718c082b0da14b17f99f031cc6d4",label:"CANCEL",variant:"outline",onClick:e=>this.handleCancel(e)}),i("verdocs-button",{key:"2e3628468a651385d85cf3dfe259ce277b3adf8b",label:"Adopt & Sign",onClick:e=>this.handleAdopt(e)})))))}};re.style=ie;const oe='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-signature-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.4980392157)}verdocs-signature-dialog .dialog{width:100%;max-width:340px;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);background:#f9f9f9}verdocs-signature-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:20px 20px 0 20px;line-height:28px;font-size:20px;font-weight:500}verdocs-signature-dialog .content{font-size:14px;padding:20px}verdocs-signature-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}verdocs-signature-dialog .buttons verdocs-button{margin-left:16px}verdocs-signature-dialog canvas{background:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:300px;height:79px;max-width:100%;-webkit-box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275);box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275)}verdocs-signature-dialog .disclaimer{text-align:justify;padding:8px 0;font-size:11px;line-height:14px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .as-shown{font-size:11px;margin:4px 0 20px 4px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-signature-dialog .tabs .tab{padding:8px 15px;cursor:pointer}verdocs-signature-dialog .tabs .tab.active{border-bottom:2px solid #cccccc}verdocs-signature-dialog .tabs .tab:hover{color:#55bc81}';const ae=oe;const se=class{constructor(i){e(this,i);this.next=t(this,"next",7);this.exit=t(this,"exit",7);this.name="";this.fontLoaded=false;this.enteredName="";this.mode="type"}componentWillLoad(){this.enteredName=this.name;const e=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");e.load().then((e=>{document.fonts.add(e);this.fontLoaded=true}))}componentDidLoad(){this.redrawSignature()}componentDidUpdate(){this.redrawSignature()}redrawSignature(){if(!this.canvasElement){return}const e=this.canvasElement.width;const t=this.canvasElement.getContext("2d");t.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);let i=100;do{i-=2;t.font=`${i}px Dancing Script`}while(t.measureText(this.enteredName).width>e-32);t.textAlign="center";t.textBaseline="middle";t.font=`${i}px Dancing Script`;t.fillText(this.enteredName,this.canvasElement.width/2,this.canvasElement.height/2)}handleNameChange(e){this.enteredName=e.target.value}handleCancel(e){e.stopPropagation();e.preventDefault();this.exit.emit()}handleAdopt(e){e.stopPropagation();e.preventDefault();const t=this.canvasElement.toDataURL("image/png");this.next.emit(t)}render(){return i(r,{key:"db83cd26256c06ca64246476670f758c8769376f",onClick:e=>this.handleCancel(e)},i("div",{key:"0f0fbdb102c364788061d0d82eb661c9a75a4979",class:"dialog"},i("div",{key:"c1ab6d62024fffd47004cb3eaa2c44f4785ee43b",class:"heading"},"Create Your Signature"),i("div",{key:"431f8053f3b5ab989e54b46fd9bf2903ac8c43b8",class:"content"},i("verdocs-text-input",{key:"22ba82134555f3ef5874fee569089d9c24ea4d92",placeholder:"Full Name...",label:"Full Name",value:this.enteredName,onInput:e=>this.handleNameChange(e),onClick:e=>e.stopPropagation()}),i("div",{key:"85790955c896b2c81fba86b053e08d45d4fedf61",class:"as-shown"},"As shown on driver's license or govt. ID card."),this.fontLoaded?i("canvas",{ref:e=>this.canvasElement=e}):i("div",{style:{display:"none"}}),i("div",{key:"6757442d1103cad7301e8d347bd4f589d8f10d71",class:"disclaimer"},"By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts — just the same as a pen-and-paper signature or initial."),i("div",{key:"b9c409396f635d55f8cc9c5c32a838855d764c41",class:"buttons"},i("verdocs-button",{key:"f8e4dcfafbf3cbe46f251ee76cf4965e319bce42",label:"CANCEL",size:"normal",variant:"outline",onClick:e=>this.handleCancel(e)}),i("verdocs-button",{key:"2acfc782151721953b8c2c7f05fa967cc212581e",label:"Adopt & Sign",size:"normal",onClick:e=>this.handleAdopt(e)})))))}};se.style=ae;const ne='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-upload-dialog{position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-upload-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}verdocs-upload-dialog .upload-dialog-content{width:320px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-upload-dialog .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-upload-dialog .buttons verdocs-button{margin-left:16px}verdocs-upload-dialog .current-label{margin:20px 0 5px 0}verdocs-upload-dialog .drop-target{opacity:1;width:100%;display:-ms-flexbox;display:flex;margin:20px 0;min-height:260px;padding:30px 15px;text-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;background-color:#f5f5f5;color:#33364b;border:2px dashed #979797}verdocs-upload-dialog .drop-target p{margin:12px 0;font-weight:500}verdocs-upload-dialog .drop-target p.subscript{margin:20px;color:#5c6575;font-size:14px}verdocs-upload-dialog .drop-target.dragging-over{border:5px solid #4c56cb}verdocs-upload-dialog .drop-target>verdocs-button{margin:12px 0;display:inline-block}verdocs-upload-dialog .attachments{height:56px;font-size:0;margin:20px 0;padding:0 16px;line-height:56px;white-space:normal;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)}verdocs-upload-dialog .attachments .attachment{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .attachments .attachment .icon{width:18px;height:18px;line-height:18px}verdocs-upload-dialog .attachments .attachment .icon.trash{cursor:pointer}verdocs-upload-dialog .attachments .attachment .name{-ms-flex:1;flex:1;font-size:14px;overflow:hidden;font-weight:400;white-space:nowrap;text-overflow:ellipsis}verdocs-upload-dialog .error{margin:20px 0;color:#cc0000}';const de=ne;const le=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>`;const ce=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" /></svg>`;const he=class{constructor(i){e(this,i);this.exit=t(this,"exit",7);this.next=t(this,"next",7);this.remove=t(this,"remove",7);this.maxSize=20*1024*1024;this.draggingOver=false;this.confirmDelete=false;this.selectedFiles=[];this.errorMessage=""}handleCancel(){this.exit.emit()}handleDismiss(e){if(e.target.class==="background-overlay"){e.preventDefault();this.handleCancel()}}handleDone(){this.next.emit(this.selectedFiles)}handleDragOver(e){e.preventDefault();this.draggingOver=true}handleDragLeave(e){e.preventDefault();this.draggingOver=false}async handleDrop(e){e.preventDefault();this.draggingOver=false;this.handleSetSelected(Array.from(e.dataTransfer.files))}handleRemoveAttachment(e){const t=[...this.selectedFiles];t.splice(e,1);this.handleSetSelected(t)}handleSetSelected(e){this.selectedFiles=e;this.errorMessage="";const t=this.selectedFiles.reduce(((e,t)=>e+t.size),0);if(t>this.maxSize){this.errorMessage="Total file size must not exceed 20MB."}}handleDeleteAttachment(e){var t;e.preventDefault();e.stopPropagation();(t=this.remove)===null||t===void 0?void 0:t.emit();this.existingFile=null;this.confirmDelete=false}handleSelectFile(){var e;(e=this.fileInput)===null||e===void 0?void 0:e.click()}async handleFileChange(){var e;const t=Array.from((e=this.fileInput)===null||e===void 0?void 0:e.files);this.handleSetSelected(t)}render(){var e;const t=((e=this.existingFile)===null||e===void 0?void 0:e.name)?this.existingFile:null;return i(r,{key:"53b5f03bf52759c10a3a49fb50c3ac8bd5a29fac"},i("div",{key:"1e694d5bcf05a8843d2a8230c265adf63b2f5632",class:"background-overlay",onClick:e=>this.handleDismiss(e)},i("div",{key:"0e2f516292020d60b20a3d0d4880c1480b322af8",class:"upload-dialog-content"},i("div",{key:"66ee3e42c2ba63afcd2e244d4a3f137302ed2dae",class:"heading"},"Upload attachment"),this.selectedFiles.length<1&&t&&i(o,{key:"d01a4c3dfbca24f2b381863f1b70792a824bae9d"},i("div",{key:"102ef1f30e350cd7238d473ff630b93dd3612c5b",class:"current-label"},"Current Attachment"),i("div",{key:"d1863ec44309b61a250c316f17544340d882f47b",class:"attachments",style:{marginTop:"0"}},i("div",{key:"2fd48ae87977d43589ac59589b4738fd55742784",class:"attachment"},i("div",{key:"f9cde15c734eed9b0aa42b69d157ffd7c71bde9c",class:"icon",innerHTML:ce}),i("div",{key:"9295e1a6c34a007348adbfecea17c55f98b1efa5",class:"name"},t.name),i("div",{key:"fc01de9baf5af30736ce72f4e91749ebe803f1ad",class:"icon trash",innerHTML:le,onClick:()=>this.confirmDelete=true})))),this.selectedFiles.length<1&&!t&&i("div",{key:"0a28a0256945fda60ec0b8a0265a8f68d3a33e06",class:{"drop-target":true,"dragging-over":this.draggingOver},onDragOver:e=>this.handleDragOver(e),onDragLeave:e=>this.handleDragLeave(e),onDrop:e=>this.handleDrop(e)},i("p",{key:"7f1602cbda283608a064490d6851a7a63da6d646"},"Drag and drop your files here"),i("p",{key:"4c33d8445f58b7c619b56fa155db1ff11c077311",class:"subscript"},"Supported files: PDF, Word, JPG, PNG"),i("verdocs-button",{key:"da27559add2a360b16d86d741aba2cd964fd3fef",label:!!t?"Replace files":"Select files",onClick:()=>this.handleSelectFile()}),i("input",{key:"910c07f28a1551bb412f389990c3ffdbc68ad3ec",type:"file",ref:e=>this.fileInput=e,style:{display:"none"},accept:".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*",onChange:()=>this.handleFileChange()})),this.selectedFiles.length>0&&i("div",{key:"bb86f1148caca14c801c471545a1ca48c7586fcb",class:"attachments"},this.selectedFiles.map(((e,t)=>i("div",{class:"attachment"},i("div",{class:"icon",innerHTML:ce}),i("div",{class:"name"},e.name),i("div",{class:"icon trash",innerHTML:le,onClick:()=>this.handleRemoveAttachment(t)}))))),!!this.errorMessage&&i("div",{key:"eef464b534d2ae16833671f53ba6709f44062e7b",class:"error"},this.errorMessage),i("div",{key:"8a3dfaa7c0d23f43ba7db667dd1ae63af2c30d97",class:"buttons"},i("verdocs-button",{key:"7cf81955a3700b663f7eae5e5b9036c3edf58361",label:"Cancel",variant:"outline",onClick:()=>this.handleCancel()}),i("verdocs-button",{key:"15c02d363730f578abf1804e404bae2501842cd0",label:"Upload",onClick:()=>this.handleDone(),disabled:!!this.errorMessage||this.selectedFiles.length<1})))),this.confirmDelete&&i("verdocs-ok-dialog",{key:"65ab68e92be7cc3abf69251db7d9a80dc712e880",heading:"Delete Attachment?",message:"Are you sure you wish to delete this attachment? This action cannot be undone.",showCancel:true,onExit:e=>{e.preventDefault();e.stopPropagation();this.confirmDelete=false},onNext:e=>this.handleDeleteAttachment(e)}))}};he.style=de;export{k as verdocs_field_attachment,D as verdocs_field_checkbox,F as verdocs_field_date,I as verdocs_field_dropdown,O as verdocs_field_initial,q as verdocs_field_radio,V as verdocs_field_signature,J as verdocs_field_textarea,X as verdocs_field_textbox,ee as verdocs_field_timestamp,re as verdocs_initial_dialog,se as verdocs_signature_dialog,he as verdocs_upload_dialog};
-//# sourceMappingURL=p-80f14626.entry.js.map

package/dist/verdocs-web-sdk/p-a2759b1d.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as e,h as r,H as a}from"./p-ddadabfb.js";const c='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-table{width:100%;display:block;margin:0 0 10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-table .table-wrapper{margin:10px 0;padding:0}verdocs-table .table{width:100%;border:none;border-collapse:collapse}verdocs-table .row.data-row{border:1px solid #d4d4d8;background-color:#ffffff}verdocs-table .header-col{color:#5c6575;font-weight:600;text-align:left;padding:8px 16px}verdocs-table .data-col{font-weight:400;padding:8px 16px}';const d=c;const l=class{constructor(r){o(this,r);this.colHeaderClick=e(this,"colHeaderClick",7);this.rowClick=e(this,"rowClick",7);this.columns=[];this.data=[]}render(){return r(a,{key:"0f5ccb1d3bf8296157a3b4988a158a0277405127",class:"table-wrapper"},r("table",{key:"0994c41fb599962358081f0849dd3d3399780397",class:"table"},r("thead",{key:"ebee5297f9bae8d5527e8ea2ad84c44278aed243"},r("tr",{key:"ee44689ef6c78e4debb206e6d554f9df848e1868",class:"row header-row"},this.columns.map(((o,e)=>r("th",{class:`col header-col col-${e} col-${o.id}`,onClick:()=>{var e;return(e=this.colHeaderClick)===null||e===void 0?void 0:e.emit({col:o})},innerHTML:o.renderHeader?o.renderHeader(o):o.header||o.id}))))),r("tbody",{key:"9cbccc8987ca66498dbd006c2599bc6f2c85c8d6"},this.data.map((o=>r("tr",{class:"row data-row",onClick:()=>{var e;return(e=this.rowClick)===null||e===void 0?void 0:e.emit({row:o})}},this.columns.map(((e,a)=>e.renderCell?r("td",{class:`col data-col col-${a} col-${e.id}`,innerHTML:e.renderCell(e,o)}):r("td",{class:`col data-col col-${a} col-${e.id}`},o[e.id])))))))))}};l.style=d;export{l as verdocs_table};
-//# sourceMappingURL=p-a2759b1d.entry.js.map

package/dist/verdocs-web-sdk/p-afa4e09b.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["verdocsCheckboxCss","VerdocsCheckboxStyle0","VerdocsCheckbox","exports","class_1","hostRef","this","checked","name","label","value","theme","disabled","prototype","render","h","Host","key","class","_d","type","verdocsComponentErrorCss","VerdocsComponentErrorStyle0","VerdocsComponentError","class_2","message","verdocsLoaderCss","VerdocsLoaderStyle0","VerdocsLoader","class_3","verdocsSelectInputCss","VerdocsSelectInputStyle0","VerdocsSelectInput","class_4","_this","options","map","option","selected","verdocsTemplateFieldPropertiesCss","VerdocsTemplateFieldPropertiesStyle0","capitalize","str","charAt","toUpperCase","slice","TrashIcon","HelpIcon","VerdocsTemplateFieldProperties","class_5","templateListenerId","endpoint","VerdocsEndpoint","getDefault","templateId","fieldName","helpText","dirty","required","roleName","group","fieldType","placeholder","defaultValue","showingHelp","loading","template","disconnectedCallback","unlistenToTemplate","listenToTemplate","console","log","Store","subscribe","getTemplate","resetForm","store","delListener","componentWillLoad","loadSession","concat","error","session","e","_a","sdkError","emit","SDKError","_b","response","status","_c","data","field","fields","find","role_name","default","cleanupOptions","handleCancel","stopPropagation","close","document","getElementById","remove","handleSave","newProperties","updateField","then","updatedField","newTemplate","JSON","parse","stringify","fieldIndex","findIndex","updateTemplate","settingsChanged","catch","handleDelete","deleteField","filter","delete","__spreadArray","opt","id","trim","some","style","flex","innerHTML","onClick","hasOptions","length","saveDisabled","replace","onSubmit","preventDefault","autocomplete","onInput","target","roles","role","includes","marginTop","marginBottom","toLowerCase","htmlFor","index","size","variant","verdocsTextInputCss","VerdocsTextInputStyle0","ClearIcon","CopyIcon","EyeIcon","EyeSlashIcon","VerdocsTextInput","class_6","clearable","copyable","showingPw","copyToClipboard","inputEl","select","navigator","clipboard","writeText","VerdocsToast","autoComplete","ref","el","setTimeout","setAttribute","dispatchEvent","window","Event","blur","text"],"sources":["src/components/controls/verdocs-checkbox/verdocs-checkbox.scss?tag=verdocs-checkbox","src/components/controls/verdocs-checkbox/verdocs-checkbox.tsx","src/components/controls/verdocs-component-error/verdocs-component-error.scss?tag=verdocs-component-error","src/components/controls/verdocs-component-error/verdocs-component-error.tsx","src/components/controls/verdocs-loader/verdocs-loader.scss?tag=verdocs-loader","src/components/controls/verdocs-loader/verdocs-loader.tsx","src/components/controls/verdocs-select-input/verdocs-select-input.scss?tag=verdocs-select-input","src/components/controls/verdocs-select-input/verdocs-select-input.tsx","src/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.scss?tag=verdocs-template-field-properties","src/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.tsx","src/components/controls/verdocs-text-input/verdocs-text-input.scss?tag=verdocs-text-input","src/components/controls/verdocs-text-input/verdocs-text-input.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\n// Your periodic reminder that it's 2022 and you still can't style HTML checkboxes\nverdocs-checkbox {\n  line-height: 18px;\n  font-family: $verdocs-primary-font;\n\n  label > input[type='checkbox'] {\n    display: none;\n  }\n\n  label > input[type='checkbox'] + *::before {\n    content: '';\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n    margin-right: 8px;\n    line-height: 20px;\n    border-radius: 2px;\n    border-style: solid;\n    border-width: 0.1rem;\n    display: inline-block;\n    vertical-align: bottom;\n    border-color: $verdocs-grey-2;\n  }\n\n  label > input[type='checkbox']:checked + * {\n    color: $verdocs-green;\n  }\n\n  label > input[type='checkbox']:checked + *::before {\n    content: '✓';\n    color: white;\n    text-align: center;\n    background: $verdocs-green;\n    border-color: $verdocs-green;\n  }\n\n  &.dark {\n    label > input[type='checkbox'] + *::before {\n      border-color: $verdocs-grey-4;\n    }\n\n    label > input[type='checkbox']:checked + *::before {\n      background: $verdocs-green;\n      border-color: $verdocs-green;\n    }\n  }\n}\n","import {Component, h, Host, Prop} from '@stencil/core';\n\n/**\n * Displays a check box. Note that this is different from the `verdocs-field-checkbox` component, which is designed\n * to be used in signing experiences and contains settings that connect to template fields. This is just a simple check\n * box for UI displays e.g. dialog boxes.\n *\n * This control encapsulates a standard HTML checkbox. To subscribe to change events, connect an `onChange`\n * handler. Sample usage:\n *\n * ```ts\n * <verdocs-checkbox\n *    value=\"on\"\n *    name=\"thingEnabled\"\n *    checked={this.thingEnabled}\n *    onInput={(e: any) => (this.thingEnabled = e.target.checked)}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-checkbox',\n  styleUrl: 'verdocs-checkbox.scss',\n  shadow: false,\n})\nexport class VerdocsCheckbox {\n  /**\n   * Whether the radio button is currently selected.\n   */\n  @Prop() checked: boolean = false;\n\n  /**\n   * HTML form field name for the input.\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Label to display. Leave blank for no label. The label will be displayed to the right of the checkbox, but may be\n   * repositioned with CSS.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * Value to track with the input. Value is not used internally by this component but is sometimes useful to set\n   * because it can be retrieved in event handlers via e.target.value. This can be used to identify which\n   * checkbox was clicked in a checkbox group.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * Style of checkbox to render. Use 'dark' when rendering on a dark background.\n   */\n  @Prop() theme: 'light' | 'dark' = 'light';\n\n  /**\n   * If set, the button will still be displayed but not selectable.\n   */\n  @Prop() disabled?: boolean = false;\n\n  render() {\n    return (\n      <Host class={{disabled: this.disabled, [this.theme]: true}}>\n        <label>\n          <input type=\"checkbox\" value={this.value} name={this.name} checked={this.checked} disabled={this.disabled} />\n          <span>{this.label}</span>\n        </label>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-component-error {\n  font-family: $verdocs-primary-font;\n  display: flex;\n  padding: 15px;\n  align-items: center;\n  justify-content: center;\n\n  .inner {\n    flex: 1;\n    height: 300px;\n    display: flex;\n    font-size: 18px;\n    box-sizing: border-box;\n    padding: 0 20px;\n    background: #ffffff;\n    align-items: center;\n    justify-content: center;\n  }\n}\n","// NOTE: This component does not have a story because it's not intended for external use.\n\nimport {Component, h, Host, Prop} from '@stencil/core';\n\n/**\n * Render a simple error message.\n */\n@Component({\n  tag: 'verdocs-component-error',\n  styleUrl: 'verdocs-component-error.scss',\n  shadow: false,\n})\nexport class VerdocsComponentError {\n  /**\n   * The message to display.\n   */\n  @Prop() message: string = '';\n\n  render() {\n    return (\n      <Host>\n        <div class=\"inner\">{this.message}</div>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-loader {\n  display: block;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-left: -20px;\n  margin-top: -20px;\n  font-size: 24px;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  text-indent: -9999em;\n  -webkit-animation: load5 1.1s infinite ease;\n  animation: verdocs-loader-kf 1.1s infinite ease;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n}\n\n@keyframes verdocs-loader-kf {\n  0%,\n  100% {\n    box-shadow: 0em -2.6em 0em 0em $verdocs-bg-2, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.3), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4);\n  }\n  12.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.4), 1.8em -1.8em 0 0em $verdocs-bg-2, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3);\n  }\n  25% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.3), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4), 2.5em 0em 0 0em $verdocs-bg-2, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  37.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3), 2.5em 0em 0 0em rgba(0, 0, 0, 0.4), 1.75em 1.75em 0 0em $verdocs-bg-2,\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  50% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.3), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.4),\n      0em 2.5em 0 0em $verdocs-bg-2, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  62.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.3),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.4), -1.8em 1.8em 0 0em $verdocs-bg-2, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  75% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.3), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.4), -2.6em 0em 0 0em $verdocs-bg-2, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  87.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.3), -2.6em 0em 0 0em rgba(0, 0, 0, 0.4), -1.8em -1.8em 0 0em $verdocs-bg-2;\n  }\n}\n","import {Component, h, Host} from '@stencil/core';\n\n/**\n * Animated loader placeholder. There are currently no configuration options for this control.\n *\n * ```ts\n * <verdocs-loader />\n * ```\n */\n@Component({\n  tag: 'verdocs-loader',\n  styleUrl: 'verdocs-loader.scss',\n  shadow: false,\n})\nexport class VerdocsLoader {\n  render() {\n    return <Host />;\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-select-input {\n  font-family: $primary-font;\n  box-sizing: border-box;\n  margin: 0 0 10px 0;\n  display: block;\n\n  .input-element {\n    box-sizing: border-box;\n    background: $verdocs-grey-4;\n    border: 1px solid $border-color;\n    border-radius: 4px;\n    background: $verdocs-grey-4;\n    color: $verdocs-grey-0;\n    width: 100%;\n    font-size: 14px;\n    height: 34px;\n    padding: 2px 3px;\n\n    &::placeholder {\n      color: $light-disabled-color;\n      opacity: 1;\n    }\n\n    &:focus {\n      //border: 1px solid $border-color-highlight;\n    }\n  }\n\n  .input-label {\n    display: block;\n    color: $label-color-light;\n    font-weight: 700;\n    font-size: 14px;\n    margin: 0 0 4px 0;\n  }\n}\n","import {Component, Prop, Host, h} from '@stencil/core';\n\n/**\n * Display a text input field. This is just a standard HTML input field with minimal markup to fit the\n * visual styles of the other components. Note that events \"bubble\" from the input field to the container,\n * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emit.\n *\n * ```ts\n * <verdocs-select-input label=\"Select:\" label=\"Select\" options={[...options]} @input={() => {}} />\n * ```\n */\n@Component({\n  tag: 'verdocs-select-input',\n  styleUrl: 'verdocs-select-input.scss',\n})\nexport class VerdocsSelectInput {\n  /**\n   * The initial value for the input field.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * The label for the field.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * The options to list.\n   */\n  @Prop() options: {label: string; value: string}[];\n\n  /**\n   * Should the field be disabled?\n   */\n  @Prop() disabled: boolean = false;\n\n  render() {\n    return (\n      <Host class=\"input-field\">\n        <label>\n          {this.label ? <div class=\"input-label\">{this.label + ':'}</div> : <div />}\n          <select class=\"input-element\" disabled={this.disabled}>\n            {this.options.map(option => (\n              <option value={option.value} selected={option.value === this.value}>\n                {option.label}\n              </option>\n            ))}\n          </select>\n        </label>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-template-field-properties {\n  padding: 20px;\n  display: block;\n  border-radius: 4px;\n  background: #ffffff;\n  border: 1px solid #ccc;\n  font-family: $verdocs-primary-font;\n  box-shadow: 2px 2px 10px 0 #0000001f;\n\n  @media all and (max-width: 600px) {\n    padding: 10px;\n    transform: scale(0.8);\n  }\n\n  .buttons {\n    display: flex;\n    margin-top: 30px;\n    align-items: center;\n    flex-direction: row;\n    justify-content: flex-end;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n\n  form .row {\n    display: flex;\n    column-gap: 15px;\n    margin: 0 0 10px 0;\n    align-items: center;\n    flex-direction: row;\n\n    .input-label {\n      display: block;\n      color: $label-color-light;\n      font-weight: 700;\n      font-size: 14px;\n      margin: 0 0 4px 0;\n      flex: 0 0 100px;\n    }\n  }\n\n  verdocs-select-input {\n    flex: 1;\n    margin: 0;\n  }\n\n  verdocs-text-input {\n    margin: 0;\n    flex: 1;\n\n    label {\n      margin: 0;\n      display: flex;\n      column-gap: 15px;\n      align-items: center;\n      flex-direction: row;\n    }\n\n    .input-label {\n      flex: 0 0 100px;\n    }\n\n    input {\n      flex: 1;\n      display: flex;\n    }\n  }\n\n  .checkbox-wrapper {\n    flex: 1;\n    display: flex;\n  }\n\n  .delete-button {\n    height: 34px;\n    display: flex;\n    cursor: pointer;\n    background: none;\n    border-radius: 4px;\n    align-items: center;\n    border: 1px solid #999;\n    justify-content: center;\n\n    &:active {\n      background: #f3f3f3;\n    }\n\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  h6 {\n    flex: 1;\n    display: flex;\n    font-size: 16px;\n    font-weight: bold;\n    margin: 0 0 8px 0;\n    flex-direction: row;\n    color: $verdocs-grey-0;\n\n    .help-icon {\n      opacity: 0.5;\n\n      &:hover {\n        opacity: 1;\n        cursor: pointer;\n      }\n    }\n  }\n\n  .instructions {\n  }\n\n  .row-header {\n    gap: 15px;\n    display: flex;\n    flex-direction: row;\n\n    h6 {\n      margin-bottom: 0;\n    }\n\n    verdocs-help-icon {\n      transform: scale(0.85);\n\n      svg {\n        margin-bottom: -5px;\n      }\n    }\n\n    .add-button {\n      margin: 0;\n      padding: 0;\n      border: none;\n      opacity: 0.5;\n      cursor: pointer;\n      background: none;\n\n      &:hover {\n        opacity: 1;\n      }\n\n      svg {\n        width: 32px;\n        height: 32px;\n      }\n    }\n  }\n\n  .options-header {\n    gap: 10px;\n    margin: 0 0 5px 0;\n    display: flex;\n    color: #ffffff;\n    font-size: 14px;\n    padding: 5px 8px;\n    font-weight: 700;\n    text-align: center;\n    flex-direction: row;\n    justify-content: center;\n    background-color: #333333;\n  }\n\n  .options-header-label {\n    display: flex;\n    flex: 1;\n    font-weight: 700;\n    font-size: 14px;\n  }\n\n  .option-row {\n    margin: 15px 0;\n\n    .remove-button {\n      height: 28px;\n      display: flex;\n      cursor: pointer;\n      background: none;\n      border-radius: 4px;\n      align-items: center;\n      border: 1px solid #999;\n      justify-content: center;\n\n      &:active {\n        background: #f3f3f3;\n      }\n\n      &:hover {\n        svg {\n          stroke: rgb(165, 0, 33);\n        }\n      }\n\n      svg {\n        width: 20px;\n        height: 20px;\n        stroke: #333333;\n      }\n    }\n  }\n\n  .options {\n    background: #f3f3f3;\n    padding: 0 0 1px 0;\n\n    .row-header,\n    .option-row {\n      padding: 0 10px;\n    }\n\n    .add-option-button {\n      border-radius: 5px;\n      border: 1px solid #cccccc;\n      background: $verdocs-grey-blue;\n      color: #ffffff;\n      padding: 3px 8px;\n    }\n\n    .option-row .input-element {\n      font-size: 14px;\n    }\n\n    verdocs-help-icon {\n      opacity: 1;\n      transform: scale(0.8);\n\n      svg {\n        fill: #ffffff;\n      }\n    }\n  }\n}\n","import {Component, h, Element, Event, EventEmitter, Prop, State, Host} from '@stencil/core';\nimport {deleteField, getTemplate, type ITemplate, ITemplateField, TFieldType, updateField, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);\n\nconst TrashIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#a50021\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0\" /></svg>`;\n\nconst HelpIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\"><path d=\"M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z\"/></svg>';\n\n/**\n * Displays an edit form that allows the user to adjust a field's settings.\n */\n@Component({\n  tag: 'verdocs-template-field-properties',\n  styleUrl: 'verdocs-template-field-properties.scss',\n  shadow: false,\n})\nexport class VerdocsTemplateFieldProperties {\n  private templateListenerId = null;\n\n  @Element()\n  el: any;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The template ID to edit.\n   */\n  @Prop() templateId: string = '';\n\n  /**\n   * The field to configure.\n   */\n  @Prop({mutable: true}) fieldName: string = '';\n\n  /**\n   * If specified, the properties card will have a \"back\" side with the help text as its content.\n   */\n  @Prop() helpText?: string = '';\n\n  /**\n   * Event fired when the user cancels the dialog.\n   */\n  @Event({composed: true}) close: EventEmitter;\n\n  /**\n   * Event fired when the user deletes the role. The parent should update its UI to reflect the removal. When this event is emitted,\n   * the role will have already been deleted server-side.\n   */\n  @Event({composed: true}) delete: EventEmitter<{templateId: string; roleName: string}>;\n\n  /**\n   * Event fired when the field's settings are changed.\n   */\n  @Event({composed: true}) settingsChanged: EventEmitter<{fieldName: string; field: ITemplateField}>;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  @State() dirty: boolean = false;\n  @State() label = '';\n  @State() type = 'textbox' as TFieldType;\n  @State() name = '';\n  @State() required = false;\n  @State() roleName = '';\n  @State() group = '';\n  @State() fieldType = '';\n  @State() options = [];\n  @State() placeholder = '';\n  @State() defaultValue = '';\n  @State() showingHelp = false;\n\n  @State() loading = true;\n  @State() template: ITemplate | null = null;\n\n  disconnectedCallback() {\n    this.unlistenToTemplate();\n  }\n\n  async listenToTemplate() {\n    console.log('[SENT] Loading template', this.templateId);\n    this.unlistenToTemplate();\n    Store.subscribe(\n      'templates',\n      this.templateId,\n      () => getTemplate(this.endpoint, this.templateId),\n      false,\n      (template: ITemplate) => {\n        console.log('[SEND] Template Updated', template);\n        this.template = template;\n        this.loading = false;\n        this.resetForm();\n      },\n    );\n  }\n\n  unlistenToTemplate() {\n    if (this.templateListenerId) {\n      Store.store.delListener(this.templateListenerId);\n      this.templateListenerId = null;\n    }\n  }\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n\n      if (!this.templateId) {\n        console.log(`[FIELD PROPERTIES] Missing required template ID ${this.templateId}`);\n        return;\n      }\n\n      if (!this.fieldName) {\n        console.error(`[FIELD PROPERTIES] Missing required field name`);\n        return;\n      }\n\n      if (!this.endpoint.session) {\n        console.log('[FIELD PROPERTIES] Unable to start builder session, must be authenticated');\n        return;\n      }\n\n      this.listenToTemplate();\n    } catch (e) {\n      console.log('[FIELD PROPERTIES] Error loading template', e);\n      this.loading = false;\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  resetForm() {\n    const field = (this.template?.fields || []).find(field => field.name === this.fieldName);\n    if (!field) {\n      console.log(`[FIELD PROPERTIES] Unable to find field \"${this.fieldName}\" in fields`);\n      return;\n    }\n\n    this.type = field.type;\n    this.name = field.name;\n    this.label = field.label;\n    this.group = field.group;\n    this.roleName = field.role_name;\n    this.required = field.required;\n    this.fieldType = field.type;\n    this.options = field.options || [];\n    this.placeholder = field.placeholder || '';\n    this.defaultValue = field.default || '';\n    this.dirty = false;\n    this.loading = false;\n    this.cleanupOptions();\n  }\n\n  handleCancel(e: any) {\n    e.stopPropagation();\n\n    this.resetForm();\n    this.close?.emit();\n    document.getElementById('verdocs-template-field-properties')?.remove();\n  }\n\n  handleSave(e: any) {\n    e.stopPropagation();\n    const newProperties = {\n      name: this.name,\n      role_name: this.roleName,\n      required: this.required,\n      label: this.label,\n      group: this.group,\n      placeholder: this.placeholder,\n      default: this.defaultValue,\n      options: this.options,\n    } as Partial<ITemplateField>;\n\n    this.cleanupOptions();\n    console.log('[FIELD PROPERTIES] Will update', this.fieldName, newProperties);\n    updateField(this.endpoint, this.templateId, this.fieldName, newProperties)\n      .then(updatedField => {\n        console.log('[FIELD PROPERTIES] Updated', updatedField);\n        const newTemplate = JSON.parse(JSON.stringify(this.template));\n        const fieldIndex = newTemplate.fields.findIndex(field => field.name === this.fieldName);\n        if (fieldIndex > -1) {\n          newTemplate.fields[fieldIndex] = updatedField;\n        }\n        Store.updateTemplate(this.templateId, newTemplate);\n        this.settingsChanged?.emit({fieldName: this.fieldName, field: updatedField});\n        this.close?.emit();\n\n        document.getElementById('verdocs-template-field-properties')?.remove();\n      })\n      .catch(() => {\n        console.log('[FIELD PROPERTIES] Update failed', e);\n      });\n  }\n\n  async handleDelete(e: any) {\n    e.stopPropagation();\n    deleteField(this.endpoint, this.templateId, this.fieldName)\n      .then(() => {\n        const newTemplate = JSON.parse(JSON.stringify(this.template));\n        newTemplate.fields = newTemplate.fields.filter(field => field.name !== this.fieldName);\n        Store.updateTemplate(this.templateId, newTemplate);\n        this.delete?.emit({templateId: this.templateId, roleName: this.roleName});\n        document.getElementById('verdocs-template-field-properties')?.remove();\n      })\n      .catch(e => {\n        console.log('[FIELD PROPERTIES] Deletion error', e);\n      });\n  }\n\n  cleanupOptions() {\n    this.options = [...this.options.filter(opt => (opt.id || '').trim() !== '' || (opt.label || '').trim() !== '')];\n    if (!this.options.find(opt => !opt.id && !opt.label)) {\n      this.options = [...this.options, {id: '', label: ''}];\n    }\n  }\n\n  render() {\n    if (this.loading) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    if (!this.endpoint.session) {\n      return (\n        <Host>\n          <verdocs-component-error message=\"You must be authenticated to use this module.\" />\n        </Host>\n      );\n    }\n\n    // This is meant to be a companion for larger visual experiences so we just go blank on errors for now.\n    if (!this.endpoint.session || !(this.template?.fields || []).some(field => field.name === this.fieldName)) {\n      return <Host class=\"empty\" />;\n    }\n\n    if (this.helpText && this.showingHelp) {\n      return (\n        <Host>\n          <h6>\n            {capitalize(this.fieldType)} Settings <div style={{flex: '1'}} />\n            <div class=\"help-icon\" innerHTML={HelpIcon} onClick={() => (this.showingHelp = false)} />\n          </h6>\n\n          <p class=\"instructions\" innerHTML={this.helpText} />\n        </Host>\n      );\n    }\n\n    const hasOptions = this.options.filter(opt => (opt.id || '').trim() !== '' || (opt.label || '').trim() !== '').length > 0;\n    const saveDisabled = !this.dirty || (this.type === 'dropdown' && !hasOptions);\n\n    return (\n      <Host id=\"verdocs-template-field-properties\">\n        <h6>\n          {capitalize(this.fieldType.replace(/_/g, ' '))} Settings <div style={{flex: '1'}} />\n          {this.helpText && <div class=\"help-icon\" innerHTML={HelpIcon} onClick={() => (this.showingHelp = true)} />}\n        </h6>\n\n        <form onSubmit={e => e.preventDefault()} onClick={e => e.stopPropagation()} autocomplete=\"off\">\n          <div class=\"row\">\n            <verdocs-text-input\n              id=\"verdocs-field-name\"\n              label=\"Field Name\"\n              value={this.name}\n              autocomplete=\"off\"\n              //              helpText=\"The internal name of the field. Must be unique, and contain only letters, numbers, and dashes. After an envelope is completed, the value entered by the signer will be tagged with this key.\"\n              placeholder=\"Field Name...\"\n              onInput={(e: any) => {\n                this.name = e.target.value;\n                this.dirty = true;\n              }}\n            />\n          </div>\n\n          <div class=\"row\">\n            <verdocs-text-input\n              id=\"verdocs-field-label\"\n              label=\"Optional Label\"\n              value={this.label}\n              autocomplete=\"off\"\n              placeholder=\"Optional Label...\"\n              onInput={(e: any) => {\n                this.label = e.target.value;\n                this.dirty = true;\n              }}\n            />\n          </div>\n\n          <div class=\"row\">\n            <div class=\"input-label\">Role:</div>\n            <verdocs-select-input\n              value={this.roleName}\n              options={(this.template?.roles || []).map(role => ({label: role.name, value: role.name}))}\n              onInput={(e: any) => {\n                this.roleName = e.target.value;\n                this.dirty = true;\n              }}\n            />\n          </div>\n\n          {['textbox', 'textarea'].includes(this.type) && (\n            <div class=\"row\" style={{marginTop: '10px', marginBottom: '10px'}}>\n              <verdocs-text-input\n                id=\"verdocs-field-value\"\n                label=\"Default Value\"\n                value={this.defaultValue}\n                autocomplete=\"off\"\n                placeholder=\"Pre-filled value...\"\n                onInput={(e: any) => {\n                  this.defaultValue = e.target.value;\n                  this.dirty = true;\n                }}\n              />\n            </div>\n          )}\n\n          {this.type === 'radio' && (\n            <div class=\"row\">\n              <verdocs-text-input\n                id=\"verdocs-field-label\"\n                label=\"Group\"\n                value={this.group}\n                autocomplete=\"off\"\n                helpText=\"Enable exclusive selections. Only one option within the same group may be selected at a time.\"\n                placeholder=\"Group...\"\n                onInput={(e: any) => {\n                  this.group = (e.target.value || '')\n                    .trim()\n                    .toLowerCase()\n                    .replace(/[^a-z0-9]/g, '');\n                  this.dirty = true;\n                }}\n              />\n            </div>\n          )}\n\n          {['textbox', 'textarea'].includes(this.type) && (\n            <div class=\"row\" style={{marginTop: '10px', marginBottom: '10px'}}>\n              <verdocs-text-input\n                id=\"verdocs-field-placeholder\"\n                label=\"Placeholder\"\n                value={this.placeholder}\n                autocomplete=\"off\"\n                placeholder=\"Placeholder...\"\n                onInput={(e: any) => {\n                  this.placeholder = e.target.value;\n                  this.dirty = true;\n                }}\n              />\n            </div>\n          )}\n\n          <div class=\"row\" style={{marginTop: '15px', marginBottom: '15px'}}>\n            <label htmlFor=\"verdocs-is-required\" class=\"input-label\">\n              Required\n            </label>\n            <verdocs-checkbox\n              id=\"verdocs-is-required\"\n              name=\"is-required\"\n              checked={this.required}\n              value=\"on\"\n              onInput={(e: any) => {\n                this.required = e.target.checked;\n                this.dirty = true;\n              }}\n            />\n          </div>\n\n          {this.type === 'dropdown' && (\n            <div class=\"row\" style={{marginTop: '15px', marginBottom: '15px'}}>\n              <label htmlFor=\"verdocs-is-required\" class=\"input-label\">\n                Options\n              </label>\n            </div>\n          )}\n\n          {this.type === 'dropdown' && (\n            <div class=\"options\">\n              <div class=\"options-header\">\n                <div class=\"options-header-label\">ID</div>\n                <dev class=\"options-header-label\">Label</dev>\n              </div>\n\n              {this.options.map((option, index) => (\n                <div class=\"row option-row\" key={index}>\n                  <verdocs-text-input\n                    value={option.id}\n                    placeholder=\"Unique ID\"\n                    onInput={(e: any) => {\n                      this.options[index].id = e.target.value;\n                      this.dirty = true;\n                      this.cleanupOptions();\n                    }}\n                  />\n                  <verdocs-text-input\n                    value={option.label}\n                    placeholder=\"Display label\"\n                    onInput={(e: any) => {\n                      this.options[index].label = e.target.value;\n                      this.dirty = true;\n                      this.cleanupOptions();\n                    }}\n                  />\n                  <button\n                    innerHTML={TrashIcon}\n                    class=\"remove-button\"\n                    onClick={() => {\n                      this.options = this.options.filter(opt => opt.id !== option.id);\n                      this.dirty = true;\n                      this.cleanupOptions();\n                    }}\n                  />\n                </div>\n              ))}\n            </div>\n          )}\n\n          <div class=\"buttons\">\n            <button class=\"delete-button\" disabled={this.dirty} onClick={e => this.handleDelete(e)} innerHTML={TrashIcon} />\n            <div style={{flex: '1'}} />\n            <verdocs-button size=\"small\" variant=\"outline\" label=\"Cancel\" disabled={!this.dirty} onClick={e => this.handleCancel(e)} />\n            <verdocs-button size=\"small\" label=\"Save\" disabled={saveDisabled} onClick={e => !saveDisabled && this.handleSave(e)} />\n          </div>\n        </form>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-text-input {\n  font-family: $primary-font;\n  box-sizing: border-box;\n  margin: 0 0 10px 0;\n  display: block;\n\n  .input-element {\n    box-sizing: border-box;\n    border: 1px solid $border-color;\n    border-radius: 4px;\n    background: $verdocs-grey-4;\n    color: #000;\n    width: 100%;\n    font-size: 16px;\n    height: 34px;\n    padding: 0 9px;\n    outline: none;\n\n    &:disabled {\n      cursor: not-allowed;\n      background: $verdocs-grey-2;\n      border: 1px solid $verdocs-grey-1;\n    }\n\n    &::placeholder {\n      color: $light-disabled-color;\n      opacity: 1;\n    }\n\n    &:focus {\n      outline: 1px solid $border-color-highlight;\n    }\n  }\n\n  .input-label {\n    display: block;\n    color: $label-color-light;\n    font-weight: 700;\n    font-size: 14px;\n    margin: 0 0 4px 0;\n  }\n\n  .required {\n    color: red;\n    margin-left: 2px;\n    display: inline-block;\n  }\n\n  // @see https://community.logmein.com/t5/LastPass-Support-Discussions/placeholder-text-overrides-data-lpignore-quot-true-quot/td-p/295135\n  // LastPass is ignoring the data-lpignore attribute in some cases\n  [data-lastpass-icon-root] {\n    display: none !important;\n  }\n\n  .input-container {\n    position: relative;\n  }\n\n  .clear {\n    top: 7px;\n    right: 5px;\n    width: 18px;\n    height: 18px;\n    fill: #cccccc;\n    position: absolute;\n\n    &:hover {\n      fill: #720101;\n      cursor: pointer;\n    }\n  }\n\n  .copy {\n    top: 7px;\n    right: 5px;\n    width: 18px;\n    height: 18px;\n    fill: #cccccc;\n    position: absolute;\n\n    &:hover {\n      fill: $verdocs-purple;\n      cursor: pointer;\n    }\n  }\n\n  .toggle-pw {\n    top: 5px;\n    right: 7px;\n    width: 18px;\n    height: 18px;\n    stroke: #cccccc;\n    //fill: #cccccc;\n    position: absolute;\n\n    &:hover {\n      fill: $verdocs-purple;\n      cursor: pointer;\n    }\n  }\n\n  &.clearable,\n  &.copyable {\n    .input-element {\n      padding-right: 32px;\n    }\n  }\n}\n","import {Component, Element, Prop, Host, h, State} from '@stencil/core';\nimport {VerdocsToast} from '../../../utils/Toast';\n\nconst ClearIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 122.881 122.88\"><g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M61.44,0c33.933,0,61.441,27.507,61.441,61.439 c0,33.933-27.508,61.44-61.441,61.44C27.508,122.88,0,95.372,0,61.439C0,27.507,27.508,0,61.44,0L61.44,0z M81.719,36.226 c1.363-1.363,3.572-1.363,4.936,0c1.363,1.363,1.363,3.573,0,4.936L66.375,61.439l20.279,20.278c1.363,1.363,1.363,3.573,0,4.937 c-1.363,1.362-3.572,1.362-4.936,0L61.44,66.376L41.162,86.654c-1.362,1.362-3.573,1.362-4.936,0c-1.363-1.363-1.363-3.573,0-4.937 l20.278-20.278L36.226,41.162c-1.363-1.363-1.363-3.573,0-4.936c1.363-1.363,3.573-1.363,4.936,0L61.44,56.504L81.719,36.226 L81.719,36.226z\"/></g></svg>`;\nconst CopyIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M15.988 3.012A2.25 2.25 0 0118 5.25v6.5A2.25 2.25 0 0115.75 14H13.5V7A2.5 2.5 0 0011 4.5H8.128a2.252 2.252 0 011.884-1.488A2.25 2.25 0 0112.25 1h1.5a2.25 2.25 0 012.238 2.012zM11.5 3.25a.75.75 0 01.75-.75h1.5a.75.75 0 01.75.75v.25h-3v-.25z\" clip-rule=\"evenodd\" /><path fill-rule=\"evenodd\" d=\"M2 7a1 1 0 011-1h8a1 1 0 011 1v10a1 1 0 01-1 1H3a1 1 0 01-1-1V7zm2 3.25a.75.75 0 01.75-.75h4.5a.75.75 0 010 1.5h-4.5a.75.75 0 01-.75-.75zm0 3.5a.75.75 0 01.75-.75h4.5a.75.75 0 010 1.5h-4.5a.75.75 0 01-.75-.75z\" clip-rule=\"evenodd\" /></svg>`;\nconst EyeIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z\" /><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" /></svg>`;\nconst EyeSlashIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88\" /></svg>`;\n\n/**\n * Display a text input field. This is just a standard HTML input field with minimal markup to fit the\n * visual styles of the other components. Note that events \"bubble\" from the input field to the container,\n * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emit.\n *\n * ```ts\n * <verdocs-text-input type=\"text\" label=\"Name\" placeholder=\"Enter your name...\" value=\"\" />\n * ```\n */\n@Component({\n  tag: 'verdocs-text-input',\n  styleUrl: 'verdocs-text-input.scss',\n})\nexport class VerdocsTextInput {\n  private inputEl: HTMLInputElement;\n\n  @Element()\n  hostEl: HTMLElement;\n\n  /**\n   * The initial value for the input field.\n   */\n  @Prop({mutable: true, reflect: true}) value: string = '';\n\n  /**\n   * The label for the field.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * The placeholder for the field.\n   */\n  @Prop() placeholder: string = '';\n\n  /**\n   * If desired, the autocomplete attribute to set.\n   */\n  @Prop() autocomplete: string = '';\n\n  /**\n   * If supplied, a help icon will be displayed to provide the user more information.\n   */\n  @Prop() helpText: string = '';\n\n  /**\n   * If set, a clear button will be displayed.\n   */\n  @Prop() clearable = false;\n\n  /**\n   * If set, a copy-to-clipboard button will be displayed. NOTE: A field may not be\n   * both clearable and copyable. If both properties are set to true, copyable will\n   * be ignored.\n   */\n  @Prop() copyable = false;\n\n  /**\n   * The type of field to render. Only text-type fields are allowed here for the current styling. Additional types\n   * (e.g. a date picker) will be supported by other controls in the future.\n   */\n  @Prop() type: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url' = 'text';\n\n  /**\n   * Should the field be disabled?\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Should the field be required?\n   */\n  @Prop() required: boolean = false;\n\n  @State() showingPw: boolean = false;\n\n  copyToClipboard() {\n    this.inputEl.select();\n    navigator.clipboard\n      .writeText(this.value)\n      .then(() => VerdocsToast('Copied!'))\n      .catch(e => console.log('Error copying to clipboard', e));\n  }\n\n  render() {\n    return (\n      <Host class={`input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}`}>\n        <label>\n          {this.label && (\n            <div class=\"input-label\">\n              {this.label + ':'}\n              {this.required && <span class=\"required\">*</span>}\n            </div>\n          )}\n\n          <div class=\"input-container\">\n            <input\n              type={this.type === 'password' && this.showingPw ? 'text' : this.type}\n              value={this.value}\n              required={this.required}\n              class=\"input-element\"\n              data-lpignore=\"true\"\n              disabled={this.disabled}\n              placeholder={this.placeholder}\n              autoComplete={this.autocomplete}\n              // onBlur={(e: any) => this.blur?.emit(e.target.value)}\n              ref={el => (this.inputEl = el as HTMLInputElement)}\n              onInput={(e: any) => (this.value = e.target.value)}\n            />\n\n            {this.clearable && this.value && (\n              <span\n                innerHTML={ClearIcon}\n                class=\"clear\"\n                onClick={() => {\n                  // We need to allow the onInput event to fire first in case\n                  // the user was focused on this field before clicking clear.\n                  setTimeout(() => {\n                    this.value = '';\n                    this.inputEl?.setAttribute('value', '');\n                    // We need to allow the value to \"settle\"\n                    setTimeout(() => {\n                      this.inputEl?.dispatchEvent(new window.Event('focusout'));\n                      this.inputEl?.blur();\n                    }, 50);\n                  }, 50);\n                }}\n              />\n            )}\n\n            {this.type === 'password' && (\n              <span\n                innerHTML={this.showingPw ? EyeIcon : EyeSlashIcon}\n                class=\"toggle-pw\"\n                onClick={() => {\n                  this.showingPw = !this.showingPw;\n                }}\n              />\n            )}\n\n            {!this.clearable && this.copyable && this.value && <span innerHTML={CopyIcon} class=\"copy\" onClick={() => this.copyToClipboard()} />}\n          </div>\n\n          {this.helpText && <verdocs-help-icon text={this.helpText} />}\n        </label>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/verdocs-web-sdk/p-b78f54ea.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-60387e15.system.js"],(function(e){"use strict";var o,r,c,a;return{setters:[function(e){o=e.r;r=e.c;c=e.h;a=e.H}],execute:function(){var t='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-table{width:100%;display:block;margin:0 0 10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-table .table-wrapper{margin:10px 0;padding:0}verdocs-table .table{width:100%;border:none;border-collapse:collapse}verdocs-table .row.data-row{border:1px solid #d4d4d8;background-color:#ffffff}verdocs-table .header-col{color:#5c6575;font-weight:600;text-align:left;padding:8px 16px}verdocs-table .data-col{font-weight:400;padding:8px 16px}';var d=t;var l=e("verdocs_table",function(){function e(e){o(this,e);this.colHeaderClick=r(this,"colHeaderClick",7);this.rowClick=r(this,"rowClick",7);this.columns=[];this.data=[]}e.prototype.render=function(){var e=this;return c(a,{key:"0f5ccb1d3bf8296157a3b4988a158a0277405127",class:"table-wrapper"},c("table",{key:"0994c41fb599962358081f0849dd3d3399780397",class:"table"},c("thead",{key:"ebee5297f9bae8d5527e8ea2ad84c44278aed243"},c("tr",{key:"ee44689ef6c78e4debb206e6d554f9df848e1868",class:"row header-row"},this.columns.map((function(o,r){return c("th",{class:"col header-col col-".concat(r," col-").concat(o.id),onClick:function(){var r;return(r=e.colHeaderClick)===null||r===void 0?void 0:r.emit({col:o})},innerHTML:o.renderHeader?o.renderHeader(o):o.header||o.id})})))),c("tbody",{key:"9cbccc8987ca66498dbd006c2599bc6f2c85c8d6"},this.data.map((function(o){return c("tr",{class:"row data-row",onClick:function(){var r;return(r=e.rowClick)===null||r===void 0?void 0:r.emit({row:o})}},e.columns.map((function(e,r){return e.renderCell?c("td",{class:"col data-col col-".concat(r," col-").concat(e.id),innerHTML:e.renderCell(e,o)}):c("td",{class:"col data-col col-".concat(r," col-").concat(e.id)},o[e.id])})))})))))};return e}());l.style=d}}}));
-//# sourceMappingURL=p-b78f54ea.system.entry.js.map