@verdocs/web-sdk 6.10.0 → 6.10.2

package/dist/components/{p-DwPH0TQ4.js → p-C_mtaGHG.js}

@@ -1,2 +1,2 @@
-import{p as e,H as r,c as a,h as t,F as o,d as i,t as d}from"./p-yZBlG3YQ.js";import{d as n}from"./p-DGOUAxVN.js";import{i as c}from"./p-CGNX5HqF.js";import{A as p,l as s}from"./p-CjPsvAbb.js";import{VerdocsEndpoint as l,updateField as b}from"@verdocs/js-sdk";import{S as f}from"./p-BDv5kBUR.js";import{a as g}from"./p-17OorOnH.js";import{S as h}from"./p-C7hFgM52.js";import{d as m}from"./p-Bdf8pPWm.js";import{d as u}from"./p-REnrt0JM.js";import{d as v}from"./p-CyDWJAOZ.js";import{d as k}from"./p-CioaaWeS.js";import{d as x}from"./p-B-_kYJtC.js";import{d as y}from"./p-DQTI8vRX.js";import{d as w}from"./p-BXGNkmyr.js";import{d as z}from"./p-D3ohABOv.js";import{d as j}from"./p-DYtSnUj9.js";const C=()=>`verdocs-field-date{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);width:74px;height:20px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;letter-spacing:0.3px;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-date.small input{font-size:7px}verdocs-field-date .edge-top,verdocs-field-date .edge-right,verdocs-field-date .edge-left,verdocs-field-date .edge-bottom{position:absolute;z-index:10}verdocs-field-date .edge-top{top:-2px;left:0;right:0;height:5px}verdocs-field-date .edge-right{top:0;bottom:0;right:-2px;width:5px}verdocs-field-date .edge-left{top:0;left:-2px;bottom:0;width:5px}verdocs-field-date .edge-bottom{bottom:-2px;left:0;right:0;height:5px}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:var(--verdocs-field-text-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:var(--verdocs-field-border, 1px solid #cccccc);border-radius:var(--verdocs-field-radius);-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 var(--verdocs-required-field-border)}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}@-webkit-keyframes adp-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes adp-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}`;const E=e(class e extends r{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsPress=a(this,"settingsPress");this.settingsChanged=a(this,"settingsChanged");this.deleted=a(this,"deleted");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.focused=false;this.picker=null}handleBlur(){this.focused=false}async focusField(){this.inputEl.focus();this.focused=true}componentDidLoad(){const{source:e,sourceid:r,fieldname:a}=this;const{field:t}=h.getField(e,r,a,this.field);const{readonly:o=false}=t||{};if(!o){this.picker=new p(`#${this.containerId}`,{locale:s,isMobile:true,autoClose:true,onShow:()=>this.focused=true,onHide:()=>this.focused=false,onSelect:({date:e,formattedDate:r})=>{const a=new CustomEvent("fieldChange",{detail:{date:e,formattedDate:r}});this.el.dispatchEvent(a)}})}}onEditableChanged(e,r){if(r&&!e){c(this.el).unset()}}disconnectedCallback(){c(this.el).unset()}componentDidRender(){c.dynamicDrop(true);if(this.editable){c(this.el).resizable({edges:{top:".edge-top",left:".edge-left",bottom:".edge-bottom",right:".edge-right"},modifiers:[c.modifiers.restrictSize({min:{width:50,height:12}})],listeners:{start:this.handleResizeStart.bind(this),move:this.handleResize.bind(this),end:this.handleResizeEnd.bind(this)}})}}handleResizeStart(e){e.preventDefault();e.stopPropagation();e.target.dataset.originalBottom=e.target.style.bottom}handleResize(e){let{width:r,height:a}=e.rect;const t=e.deltaRect.left;const o=e.deltaRect.bottom;const i=parseFloat(e.target.style.left);const d=parseFloat(e.target.style.bottom);r/=this.xscale;a/=this.yscale;Object.assign(e.target.style,{width:`${r}px`,height:`${a}px`,left:`${i+t}px`,bottom:`${d-o}px`})}async handleResizeEnd(e){const{sourceid:r,fieldname:a}=this;const t=Math.round(parseFloat(e.target.style.width));let o=Math.round(parseFloat(e.target.style.height));if(o<12){o=12}const i=parseFloat(e.target.style.bottom);const d=parseFloat(e.target.dataset.originalBottom);const n=await h.getTemplate(l.getDefault(),this.sourceid);const c=n.fields.find((e=>e.name===a));const p=i!==d?i/this.yscale:c===null||c===void 0?void 0:c.y;b(l.getDefault(),r,a,{width:t,height:o,y:p}).then((async r=>{var t;const o=await h.getTemplate(l.getDefault(),this.sourceid);const i=JSON.parse(JSON.stringify(o));const d=i.fields.findIndex((e=>e.name===a));if(d>-1){i.fields[d]=r}h.updateTemplate(this.sourceid,i);(t=this.settingsChanged)===null||t===void 0?void 0:t.emit({fieldName:a,field:r});Object.assign(e.target.dataset,{x:0,y:0,h:0})})).catch((e=>console.log("Field update failed",e)))}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:r,fieldname:a,editable:d=false,done:c=false,disabled:p=false,focused:s,xscale:l=1,yscale:b=1}=this;const{index:m,field:u}=h.getField(e,r,a,this.field);const{required:v=false,placeholder:k="Date...",value:x="",label:y="",readonly:w=false,height:z=20,width:j=74}=u||{};const C=`signer-${m%10+1}`;const E=z<20||j<74;const S=x?n.format(new Date(x),g):"";if(this.done){return t(i,{class:{"verdocs-field":true,done:c}},S)}return t(i,{class:{"verdocs-field":true,required:v,disabled:p,done:c,focused:s,small:E,[C]:true}},d&&t("div",{class:"edge-top"}),d&&t("div",{class:"edge-right"}),d&&t("div",{class:"edge-left"}),d&&t("div",{class:"edge-bottom"}),y&&t("label",null,y),t("input",{name:a,class:"input-el",type:"text",value:S,id:this.containerId,placeholder:k,disabled:w||p,ref:e=>this.inputEl=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false}),d&&t(o,null,t("div",{id:`verdocs-settings-panel-trigger-${a}`,style:{transform:`scale(${Math.floor(1/l*1e3)/1e3}, ${Math.floor(1/b*1e3)/1e3})`},class:"settings-icon",innerHTML:f,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&t("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${u.name}`,onClickAway:()=>this.showingProperties=false},t("verdocs-template-field-properties",{templateId:r,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 r;(r=this.settingsChanged)===null||r===void 0?void 0:r.emit(e.detail);return this.hideSettingsPanel()},helpText:"Date fields allow the user to select a date."}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return C()}},[0,"verdocs-field-date",{source:[513],sourceid:[513],fieldname:[513],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],field:[16],isPreview:[516,"is-preview"],containerId:[32],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[2,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function S(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-date","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-date":if(!customElements.get(d(e))){customElements.define(d(e),E)}break;case"verdocs-button":if(!customElements.get(d(e))){m()}break;case"verdocs-checkbox":if(!customElements.get(d(e))){u()}break;case"verdocs-component-error":if(!customElements.get(d(e))){v()}break;case"verdocs-help-icon":if(!customElements.get(d(e))){k()}break;case"verdocs-loader":if(!customElements.get(d(e))){x()}break;case"verdocs-portal":if(!customElements.get(d(e))){y()}break;case"verdocs-select-input":if(!customElements.get(d(e))){w()}break;case"verdocs-template-field-properties":if(!customElements.get(d(e))){z()}break;case"verdocs-text-input":if(!customElements.get(d(e))){j()}break}}))}export{E as V,S as d};
-//# sourceMappingURL=p-DwPH0TQ4.js.map
+import{p as e,H as r,c as a,h as t,F as o,d as i,t as d}from"./p-yZBlG3YQ.js";import{d as n}from"./p-DGOUAxVN.js";import{i as c}from"./p-C4ygd3v_.js";import{A as p,l as s}from"./p-DcAXub3q.js";import{VerdocsEndpoint as l,updateField as b}from"@verdocs/js-sdk";import{S as f}from"./p-BDv5kBUR.js";import{a as g}from"./p-17OorOnH.js";import{S as h}from"./p-C7hFgM52.js";import{d as m}from"./p-C0SHIuoK.js";import{d as u}from"./p-DVx4efoX.js";import{d as v}from"./p--jRXEN0c.js";import{d as k}from"./p-CxIhMndz.js";import{d as x}from"./p-vimrvRye.js";import{d as y}from"./p-CIgqf7hj.js";import{d as w}from"./p-u9H54zUE.js";import{d as z}from"./p-BWrwPDuU.js";import{d as j}from"./p-BMGs9CCD.js";const C=()=>`verdocs-field-date{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);width:74px;height:20px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;letter-spacing:0.3px;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-date.small input{font-size:7px}verdocs-field-date .edge-top,verdocs-field-date .edge-right,verdocs-field-date .edge-left,verdocs-field-date .edge-bottom{position:absolute;z-index:10}verdocs-field-date .edge-top{top:-2px;left:0;right:0;height:5px}verdocs-field-date .edge-right{top:0;bottom:0;right:-2px;width:5px}verdocs-field-date .edge-left{top:0;left:-2px;bottom:0;width:5px}verdocs-field-date .edge-bottom{bottom:-2px;left:0;right:0;height:5px}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:var(--verdocs-field-text-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:var(--verdocs-field-border, 1px solid #cccccc);border-radius:var(--verdocs-field-radius);-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 var(--verdocs-required-field-border)}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}@-webkit-keyframes adp-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes adp-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}`;const E=e(class e extends r{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsPress=a(this,"settingsPress");this.settingsChanged=a(this,"settingsChanged");this.deleted=a(this,"deleted");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.focused=false;this.picker=null}handleBlur(){this.focused=false}async focusField(){this.inputEl.focus();this.focused=true}componentDidLoad(){const{source:e,sourceid:r,fieldname:a}=this;const{field:t}=h.getField(e,r,a,this.field);const{readonly:o=false}=t||{};if(!o){this.picker=new p(`#${this.containerId}`,{locale:s,isMobile:true,autoClose:true,onShow:()=>this.focused=true,onHide:()=>this.focused=false,onSelect:({date:e,formattedDate:r})=>{const a=new CustomEvent("fieldChange",{detail:{date:e,formattedDate:r}});this.el.dispatchEvent(a)}})}}onEditableChanged(e,r){if(r&&!e){c(this.el).unset()}}disconnectedCallback(){c(this.el).unset()}componentDidRender(){c.dynamicDrop(true);if(this.editable){c(this.el).resizable({edges:{top:".edge-top",left:".edge-left",bottom:".edge-bottom",right:".edge-right"},modifiers:[c.modifiers.restrictSize({min:{width:50,height:12}})],listeners:{start:this.handleResizeStart.bind(this),move:this.handleResize.bind(this),end:this.handleResizeEnd.bind(this)}})}}handleResizeStart(e){e.preventDefault();e.stopPropagation();e.target.dataset.originalBottom=e.target.style.bottom}handleResize(e){let{width:r,height:a}=e.rect;const t=e.deltaRect.left;const o=e.deltaRect.bottom;const i=parseFloat(e.target.style.left);const d=parseFloat(e.target.style.bottom);r/=this.xscale;a/=this.yscale;Object.assign(e.target.style,{width:`${r}px`,height:`${a}px`,left:`${i+t}px`,bottom:`${d-o}px`})}async handleResizeEnd(e){const{sourceid:r,fieldname:a}=this;const t=Math.round(parseFloat(e.target.style.width));let o=Math.round(parseFloat(e.target.style.height));if(o<12){o=12}const i=parseFloat(e.target.style.bottom);const d=parseFloat(e.target.dataset.originalBottom);const n=await h.getTemplate(l.getDefault(),this.sourceid);const c=n.fields.find((e=>e.name===a));const p=i!==d?i/this.yscale:c===null||c===void 0?void 0:c.y;b(l.getDefault(),r,a,{width:t,height:o,y:p}).then((async r=>{var t;const o=await h.getTemplate(l.getDefault(),this.sourceid);const i=JSON.parse(JSON.stringify(o));const d=i.fields.findIndex((e=>e.name===a));if(d>-1){i.fields[d]=r}h.updateTemplate(this.sourceid,i);(t=this.settingsChanged)===null||t===void 0?void 0:t.emit({fieldName:a,field:r});Object.assign(e.target.dataset,{x:0,y:0,h:0})})).catch((e=>console.log("Field update failed",e)))}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:r,fieldname:a,editable:d=false,done:c=false,disabled:p=false,focused:s,xscale:l=1,yscale:b=1}=this;const{index:m,field:u}=h.getField(e,r,a,this.field);const{required:v=false,placeholder:k="Date...",value:x="",label:y="",readonly:w=false,height:z=20,width:j=74}=u||{};const C=`signer-${m%10+1}`;const E=z<20||j<74;const S=x?n.format(new Date(x),g):"";if(this.done){return t(i,{class:{"verdocs-field":true,done:c}},S)}return t(i,{class:{"verdocs-field":true,required:v,disabled:p,done:c,focused:s,small:E,[C]:true}},d&&t("div",{class:"edge-top"}),d&&t("div",{class:"edge-right"}),d&&t("div",{class:"edge-left"}),d&&t("div",{class:"edge-bottom"}),y&&t("label",null,y),t("input",{name:a,class:"input-el",type:"text",value:S,id:this.containerId,placeholder:k,disabled:w||p,ref:e=>this.inputEl=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false}),d&&t(o,null,t("div",{id:`verdocs-settings-panel-trigger-${a}`,style:{transform:`scale(${Math.floor(1/l*1e3)/1e3}, ${Math.floor(1/b*1e3)/1e3})`},class:"settings-icon",innerHTML:f,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&t("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${u.name}`,onClickAway:()=>this.showingProperties=false},t("verdocs-template-field-properties",{templateId:r,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 r;(r=this.settingsChanged)===null||r===void 0?void 0:r.emit(e.detail);return this.hideSettingsPanel()},helpText:"Date fields allow the user to select a date."}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return C()}},[0,"verdocs-field-date",{source:[513],sourceid:[513],fieldname:[513],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],field:[16],isPreview:[516,"is-preview"],containerId:[32],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[2,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function S(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-date","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-date":if(!customElements.get(d(e))){customElements.define(d(e),E)}break;case"verdocs-button":if(!customElements.get(d(e))){m()}break;case"verdocs-checkbox":if(!customElements.get(d(e))){u()}break;case"verdocs-component-error":if(!customElements.get(d(e))){v()}break;case"verdocs-help-icon":if(!customElements.get(d(e))){k()}break;case"verdocs-loader":if(!customElements.get(d(e))){x()}break;case"verdocs-portal":if(!customElements.get(d(e))){y()}break;case"verdocs-select-input":if(!customElements.get(d(e))){w()}break;case"verdocs-template-field-properties":if(!customElements.get(d(e))){z()}break;case"verdocs-text-input":if(!customElements.get(d(e))){j()}break}}))}export{E as V,S as d};
+//# sourceMappingURL=p-C_mtaGHG.js.map

package/dist/components/{p-C0cAW-8a.js → p-CjUdD_Dm.js}

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as r,h as i,t as s}from"./p-yZBlG3YQ.js";const o=()=>`verdocs-switch{font-family:"Inter", "Barlow", sans-serif}verdocs-switch .switch{display:-ms-inline-flexbox;display:inline-flex;height:24px;width:44px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:12px;border:transparent;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .switch.primary[data-state=checked]{background:#55bc81}verdocs-switch .switch.primary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .switch.secondary[data-state=checked]{background:#4c56cb}verdocs-switch .switch.secondary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .slider{display:block;width:20px;height:20px;border-radius:20px;background:#ffffff;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .slider[data-state=checked]{-webkit-transform:translateX(16px);transform:translateX(16px)}verdocs-switch .slider[data-state=unchecked]{-webkit-transform:translateX(-4px);transform:translateX(-4px)}verdocs-switch .switch.disabled.primary,verdocs-switch .switch.disabled.secondary{cursor:not-allowed;background:#666666}`;const c=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.checkedChange=r(this,"checkedChange");this.checked=false;this.theme="primary";this.disabled=false}render(){return i("button",{key:"ae8ab140a9ea7a04e71e8310649be6a643fee532",value:"on",type:"button",role:"switch",class:`switch ${this.theme} ${this.disabled?"disabled":""}`,"data-state":this.checked?"checked":"unchecked","aria-checked":this.checked?"checked":"unchecked",onClick:()=>{var t;if(!this.disabled){this.checked=!this.checked;(t=this.checkedChange)===null||t===void 0?void 0:t.emit(this.checked)}}},i("span",{key:"9e04f9b95cc8a7f9234636493f1fd0c718f7f38f","data-state":this.checked?"checked":"unchecked",class:"slider"}))}static get style(){return o()}},[0,"verdocs-switch",{checked:[1028],theme:[1],disabled:[4]}]);function a(){if(typeof customElements==="undefined"){return}const t=["verdocs-switch"];t.forEach((t=>{switch(t){case"verdocs-switch":if(!customElements.get(s(t))){customElements.define(s(t),c)}break}}))}export{c as V,a as d};
-//# sourceMappingURL=p-C0cAW-8a.js.map
+import{p as t,H as e,c as r,h as i,t as s}from"./p-yZBlG3YQ.js";const o=()=>`verdocs-switch{font-family:"Inter", "Barlow", sans-serif}verdocs-switch .switch{display:-ms-inline-flexbox;display:inline-flex;height:24px;width:44px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:12px;border:transparent;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .switch.primary[data-state=checked]{background:#55bc81}verdocs-switch .switch.primary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .switch.secondary[data-state=checked]{background:#4c56cb}verdocs-switch .switch.secondary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .slider{display:block;width:20px;height:20px;border-radius:20px;background:#ffffff;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .slider[data-state=checked]{-webkit-transform:translateX(16px);transform:translateX(16px)}verdocs-switch .slider[data-state=unchecked]{-webkit-transform:translateX(-4px);transform:translateX(-4px)}verdocs-switch .switch.disabled.primary,verdocs-switch .switch.disabled.secondary{cursor:not-allowed;background:#666666}`;const c=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.checkedChange=r(this,"checkedChange");this.checked=false;this.theme="primary";this.disabled=false}render(){return i("button",{key:"f9c59e2242b2077cf47187900bfce2ef8fe836e3",value:"on",type:"button",role:"switch",class:`switch ${this.theme} ${this.disabled?"disabled":""}`,"data-state":this.checked?"checked":"unchecked","aria-checked":this.checked?"checked":"unchecked",onClick:()=>{var t;if(!this.disabled){this.checked=!this.checked;(t=this.checkedChange)===null||t===void 0?void 0:t.emit(this.checked)}}},i("span",{key:"a06d5b1cab7e7fcbc37e8ec425f7e82ff5c3d7e8","data-state":this.checked?"checked":"unchecked",class:"slider"}))}static get style(){return o()}},[0,"verdocs-switch",{checked:[1028],theme:[1],disabled:[4]}]);function a(){if(typeof customElements==="undefined"){return}const t=["verdocs-switch"];t.forEach((t=>{switch(t){case"verdocs-switch":if(!customElements.get(s(t))){customElements.define(s(t),c)}break}}))}export{c as V,a as d};
+//# sourceMappingURL=p-CjUdD_Dm.js.map

package/dist/components/{p-BXQO5Vza.js → p-CoeB7U-_.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as s,t as r,d as i}from"./p-yZBlG3YQ.js";const o=()=>`verdocs-spinner{display:inline-block;border-radius:50%;-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}`;const n={border:"3px solid rgba(255, 255, 255, 0.3)",borderTopColor:"#fff"};const a={border:"3px solid rgba(0, 0, 0, 0.3)",borderTopColor:"#333"};const d=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.size=32;this.mode="light"}render(){return s(i,{key:"b3a716bc8b5c1d1263f57ef415615f5590563808",style:{width:`${this.size}px`,height:`${this.size}px`,flex:`0 0 ${this.size}px`,...this.mode==="light"?n:a}})}static get style(){return o()}},[0,"verdocs-spinner",{size:[2],mode:[1]}]);function f(){if(typeof customElements==="undefined"){return}const e=["verdocs-spinner"];e.forEach((e=>{switch(e){case"verdocs-spinner":if(!customElements.get(r(e))){customElements.define(r(e),d)}break}}))}export{d as V,f as d};
-//# sourceMappingURL=p-BXQO5Vza.js.map
+import{p as e,H as t,h as s,t as r,d as i}from"./p-yZBlG3YQ.js";const o=()=>`verdocs-spinner{display:inline-block;border-radius:50%;-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}`;const n={border:"3px solid rgba(255, 255, 255, 0.3)",borderTopColor:"#fff"};const a={border:"3px solid rgba(0, 0, 0, 0.3)",borderTopColor:"#333"};const d=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.size=32;this.mode="light"}render(){return s(i,{key:"5969200ec489b6b1a5c8f019ff0423f9e83e0388",style:{width:`${this.size}px`,height:`${this.size}px`,flex:`0 0 ${this.size}px`,...this.mode==="light"?n:a}})}static get style(){return o()}},[0,"verdocs-spinner",{size:[2],mode:[1]}]);function f(){if(typeof customElements==="undefined"){return}const e=["verdocs-spinner"];e.forEach((e=>{switch(e){case"verdocs-spinner":if(!customElements.get(r(e))){customElements.define(r(e),d)}break}}))}export{d as V,f as d};
+//# sourceMappingURL=p-CoeB7U-_.js.map

package/dist/components/{p-Cfiprngx.js → p-CqVkL8_m.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as r,F as i,d as o,t as a}from"./p-yZBlG3YQ.js";import{i as d}from"./p-CGNX5HqF.js";import{VerdocsEndpoint as l,updateField as n}from"@verdocs/js-sdk";import{S as c}from"./p-BDv5kBUR.js";import{S as p}from"./p-C7hFgM52.js";import{d as h}from"./p-Bdf8pPWm.js";import{d as f}from"./p-REnrt0JM.js";import{d as u}from"./p-CyDWJAOZ.js";import{d as m}from"./p-CioaaWeS.js";import{d as v}from"./p-B-_kYJtC.js";import{d as b}from"./p-DQTI8vRX.js";import{d as x}from"./p-BXGNkmyr.js";import{d as g}from"./p-D3ohABOv.js";import{d as k}from"./p-DYtSnUj9.js";const y=()=>`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:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));border-radius:var(--verdocs-field-radius)}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:var(--verdocs-field-text-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.required{border:1px solid var(--verdocs-required-field-border)}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}`;const w=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=s(this,"settingsChanged");this.deleted=s(this,"deleted");this.endpoint=l.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();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()}}handleBlur(){this.focused=false}onEditableChanged(e,t){if(t&&!e){d(this.el).unset()}}disconnectedCallback(){d(this.el).unset()}componentDidRender(){d.dynamicDrop(true);if(this.editable){d(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:s=0,h:r=0}=e.target.dataset;let{width:i,height:o}=e.rect;t=(parseFloat(t)||0)+e.deltaRect.left;s=(parseFloat(s)||0)+e.deltaRect.top;r=(parseFloat(r)||0)+e.deltaRect.height;Object.assign(e.target.style,{width:`${i}px`,height:`${o}px`,transform:`translate(${t}px, ${s+r}px)`});Object.assign(e.target.dataset,{x:t,y:s,h:r})}handleResizeEnd(e){const{source:t,sourceid:s,fieldname:r}=this;const{field:i}=p.getField(t,s,r,this.field);if(!i){return}const[o,a]=e.target.style.transform.split("(")[1].split(")")[0].split(",").map(parseFloat);const d=Math.round(parseFloat(e.target.style.width)/this.xscale);const l=Math.round(parseFloat(e.target.style.height)/this.yscale);const c=Math.round(i.x+o/this.xscale);const h=Math.round(i.y-a/this.yscale);n(this.endpoint,this.sourceid,this.fieldname,{x:c,y:h,width:d,height:l}).then((t=>{var s;(s=this.settingsChanged)===null||s===void 0?void 0:s.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:s,editable:a=false,done:d=false,disabled:l=false,focused:n,xscale:h=1,yscale:f=1}=this;const{index:u,field:m}=p.getField(e,t,s,this.field);const{required:v=false,placeholder:b="",value:x="",label:g="",readonly:k=false}=m||{};const y=`signer-${u%10+1}`;if(d){return r(o,{class:{"verdocs-field":true,done:d}},x)}return r(o,{class:{"verdocs-field":true,required:v,disabled:l,done:d,focused:n,[y]:true}},g&&r("label",null,g),r("textarea",{name:s,required:v,placeholder:b,disabled:k||l,ref:e=>this.inputEl=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},x),a&&r(i,null,r("div",{id:`verdocs-settings-panel-trigger-${s}`,style:{transform:`scale(${Math.floor(1/h*1e3)/1e3}, ${Math.floor(1/f*1e3)/1e3})`},class:"settings-icon",innerHTML:c,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&r("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${s}`,onClickAway:()=>this.showingProperties=false},r("verdocs-template-field-properties",{templateId:t,fieldName:s,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:s});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 this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return y()}},[0,"verdocs-field-textarea",{endpoint:[16],source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[2,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function j(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-textarea","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-textarea":if(!customElements.get(a(e))){customElements.define(a(e),w)}break;case"verdocs-button":if(!customElements.get(a(e))){h()}break;case"verdocs-checkbox":if(!customElements.get(a(e))){f()}break;case"verdocs-component-error":if(!customElements.get(a(e))){u()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){m()}break;case"verdocs-loader":if(!customElements.get(a(e))){v()}break;case"verdocs-portal":if(!customElements.get(a(e))){b()}break;case"verdocs-select-input":if(!customElements.get(a(e))){x()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){g()}break;case"verdocs-text-input":if(!customElements.get(a(e))){k()}break}}))}export{w as V,j as d};
-//# sourceMappingURL=p-Cfiprngx.js.map
+import{p as e,H as t,c as s,h as r,F as i,d as o,t as a}from"./p-yZBlG3YQ.js";import{i as d}from"./p-C4ygd3v_.js";import{VerdocsEndpoint as l,updateField as n}from"@verdocs/js-sdk";import{S as c}from"./p-BDv5kBUR.js";import{S as h}from"./p-C7hFgM52.js";import{d as p}from"./p-C0SHIuoK.js";import{d as f}from"./p-DVx4efoX.js";import{d as u}from"./p--jRXEN0c.js";import{d as m}from"./p-CxIhMndz.js";import{d as v}from"./p-vimrvRye.js";import{d as b}from"./p-CIgqf7hj.js";import{d as x}from"./p-u9H54zUE.js";import{d as g}from"./p-BWrwPDuU.js";import{d as k}from"./p-BMGs9CCD.js";const y=()=>`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:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));border-radius:var(--verdocs-field-radius)}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:var(--verdocs-field-text-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.required{border:1px solid var(--verdocs-required-field-border)}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}`;const w=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=s(this,"settingsChanged");this.deleted=s(this,"deleted");this.endpoint=l.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();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()}}handleBlur(){this.focused=false}onEditableChanged(e,t){if(t&&!e){d(this.el).unset()}}disconnectedCallback(){d(this.el).unset()}componentDidRender(){d.dynamicDrop(true);if(this.editable){d(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:s=0,h:r=0}=e.target.dataset;let{width:i,height:o}=e.rect;t=(parseFloat(t)||0)+e.deltaRect.left;s=(parseFloat(s)||0)+e.deltaRect.top;r=(parseFloat(r)||0)+e.deltaRect.height;Object.assign(e.target.style,{width:`${i}px`,height:`${o}px`,transform:`translate(${t}px, ${s+r}px)`});Object.assign(e.target.dataset,{x:t,y:s,h:r})}handleResizeEnd(e){const{source:t,sourceid:s,fieldname:r}=this;const{field:i}=h.getField(t,s,r,this.field);if(!i){return}const[o,a]=e.target.style.transform.split("(")[1].split(")")[0].split(",").map(parseFloat);const d=Math.round(parseFloat(e.target.style.width)/this.xscale);const l=Math.round(parseFloat(e.target.style.height)/this.yscale);const c=Math.round(i.x+o/this.xscale);const p=Math.round(i.y-a/this.yscale);n(this.endpoint,this.sourceid,this.fieldname,{x:c,y:p,width:d,height:l}).then((t=>{var s;(s=this.settingsChanged)===null||s===void 0?void 0:s.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:s,editable:a=false,done:d=false,disabled:l=false,focused:n,xscale:p=1,yscale:f=1}=this;const{index:u,field:m}=h.getField(e,t,s,this.field);const{required:v=false,placeholder:b="",value:x="",label:g="",readonly:k=false}=m||{};const y=`signer-${u%10+1}`;if(d){return r(o,{class:{"verdocs-field":true,done:d}},x)}return r(o,{class:{"verdocs-field":true,required:v,disabled:l,done:d,focused:n,[y]:true}},g&&r("label",null,g),r("textarea",{name:s,required:v,placeholder:b,disabled:k||l,ref:e=>this.inputEl=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},x),a&&r(i,null,r("div",{id:`verdocs-settings-panel-trigger-${s}`,style:{transform:`scale(${Math.floor(1/p*1e3)/1e3}, ${Math.floor(1/f*1e3)/1e3})`},class:"settings-icon",innerHTML:c,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&r("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${s}`,onClickAway:()=>this.showingProperties=false},r("verdocs-template-field-properties",{templateId:t,fieldName:s,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:s});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 this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return y()}},[0,"verdocs-field-textarea",{endpoint:[16],source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[2,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function j(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-textarea","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-textarea":if(!customElements.get(a(e))){customElements.define(a(e),w)}break;case"verdocs-button":if(!customElements.get(a(e))){p()}break;case"verdocs-checkbox":if(!customElements.get(a(e))){f()}break;case"verdocs-component-error":if(!customElements.get(a(e))){u()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){m()}break;case"verdocs-loader":if(!customElements.get(a(e))){v()}break;case"verdocs-portal":if(!customElements.get(a(e))){b()}break;case"verdocs-select-input":if(!customElements.get(a(e))){x()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){g()}break;case"verdocs-text-input":if(!customElements.get(a(e))){k()}break}}))}export{w as V,j as d};
+//# sourceMappingURL=p-CqVkL8_m.js.map

package/dist/components/{p-CBKrl6B7.js → p-Cujbc8tg.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,c as i,h as t,d as s,F as n,t as l}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as r,getEnvelope as d,getEnvelopesZip as a,getEnvelopeDocumentDownloadLink as c,cancelEnvelope as h,getCombinedEnvelopeDocumentDownloadLink as v,getMyRecipient as m,integerSequence as p}from"@verdocs/js-sdk";import{D as f}from"./p-17OorOnH.js";import{V as u}from"./p-D97GxsI-.js";import{S as w}from"./p-C1sRVZWv.js";import{S as g}from"./p-C7hFgM52.js";import{d as x}from"./p-DT0LGcPi.js";import{d as b}from"./p-DfaM_cug.js";import{d as C}from"./p-DIOVejyL.js";import{d as k}from"./p-wUsR0Dpa.js";import{d as y}from"./p-B-_kYJtC.js";import{d as z}from"./p-D3qUITiS.js";import{d as L}from"./p-DsEO0-XR.js";import{d as V}from"./p-BvtSJusb.js";const E=()=>`verdocs-view{display:-ms-flexbox;display:flex;overflow:hidden;min-height:600px;position:relative;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);background-color:#f5f5f5}verdocs-view div,verdocs-view canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-view .document{-ms-flex:1;flex:1;width:100%;height:100%;display:-ms-flexbox;display:flex;row-gap:15px;min-height:200px;max-width:1200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;padding-right:15px}verdocs-view .document .inner{width:100%;max-width:1028px}verdocs-view .signed-document-container{width:64%;margin:0 auto;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:15px}verdocs-view .signed-document-container.zoom-normal{width:64%}verdocs-view .signed-document-container.zoom-zoom1{width:80%}verdocs-view .signed-document-container.zoom-zoom2{width:100%}@media (max-width: 768px){verdocs-view .signed-document-container{width:100%}verdocs-view .signed-document-container.zoom-normal,verdocs-view .signed-document-container.zoom-zoom1,verdocs-view .signed-document-container.zoom-zoom2{width:100%}verdocs-view .controls-toolbar .center-controls{display:none}verdocs-view .controls-toolbar .right-controls .icon-button.minus,verdocs-view .controls-toolbar .right-controls .icon-button.plus{display:none}}verdocs-view .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}verdocs-view verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}#verdocs-view-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:54px;padding:0 12px 0 24px;background-color:#ffffff;border-bottom:1px solid #e0e0e0;-webkit-box-shadow:none;box-shadow:none;font-family:"Inter", sans-serif;color:#424242;z-index:1000;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}#verdocs-view-header .left-controls{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#verdocs-view-header .left-controls .title{font-weight:500;font-size:16px;color:#242424;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#verdocs-view-header .center-controls{-ms-flex:1;flex:1;display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:10px;font-size:14px}#verdocs-view-header .right-controls{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}#verdocs-view-header .right-controls .icon-button{width:32px;height:32px;display:-ms-flexbox;display:flex;color:#424242;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color 0.2s;transition:background-color 0.2s}#verdocs-view-header .right-controls .icon-button:hover{background-color:#f5f5f5}#verdocs-view-header .right-controls .icon-button.disabled{opacity:0.3;pointer-events:none}#verdocs-view-header .right-controls .icon-button svg{display:block;width:20px;height:20px}@media print{#verdocs-view-header{display:none !important}verdocs-view{min-height:auto;background-color:white}verdocs-view .document{overflow:visible;height:auto;display:block;padding:0}verdocs-view .signed-document-container{width:100%;margin:0}}`;const H=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11 8C11.2761 8 11.5 8.22386 11.5 8.5C11.5 8.77614 11.2761 9 11 9H6C5.72386 9 5.5 8.77614 5.5 8.5C5.5 8.22386 5.72386 8 6 8H11ZM14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83879 14 11.0659 13.5217 12.0196 12.7266L16.1464 16.8536L16.2157 16.9114C16.4106 17.0464 16.68 17.0271 16.8536 16.8536C17.0488 16.6583 17.0488 16.3417 16.8536 16.1464L12.7266 12.0196C13.5217 11.0659 14 9.83879 14 8.5ZM4 8.5C4 6.01472 6.01472 4 8.5 4C10.9853 4 13 6.01472 13 8.5C13 10.9853 10.9853 13 8.5 13C6.01472 13 4 10.9853 4 8.5Z" fill="#424242" /></svg>`;const I=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11.5 8.5C11.5 8.22386 11.2761 8 11 8H9V6C9 5.72386 8.77614 5.5 8.5 5.5C8.22386 5.5 8 5.72386 8 6V8H6C5.72386 8 5.5 8.22386 5.5 8.5C5.5 8.77614 5.72386 9 6 9H8V11C8 11.2761 8.22386 11.5 8.5 11.5C8.77614 11.5 9 11.2761 9 11V9H11C11.2761 9 11.5 8.77614 11.5 8.5ZM8.5 3C11.5376 3 14 5.46243 14 8.5C14 9.83879 13.5217 11.0659 12.7266 12.0196L16.8536 16.1464C17.0488 16.3417 17.0488 16.6583 16.8536 16.8536C16.68 17.0271 16.4106 17.0464 16.2157 16.9114L16.1464 16.8536L12.0196 12.7266C11.0659 13.5217 9.83879 14 8.5 14C5.46243 14 3 11.5376 3 8.5C3 5.46243 5.46243 3 8.5 3ZM8.5 4C6.01472 4 4 6.01472 4 8.5C4 10.9853 6.01472 13 8.5 13C10.9853 13 13 10.9853 13 8.5C13 6.01472 10.9853 4 8.5 4Z" fill="#424242" /></svg>`;const j=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 16.9988C15.7761 16.9988 16 17.2226 16 17.4988C16 17.7442 15.8231 17.9484 15.5899 17.9907L15.5 17.9988H4.5C4.22386 17.9988 4 17.7749 4 17.4988C4 17.2533 4.17688 17.0492 4.41012 17.0068L4.5 16.9988H15.5ZM10.0001 2.00098C10.2456 2.00098 10.4497 2.17798 10.492 2.41124L10.5 2.50112L10.496 14.295L14.1414 10.6466C14.3148 10.4729 14.5842 10.4534 14.7792 10.5882L14.8485 10.646C15.0222 10.8194 15.0418 11.0888 14.907 11.2838L14.8492 11.3531L10.3574 15.8531C10.285 15.9257 10.1957 15.9714 10.1021 15.9901L9.99608 15.9999C9.83511 15.9999 9.69192 15.9237 9.60051 15.8056L5.14386 11.3537C4.94846 11.1586 4.94823 10.842 5.14336 10.6466C5.3168 10.4729 5.58621 10.4534 5.78117 10.5883L5.85046 10.6461L9.496 14.287L9.5 2.50083C9.50008 2.22469 9.724 2.00098 10.0001 2.00098Z" fill="#424242"/></svg>`;const M=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 4.5C5 3.67157 5.67157 3 6.5 3H13.5C14.3284 3 15 3.67157 15 4.5V5H15.5C16.8807 5 18 6.11929 18 7.5V12.5C18 13.3284 17.3284 14 16.5 14H15V15.5C15 16.3284 14.3284 17 13.5 17H6.5C5.67157 17 5 16.3284 5 15.5V14H3.5C2.67157 14 2 13.3284 2 12.5V7.5C2 6.11929 3.11929 5 4.5 5H5V4.5ZM6 5H14V4.5C14 4.22386 13.7761 4 13.5 4H6.5C6.22386 4 6 4.22386 6 4.5V5ZM5 13V11.5C5 10.6716 5.67157 10 6.5 10H13.5C14.3284 10 15 10.6716 15 11.5V13H16.5C16.7761 13 17 12.7761 17 12.5V7.5C17 6.67157 16.3284 6 15.5 6H4.5C3.67157 6 3 6.67157 3 7.5V12.5C3 12.7761 3.22386 13 3.5 13H5ZM6.5 11C6.22386 11 6 11.2239 6 11.5V15.5C6 15.7761 6.22386 16 6.5 16H13.5C13.7761 16 14 15.7761 14 15.5V11.5C14 11.2239 13.7761 11 13.5 11H6.5Z" fill="#424242"/></svg>`;const D=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.sdkError=i(this,"sdkError");this.envelopeUpdated=i(this,"envelopeUpdated");this.another=i(this,"another");this.view=i(this,"view");this.next=i(this,"next");this.envelopeListenerId=null;this.endpoint=null;this.envelopeId="";this.headerTargetId=null;this.canceling=false;this.showCancelDone=false;this.showLoadError=false;this.loading=true;this.envelope=null;this.zoomLevel="normal";this.showDownloadDialog=false;this.polling=false;this.pollingInterval=null}async componentWillLoad(){var e,o,i;this.updateZoomFromWindow();window.addEventListener("resize",(()=>this.updateZoomFromWindow()));if(!this.endpoint){this.endpoint=r.getDefault();this.endpoint.loadSession()}if(!this.envelopeId){console.error(`[VIEW] Missing required envelopeId`);return}await this.listenToEnvelope();if(!this.envelope){try{console.log("[VIEW] Loading envelope...");this.envelope=await d(this.endpoint,this.envelopeId);console.log("[VIEW] Loaded envelope",this.envelope)}catch(t){this.showLoadError=true;(e=this.sdkError)===null||e===void 0?void 0:e.emit(new w(t.message,(o=t.response)===null||o===void 0?void 0:o.status,(i=t.response)===null||i===void 0?void 0:i.data))}}}componentDidRender(){const e=this.headerTargetId?document.getElementById(this.headerTargetId):null;const o=document.getElementById("verdocs-view-header");if(e&&o){console.log("[VIEW] Moving header");o.remove();e.append(o)}}disconnectedCallback(){this.stopPolling();this.unlistenToEnvelope();window.removeEventListener("resize",(()=>this.updateZoomFromWindow()))}updateZoomFromWindow(){const e=window.innerWidth;if(e<768){if(this.zoomLevel!=="zoom2")this.zoomLevel="zoom2"}else if(e<1024){if(this.zoomLevel!=="zoom1")this.zoomLevel="zoom1"}else{if(this.zoomLevel!=="normal")this.zoomLevel="normal"}}async listenToEnvelope(){console.log("[VIEW] Loading envelope",this.envelopeId);this.unlistenToEnvelope();g.subscribe("envelopes",this.envelopeId,(()=>d(this.endpoint,this.envelopeId)),true,(e=>{this.envelope=e;this.loading=false}))}unlistenToEnvelope(){if(this.envelopeListenerId){g.store.delListener(this.envelopeListenerId);this.envelopeListenerId=null}}handlePageRendered(e){}async handleOptionSelected(e){var o,i,t,s;switch(e.detail.id){case"cancel":if(confirm("Are you sure you wish to cancel this envelope? This action cannot be undone.")){this.canceling=true;h(this.endpoint,this.envelopeId).then((e=>{this.canceling=false;console.log("[VIEW] Envelope canceled",e);return d(this.endpoint,this.envelopeId)})).then((e=>{console.log("[VIEW] Loaded new envelope details",e);this.envelope=e})).catch((e=>{var o,i,t;this.canceling=false;console.log("[VIEW] Error canceling envelope",e);(o=this.sdkError)===null||o===void 0?void 0:o.emit(new w(e.message,(i=e.response)===null||i===void 0?void 0:i.status,(t=e.response)===null||t===void 0?void 0:t.data))}));this.showCancelDone=true;(o=this.envelopeUpdated)===null||o===void 0?void 0:o.emit({endpoint:this.endpoint,envelope:this.envelope,event:"canceled"})}break;case"print":window.print();(i=this.envelopeUpdated)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:this.envelope,event:"printed"});break;case"download":this.showDownloadDialog=true;this.startPolling();break;case"download-attachments":try{const e=this.envelope.documents.find((e=>e.type==="attachment"));if(e){const o=await c(this.endpoint,e.id);window.open(o,"_blank")}}catch(e){console.log("Unable to download document",e);u(((s=(t=e.response)===null||t===void 0?void 0:t.data)===null||s===void 0?void 0:s.error)||"Unable to download document. Please try again later.",{style:"error"})}break;case"download-certificate":{const e=this.envelope.documents.find((e=>e.type==="certificate"));if(e){const o=await c(this.endpoint,e.id);window.open(o,"_blank")}}break;case"download-all":a(this.endpoint,[this.envelope.id]).then((()=>{var e;(e=this.envelopeUpdated)===null||e===void 0?void 0:e.emit({endpoint:this.endpoint,envelope:this.envelope,event:"downloaded"})})).catch((e=>{console.log("Error downloading Zip",e)}));break}}startPolling(){this.stopPolling();const e=()=>{var e,o,i,t,s,n;const l=((e=this.envelope)===null||e===void 0?void 0:e.status)==="complete"||!!((o=this.envelope)===null||o===void 0?void 0:o.signed);const r=(t=(i=this.envelope)===null||i===void 0?void 0:i.documents)===null||t===void 0?void 0:t.some((e=>e.type==="certificate"));const d=(n=(s=this.envelope)===null||s===void 0?void 0:s.recipients)===null||n===void 0?void 0:n.every((e=>e.status==="submitted"));if(l&&r)return false;if(!d)return false;return true};if(!e()){return}this.polling=true;this.pollingInterval=setInterval((async()=>{try{const o=await d(this.endpoint,this.envelopeId);this.envelope=o;g.updateEnvelope(this.envelopeId,o);if(!e()){this.stopPolling()}}catch(e){console.error("[VIEW] Polling error",e);this.stopPolling()}}),5e3)}stopPolling(){if(this.pollingInterval){clearInterval(this.pollingInterval);this.pollingInterval=null}this.polling=false}handleZoomIn(){if(this.zoomLevel==="normal"){this.zoomLevel="zoom1"}else if(this.zoomLevel==="zoom1"){this.zoomLevel="zoom2"}}handleZoomOut(){if(this.zoomLevel==="zoom1"){this.zoomLevel="normal"}else if(this.zoomLevel==="zoom2"){this.zoomLevel="zoom1"}}async handleDownloadDocuments(e){var o,i;const{action:t,documentId:s}=e.detail;console.log("[VIEW] Download action selected:",t,s);try{switch(t){case f.certificate:const e=this.envelope.documents.find((e=>e.type==="certificate"));if(!e){u("Certificate not yet available.",{style:"info"});break}const t=await c(this.endpoint,e.id);window.open(t,"_blank");break;case f.combined:const n=s||((o=this.envelope.documents.find((e=>e.type==="certificate")))===null||o===void 0?void 0:o.id);const l=await v(this.endpoint,n);window.open(l,"_blank");break;case f.document:const r=s||((i=this.envelope.documents.find((e=>e.type==="attachment")))===null||i===void 0?void 0:i.id);if(!r)break;const d=await c(this.endpoint,r);window.open(d,"_blank");break;case f.zip:const h=await a(this.endpoint,[this.envelopeId]);const m=window.URL.createObjectURL(h.data);const p=document.createElement("a");p.href=m;p.download=`${this.envelope.name}.zip`;document.body.appendChild(p);p.click();p.remove();window.URL.revokeObjectURL(m);break}}catch(e){console.error("Download error",e);u("Unable to complete download request.",{style:"error"})}}render(){var e;if(this.loading){return t(s,null,t("verdocs-loader",null))}if(this.showLoadError){return t(s,null,t("verdocs-ok-dialog",{heading:"Unable to View Envelope",message:`Sorry, that envelope is not valid.`,buttonLabel:"OK",onNext:()=>{this.showLoadError=false}}))}if(!this.envelope){return t(s,null,t("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"}))}const o=m(this.endpoint.session,this.envelope);return t(s,null,t("div",{class:"controls-toolbar",id:"verdocs-view-header"},t("div",{class:"left-controls"},t("div",{class:"title"},this.envelope.name)),t("div",{class:"center-controls"}),t("div",{class:"right-controls"},t("div",{class:{"icon-button":true,minus:true,disabled:this.zoomLevel==="normal"},innerHTML:H,onClick:()=>this.handleZoomOut()}),t("div",{class:{"icon-button":true,plus:true,disabled:this.zoomLevel==="zoom2"},innerHTML:I,onClick:()=>this.handleZoomIn()}),t("div",{class:"icon-button download",innerHTML:j,onClick:()=>this.handleOptionSelected({detail:{id:"download"}})}),t("div",{class:"icon-button print",innerHTML:M,onClick:()=>this.handleOptionSelected({detail:{id:"print"}})}))),t("div",{class:`document signed-document-container zoom-${this.zoomLevel}`,style:{paddingTop:this.headerTargetId?"70px":"15px"}},(((e=this.envelope)===null||e===void 0?void 0:e.documents)||[]).filter((e=>e.type!=="certificate")).map((e=>{const o=p(1,e.pages);return t(n,null,o.map((o=>{var i;const s=((i=e.page_sizes)===null||i===void 0?void 0:i[o])||{width:612,height:792};return t("verdocs-envelope-document-page",{envelopeId:this.envelopeId,documentId:e.id,endpoint:this.endpoint,type:"filled",virtualWidth:s.width,virtualHeight:s.height,pageNumber:o,onPageRendered:e=>this.handlePageRendered(e),layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))}))),this.showCancelDone&&t("verdocs-ok-dialog",{heading:"Cancelled",message:`This envelope has been cancelled successfully.`,onNext:()=>{this.showCancelDone=false}}),this.canceling&&t("div",{class:"loading-indicator"},t("verdocs-loader",null)),this.showDownloadDialog&&t("verdocs-download-dialog",{signed:this.envelope.status==="complete"||this.envelope.signed,polling:this.polling,documents:this.envelope.documents,onExit:()=>{this.showDownloadDialog=false;this.stopPolling()},onDownload:e=>this.handleDownloadDocuments(e)}),!!o&&t("verdocs-sign-footer",{endpoint:this.endpoint,envelopeId:this.envelopeId,isDone:true,onAskQuestion:()=>{},onDecline:()=>{},onFinishLater:()=>{}}))}get component(){return this}static get style(){return E()}},[0,"verdocs-view",{endpoint:[16],envelopeId:[1,"envelope-id"],headerTargetId:[1,"header-target-id"],canceling:[32],showCancelDone:[32],showLoadError:[32],loading:[32],envelope:[32],zoomLevel:[32],showDownloadDialog:[32],polling:[32]}]);function Z(){if(typeof customElements==="undefined"){return}const e=["verdocs-view","verdocs-dialog","verdocs-download-dialog","verdocs-envelope-document-page","verdocs-flag","verdocs-loader","verdocs-ok-dialog","verdocs-question-dialog","verdocs-sign-footer"];e.forEach((e=>{switch(e){case"verdocs-view":if(!customElements.get(l(e))){customElements.define(l(e),D)}break;case"verdocs-dialog":if(!customElements.get(l(e))){x()}break;case"verdocs-download-dialog":if(!customElements.get(l(e))){b()}break;case"verdocs-envelope-document-page":if(!customElements.get(l(e))){C()}break;case"verdocs-flag":if(!customElements.get(l(e))){k()}break;case"verdocs-loader":if(!customElements.get(l(e))){y()}break;case"verdocs-ok-dialog":if(!customElements.get(l(e))){z()}break;case"verdocs-question-dialog":if(!customElements.get(l(e))){L()}break;case"verdocs-sign-footer":if(!customElements.get(l(e))){V()}break}}))}export{D as V,Z as d};
-//# sourceMappingURL=p-CBKrl6B7.js.map
+import{p as e,H as o,c as i,h as t,d as s,F as n,t as l}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as r,getEnvelope as d,getEnvelopesZip as a,getEnvelopeDocumentDownloadLink as c,cancelEnvelope as h,getCombinedEnvelopeDocumentDownloadLink as v,getMyRecipient as m,integerSequence as p}from"@verdocs/js-sdk";import{D as f}from"./p-17OorOnH.js";import{V as u}from"./p-D97GxsI-.js";import{S as w}from"./p-C1sRVZWv.js";import{S as g}from"./p-C7hFgM52.js";import{d as x}from"./p-JGWMBIGy.js";import{d as b}from"./p-DTE1GYJt.js";import{d as C}from"./p-Dj-aIazM.js";import{d as y}from"./p-D9yawpPk.js";import{d as k}from"./p-vimrvRye.js";import{d as z}from"./p-Dc3BDcaU.js";import{d as L}from"./p-aj0qlBQ1.js";import{d as V}from"./p-CLtldaUs.js";const E=()=>`verdocs-view{display:-ms-flexbox;display:flex;overflow:hidden;min-height:600px;position:relative;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);background-color:#f5f5f5}verdocs-view div,verdocs-view canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-view .document{-ms-flex:1;flex:1;width:100%;height:100%;display:-ms-flexbox;display:flex;row-gap:15px;min-height:200px;max-width:1200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;padding-right:15px}verdocs-view .document .inner{width:100%;max-width:1028px}verdocs-view .signed-document-container{width:64%;margin:0 auto;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:15px}verdocs-view .signed-document-container.zoom-normal{width:64%}verdocs-view .signed-document-container.zoom-zoom1{width:80%}verdocs-view .signed-document-container.zoom-zoom2{width:100%}@media (max-width: 768px){verdocs-view .signed-document-container{width:100%}verdocs-view .signed-document-container.zoom-normal,verdocs-view .signed-document-container.zoom-zoom1,verdocs-view .signed-document-container.zoom-zoom2{width:100%}verdocs-view .controls-toolbar .center-controls{display:none}verdocs-view .controls-toolbar .right-controls .icon-button.minus,verdocs-view .controls-toolbar .right-controls .icon-button.plus{display:none}}verdocs-view .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}verdocs-view verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}#verdocs-view-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:54px;padding:0 12px 0 24px;background-color:#ffffff;border-bottom:1px solid #e0e0e0;-webkit-box-shadow:none;box-shadow:none;font-family:"Inter", sans-serif;color:#424242;z-index:1000;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}#verdocs-view-header .left-controls{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#verdocs-view-header .left-controls .title{font-weight:500;font-size:16px;color:#242424;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#verdocs-view-header .center-controls{-ms-flex:1;flex:1;display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:10px;font-size:14px}#verdocs-view-header .right-controls{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}#verdocs-view-header .right-controls .icon-button{width:32px;height:32px;display:-ms-flexbox;display:flex;color:#424242;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color 0.2s;transition:background-color 0.2s}#verdocs-view-header .right-controls .icon-button:hover{background-color:#f5f5f5}#verdocs-view-header .right-controls .icon-button.disabled{opacity:0.3;pointer-events:none}#verdocs-view-header .right-controls .icon-button svg{display:block;width:20px;height:20px}@media print{#verdocs-view-header{display:none !important}verdocs-view{min-height:auto;background-color:white}verdocs-view .document{overflow:visible;height:auto;display:block;padding:0}verdocs-view .signed-document-container{width:100%;margin:0}}`;const H=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11 8C11.2761 8 11.5 8.22386 11.5 8.5C11.5 8.77614 11.2761 9 11 9H6C5.72386 9 5.5 8.77614 5.5 8.5C5.5 8.22386 5.72386 8 6 8H11ZM14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83879 14 11.0659 13.5217 12.0196 12.7266L16.1464 16.8536L16.2157 16.9114C16.4106 17.0464 16.68 17.0271 16.8536 16.8536C17.0488 16.6583 17.0488 16.3417 16.8536 16.1464L12.7266 12.0196C13.5217 11.0659 14 9.83879 14 8.5ZM4 8.5C4 6.01472 6.01472 4 8.5 4C10.9853 4 13 6.01472 13 8.5C13 10.9853 10.9853 13 8.5 13C6.01472 13 4 10.9853 4 8.5Z" fill="#424242" /></svg>`;const I=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11.5 8.5C11.5 8.22386 11.2761 8 11 8H9V6C9 5.72386 8.77614 5.5 8.5 5.5C8.22386 5.5 8 5.72386 8 6V8H6C5.72386 8 5.5 8.22386 5.5 8.5C5.5 8.77614 5.72386 9 6 9H8V11C8 11.2761 8.22386 11.5 8.5 11.5C8.77614 11.5 9 11.2761 9 11V9H11C11.2761 9 11.5 8.77614 11.5 8.5ZM8.5 3C11.5376 3 14 5.46243 14 8.5C14 9.83879 13.5217 11.0659 12.7266 12.0196L16.8536 16.1464C17.0488 16.3417 17.0488 16.6583 16.8536 16.8536C16.68 17.0271 16.4106 17.0464 16.2157 16.9114L16.1464 16.8536L12.0196 12.7266C11.0659 13.5217 9.83879 14 8.5 14C5.46243 14 3 11.5376 3 8.5C3 5.46243 5.46243 3 8.5 3ZM8.5 4C6.01472 4 4 6.01472 4 8.5C4 10.9853 6.01472 13 8.5 13C10.9853 13 13 10.9853 13 8.5C13 6.01472 10.9853 4 8.5 4Z" fill="#424242" /></svg>`;const j=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 16.9988C15.7761 16.9988 16 17.2226 16 17.4988C16 17.7442 15.8231 17.9484 15.5899 17.9907L15.5 17.9988H4.5C4.22386 17.9988 4 17.7749 4 17.4988C4 17.2533 4.17688 17.0492 4.41012 17.0068L4.5 16.9988H15.5ZM10.0001 2.00098C10.2456 2.00098 10.4497 2.17798 10.492 2.41124L10.5 2.50112L10.496 14.295L14.1414 10.6466C14.3148 10.4729 14.5842 10.4534 14.7792 10.5882L14.8485 10.646C15.0222 10.8194 15.0418 11.0888 14.907 11.2838L14.8492 11.3531L10.3574 15.8531C10.285 15.9257 10.1957 15.9714 10.1021 15.9901L9.99608 15.9999C9.83511 15.9999 9.69192 15.9237 9.60051 15.8056L5.14386 11.3537C4.94846 11.1586 4.94823 10.842 5.14336 10.6466C5.3168 10.4729 5.58621 10.4534 5.78117 10.5883L5.85046 10.6461L9.496 14.287L9.5 2.50083C9.50008 2.22469 9.724 2.00098 10.0001 2.00098Z" fill="#424242"/></svg>`;const M=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 4.5C5 3.67157 5.67157 3 6.5 3H13.5C14.3284 3 15 3.67157 15 4.5V5H15.5C16.8807 5 18 6.11929 18 7.5V12.5C18 13.3284 17.3284 14 16.5 14H15V15.5C15 16.3284 14.3284 17 13.5 17H6.5C5.67157 17 5 16.3284 5 15.5V14H3.5C2.67157 14 2 13.3284 2 12.5V7.5C2 6.11929 3.11929 5 4.5 5H5V4.5ZM6 5H14V4.5C14 4.22386 13.7761 4 13.5 4H6.5C6.22386 4 6 4.22386 6 4.5V5ZM5 13V11.5C5 10.6716 5.67157 10 6.5 10H13.5C14.3284 10 15 10.6716 15 11.5V13H16.5C16.7761 13 17 12.7761 17 12.5V7.5C17 6.67157 16.3284 6 15.5 6H4.5C3.67157 6 3 6.67157 3 7.5V12.5C3 12.7761 3.22386 13 3.5 13H5ZM6.5 11C6.22386 11 6 11.2239 6 11.5V15.5C6 15.7761 6.22386 16 6.5 16H13.5C13.7761 16 14 15.7761 14 15.5V11.5C14 11.2239 13.7761 11 13.5 11H6.5Z" fill="#424242"/></svg>`;const D=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.sdkError=i(this,"sdkError");this.envelopeUpdated=i(this,"envelopeUpdated");this.another=i(this,"another");this.view=i(this,"view");this.next=i(this,"next");this.envelopeListenerId=null;this.endpoint=null;this.envelopeId="";this.headerTargetId=null;this.canceling=false;this.showCancelDone=false;this.showLoadError=false;this.loading=true;this.envelope=null;this.zoomLevel="normal";this.showDownloadDialog=false;this.polling=false;this.pollingInterval=null}async componentWillLoad(){var e,o,i;this.updateZoomFromWindow();window.addEventListener("resize",(()=>this.updateZoomFromWindow()));if(!this.endpoint){this.endpoint=r.getDefault();this.endpoint.loadSession()}if(!this.envelopeId){console.error(`[VIEW] Missing required envelopeId`);return}await this.listenToEnvelope();if(!this.envelope){try{console.log("[VIEW] Loading envelope...");this.envelope=await d(this.endpoint,this.envelopeId);console.log("[VIEW] Loaded envelope",this.envelope)}catch(t){this.showLoadError=true;(e=this.sdkError)===null||e===void 0?void 0:e.emit(new w(t.message,(o=t.response)===null||o===void 0?void 0:o.status,(i=t.response)===null||i===void 0?void 0:i.data))}}}componentDidRender(){const e=this.headerTargetId?document.getElementById(this.headerTargetId):null;const o=document.getElementById("verdocs-view-header");if(e&&o){console.log("[VIEW] Moving header");o.remove();e.append(o)}}disconnectedCallback(){this.stopPolling();this.unlistenToEnvelope();window.removeEventListener("resize",(()=>this.updateZoomFromWindow()))}updateZoomFromWindow(){const e=window.innerWidth;if(e<768){if(this.zoomLevel!=="zoom2")this.zoomLevel="zoom2"}else if(e<1024){if(this.zoomLevel!=="zoom1")this.zoomLevel="zoom1"}else{if(this.zoomLevel!=="normal")this.zoomLevel="normal"}}async listenToEnvelope(){console.log("[VIEW] Loading envelope",this.envelopeId);this.unlistenToEnvelope();g.subscribe("envelopes",this.envelopeId,(()=>d(this.endpoint,this.envelopeId)),true,(e=>{this.envelope=e;this.loading=false}))}unlistenToEnvelope(){if(this.envelopeListenerId){g.store.delListener(this.envelopeListenerId);this.envelopeListenerId=null}}handlePageRendered(e){}async handleOptionSelected(e){var o,i,t,s;switch(e.detail.id){case"cancel":if(confirm("Are you sure you wish to cancel this envelope? This action cannot be undone.")){this.canceling=true;h(this.endpoint,this.envelopeId).then((e=>{this.canceling=false;console.log("[VIEW] Envelope canceled",e);return d(this.endpoint,this.envelopeId)})).then((e=>{console.log("[VIEW] Loaded new envelope details",e);this.envelope=e})).catch((e=>{var o,i,t;this.canceling=false;console.log("[VIEW] Error canceling envelope",e);(o=this.sdkError)===null||o===void 0?void 0:o.emit(new w(e.message,(i=e.response)===null||i===void 0?void 0:i.status,(t=e.response)===null||t===void 0?void 0:t.data))}));this.showCancelDone=true;(o=this.envelopeUpdated)===null||o===void 0?void 0:o.emit({endpoint:this.endpoint,envelope:this.envelope,event:"canceled"})}break;case"print":window.print();(i=this.envelopeUpdated)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:this.envelope,event:"printed"});break;case"download":this.showDownloadDialog=true;this.startPolling();break;case"download-attachments":try{const e=this.envelope.documents.find((e=>e.type==="attachment"));if(e){const o=await c(this.endpoint,e.id);window.open(o,"_blank")}}catch(e){console.log("Unable to download document",e);u(((s=(t=e.response)===null||t===void 0?void 0:t.data)===null||s===void 0?void 0:s.error)||"Unable to download document. Please try again later.",{style:"error"})}break;case"download-certificate":{const e=this.envelope.documents.find((e=>e.type==="certificate"));if(e){const o=await c(this.endpoint,e.id);window.open(o,"_blank")}}break;case"download-all":a(this.endpoint,[this.envelope.id]).then((()=>{var e;(e=this.envelopeUpdated)===null||e===void 0?void 0:e.emit({endpoint:this.endpoint,envelope:this.envelope,event:"downloaded"})})).catch((e=>{console.log("Error downloading Zip",e)}));break}}startPolling(){this.stopPolling();const e=()=>{var e,o,i,t,s,n;const l=((e=this.envelope)===null||e===void 0?void 0:e.status)==="complete"||!!((o=this.envelope)===null||o===void 0?void 0:o.signed);const r=(t=(i=this.envelope)===null||i===void 0?void 0:i.documents)===null||t===void 0?void 0:t.some((e=>e.type==="certificate"));const d=(n=(s=this.envelope)===null||s===void 0?void 0:s.recipients)===null||n===void 0?void 0:n.every((e=>e.status==="submitted"));if(l&&r)return false;if(!d)return false;return true};if(!e()){return}this.polling=true;this.pollingInterval=setInterval((async()=>{try{const o=await d(this.endpoint,this.envelopeId);this.envelope=o;g.updateEnvelope(this.envelopeId,o);if(!e()){this.stopPolling()}}catch(e){console.error("[VIEW] Polling error",e);this.stopPolling()}}),5e3)}stopPolling(){if(this.pollingInterval){clearInterval(this.pollingInterval);this.pollingInterval=null}this.polling=false}handleZoomIn(){if(this.zoomLevel==="normal"){this.zoomLevel="zoom1"}else if(this.zoomLevel==="zoom1"){this.zoomLevel="zoom2"}}handleZoomOut(){if(this.zoomLevel==="zoom1"){this.zoomLevel="normal"}else if(this.zoomLevel==="zoom2"){this.zoomLevel="zoom1"}}async handleDownloadDocuments(e){var o,i;const{action:t,documentId:s}=e.detail;console.log("[VIEW] Download action selected:",t,s);try{switch(t){case f.certificate:const e=this.envelope.documents.find((e=>e.type==="certificate"));if(!e){u("Certificate not yet available.",{style:"info"});break}const t=await c(this.endpoint,e.id);window.open(t,"_blank");break;case f.combined:const n=s||((o=this.envelope.documents.find((e=>e.type==="certificate")))===null||o===void 0?void 0:o.id);const l=await v(this.endpoint,n);window.open(l,"_blank");break;case f.document:const r=s||((i=this.envelope.documents.find((e=>e.type==="attachment")))===null||i===void 0?void 0:i.id);if(!r)break;const d=await c(this.endpoint,r);window.open(d,"_blank");break;case f.zip:const h=await a(this.endpoint,[this.envelopeId]);const m=window.URL.createObjectURL(h.data);const p=document.createElement("a");p.href=m;p.download=`${this.envelope.name}.zip`;document.body.appendChild(p);p.click();p.remove();window.URL.revokeObjectURL(m);break}}catch(e){console.error("Download error",e);u("Unable to complete download request.",{style:"error"})}}render(){var e;if(this.loading){return t(s,null,t("verdocs-loader",null))}if(this.showLoadError){return t(s,null,t("verdocs-ok-dialog",{heading:"Unable to View Envelope",message:`Sorry, that envelope is not valid.`,buttonLabel:"OK",onNext:()=>{this.showLoadError=false}}))}if(!this.envelope){return t(s,null,t("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"}))}const o=m(this.endpoint.session,this.envelope);return t(s,null,t("div",{class:"controls-toolbar",id:"verdocs-view-header"},t("div",{class:"left-controls"},t("div",{class:"title"},this.envelope.name)),t("div",{class:"center-controls"}),t("div",{class:"right-controls"},t("div",{class:{"icon-button":true,minus:true,disabled:this.zoomLevel==="normal"},innerHTML:H,onClick:()=>this.handleZoomOut()}),t("div",{class:{"icon-button":true,plus:true,disabled:this.zoomLevel==="zoom2"},innerHTML:I,onClick:()=>this.handleZoomIn()}),t("div",{class:"icon-button download",innerHTML:j,onClick:()=>this.handleOptionSelected({detail:{id:"download"}})}),t("div",{class:"icon-button print",innerHTML:M,onClick:()=>this.handleOptionSelected({detail:{id:"print"}})}))),t("div",{class:`document signed-document-container zoom-${this.zoomLevel}`,style:{paddingTop:this.headerTargetId?"70px":"15px"}},(((e=this.envelope)===null||e===void 0?void 0:e.documents)||[]).filter((e=>e.type!=="certificate")).map((e=>{const o=p(1,e.pages);return t(n,null,o.map((o=>{var i;const s=((i=e.page_sizes)===null||i===void 0?void 0:i[o])||{width:612,height:792};return t("verdocs-envelope-document-page",{envelopeId:this.envelopeId,documentId:e.id,endpoint:this.endpoint,type:"filled",virtualWidth:s.width,virtualHeight:s.height,pageNumber:o,onPageRendered:e=>this.handlePageRendered(e),layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))}))),this.showCancelDone&&t("verdocs-ok-dialog",{heading:"Cancelled",message:`This envelope has been cancelled successfully.`,onNext:()=>{this.showCancelDone=false}}),this.canceling&&t("div",{class:"loading-indicator"},t("verdocs-loader",null)),this.showDownloadDialog&&t("verdocs-download-dialog",{signed:this.envelope.status==="complete"||this.envelope.signed,polling:this.polling,documents:this.envelope.documents,onExit:()=>{this.showDownloadDialog=false;this.stopPolling()},onDownload:e=>this.handleDownloadDocuments(e)}),!!o&&t("verdocs-sign-footer",{endpoint:this.endpoint,envelopeId:this.envelopeId,isDone:true,onAskQuestion:()=>{},onDecline:()=>{},onFinishLater:()=>{}}))}get component(){return this}static get style(){return E()}},[0,"verdocs-view",{endpoint:[16],envelopeId:[1,"envelope-id"],headerTargetId:[1,"header-target-id"],canceling:[32],showCancelDone:[32],showLoadError:[32],loading:[32],envelope:[32],zoomLevel:[32],showDownloadDialog:[32],polling:[32]}]);function Z(){if(typeof customElements==="undefined"){return}const e=["verdocs-view","verdocs-dialog","verdocs-download-dialog","verdocs-envelope-document-page","verdocs-flag","verdocs-loader","verdocs-ok-dialog","verdocs-question-dialog","verdocs-sign-footer"];e.forEach((e=>{switch(e){case"verdocs-view":if(!customElements.get(l(e))){customElements.define(l(e),D)}break;case"verdocs-dialog":if(!customElements.get(l(e))){x()}break;case"verdocs-download-dialog":if(!customElements.get(l(e))){b()}break;case"verdocs-envelope-document-page":if(!customElements.get(l(e))){C()}break;case"verdocs-flag":if(!customElements.get(l(e))){y()}break;case"verdocs-loader":if(!customElements.get(l(e))){k()}break;case"verdocs-ok-dialog":if(!customElements.get(l(e))){z()}break;case"verdocs-question-dialog":if(!customElements.get(l(e))){L()}break;case"verdocs-sign-footer":if(!customElements.get(l(e))){V()}break}}))}export{D as V,Z as d};
+//# sourceMappingURL=p-Cujbc8tg.js.map

package/dist/components/{p-CioaaWeS.js → p-CxIhMndz.js}

@@ -1,2 +1,2 @@
-import{p as o,H as t,h as e,d as i,t as s}from"./p-yZBlG3YQ.js";import{c as r}from"./p-BfP9ezJQ.js";const c=()=>`verdocs-help-icon{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);display:inline-block;opacity:0.3;position:relative}verdocs-help-icon:hover{opacity:1}verdocs-help-icon .icon{display:inline-block}verdocs-help-icon .tooltip{display:none;min-width:200px;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:500;position:absolute;padding:5px 10px;font-size:12px;border-radius:4px;z-index:10005}verdocs-help-icon .tooltip .arrow,verdocs-help-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-help-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-help-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-help-icon .tooltip[data-show]{display:block}verdocs-help-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-help-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-help-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-help-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}`;const p='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" fill="#5c6575"><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>';const a=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.text="";this.icon=p;this.containerId=`verdocs-help-icon-${Math.random().toString(36).substring(2,11)}`}componentDidLoad(){this.popperInstance=r(this.iconEl,this.tooltipEl,{})}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}show(){var o,t;(o=this.tooltipEl)===null||o===void 0?void 0:o.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((()=>{}))}hide(){var o;(o=this.tooltipEl)===null||o===void 0?void 0:o.removeAttribute("data-show")}render(){return e(i,{key:"76fe1c6da6defbcbfb76828262052e1cd8374cc8",class:{}},e("div",{key:"d7b111dc735399e2b8dd00949c70c2437db9b15e","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:()=>this.show(),onFocus:()=>this.show(),onMouseLeave:()=>this.hide(),onBlur:()=>this.hide(),ref:o=>this.iconEl=o}),e("div",{key:"4f82290c4f5659c5fa049b175eb8e51d5b45fa0f",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":"bottom",ref:o=>this.tooltipEl=o},e("span",{key:"b78df86bb13feec33dd4c6f197ae608a5ac589c5",innerHTML:this.text}),e("div",{key:"74a251acec67901234b69f815159d26e41d197cd","data-popper-arrow":"true",class:"arrow"})))}static get style(){return c()}},[0,"verdocs-help-icon",{text:[1],icon:[1],containerId:[32]}]);function n(){if(typeof customElements==="undefined"){return}const o=["verdocs-help-icon"];o.forEach((o=>{switch(o){case"verdocs-help-icon":if(!customElements.get(s(o))){customElements.define(s(o),a)}break}}))}export{a as V,n as d};
-//# sourceMappingURL=p-CioaaWeS.js.map
+import{p as o,H as t,h as e,d as i,t as s}from"./p-yZBlG3YQ.js";import{c as a}from"./p-BfP9ezJQ.js";const r=()=>`verdocs-help-icon{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);display:inline-block;opacity:0.3;position:relative}verdocs-help-icon:hover{opacity:1}verdocs-help-icon .icon{display:inline-block}verdocs-help-icon .tooltip{display:none;min-width:200px;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:500;position:absolute;padding:5px 10px;font-size:12px;border-radius:4px;z-index:10005}verdocs-help-icon .tooltip .arrow,verdocs-help-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-help-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-help-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-help-icon .tooltip[data-show]{display:block}verdocs-help-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-help-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-help-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-help-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}`;const p='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" fill="#5c6575"><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>';const c=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.text="";this.icon=p;this.containerId=`verdocs-help-icon-${Math.random().toString(36).substring(2,11)}`}componentDidLoad(){this.popperInstance=a(this.iconEl,this.tooltipEl,{})}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}show(){var o,t;(o=this.tooltipEl)===null||o===void 0?void 0:o.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((()=>{}))}hide(){var o;(o=this.tooltipEl)===null||o===void 0?void 0:o.removeAttribute("data-show")}render(){return e(i,{key:"e7b100956a31d9aa811552e36dc1e35b3acedc80",class:{}},e("div",{key:"3ba2618130b6149e42c60bb846a2a7961bd6fc23","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:()=>this.show(),onFocus:()=>this.show(),onMouseLeave:()=>this.hide(),onBlur:()=>this.hide(),ref:o=>this.iconEl=o}),e("div",{key:"f400076e65dc0c59f143b28df3cbc61ca183d96a",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":"bottom",ref:o=>this.tooltipEl=o},e("span",{key:"ac30b2c5e6ebcb8ff226621af4e55a19d05a596b",innerHTML:this.text}),e("div",{key:"4d2e8d53e65a910254a43c7916d58460f24aac6d","data-popper-arrow":"true",class:"arrow"})))}static get style(){return r()}},[0,"verdocs-help-icon",{text:[1],icon:[1],containerId:[32]}]);function n(){if(typeof customElements==="undefined"){return}const o=["verdocs-help-icon"];o.forEach((o=>{switch(o){case"verdocs-help-icon":if(!customElements.get(s(o))){customElements.define(s(o),c)}break}}))}export{c as V,n as d};
+//# sourceMappingURL=p-CxIhMndz.js.map

package/dist/components/{p-DFXK-FYy.js → p-D17kbVUt.js}

@@ -1,2 +1,2 @@
-import{p as o,H as e,c as r,h as s,d,t as n}from"./p-yZBlG3YQ.js";import{randomString as t}from"@verdocs/js-sdk";import{d as i}from"./p-DQTI8vRX.js";const a=()=>`verdocs-dropdown{height:26px;display:block;position:relative;font-family:"Inter", "Barlow", sans-serif}verdocs-dropdown .arrow{height:26px;padding:0 4px;background:#fff;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;border:1px solid #cccccc;-ms-flex-pack:center;justify-content:center}verdocs-dropdown .arrow svg{fill:#55bc81;-webkit-transition:0.3s;transition:0.3s}verdocs-dropdown.open .arrow{background:#4c56cb;border:1px solid #707ae5}verdocs-dropdown.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1);fill:#fff}#verdocs-dropdown-menu-items{width:200px;z-index:10000;position:absolute;border-radius:5px;background:#33354c;border:1px solid #654dcb}.verdocs-dropdown-menu-separator{height:1px;margin-top:5px;padding-top:5px;border-top:1px solid rgba(255, 255, 255, 0.3725490196)}.verdocs-dropdown-menu-option{width:100%;color:#fff;border:none;display:block;text-align:left;background:none;text-wrap:nowrap;padding:10px 20px}.verdocs-dropdown-menu-option:hover{cursor:pointer;background:#55bc81}.verdocs-dropdown-menu-option[disabled]{color:#aaaaaa}.verdocs-dropdown-menu-option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}`;const c=`<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#50BE80"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 10l5 5 5-5H7z"/></svg>`;const p=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.optionSelected=r(this,"optionSelected");this.options=[];this.containerId=`verdocs-send-${Math.random().toString(36).substring(2,11)}`;this.showPicker=false}handleSelectOption(o,e){var r;o.stopPropagation();(r=this.optionSelected)===null||r===void 0?void 0:r.emit(e);this.showPicker=false}toggle(){this.showPicker=!this.showPicker}render(){const o=`verdocs-dropdown-${t(8)}`;return s(d,{key:"5b5977db34f3403485577d48abded1413ae747b3"},s("button",{key:"602cee4a041ed8c312a2af9681370b917334c00f",class:"arrow",innerHTML:c,"aria-label":"Open Menu",id:o,onClick:()=>this.showPicker=!this.showPicker}),this.showPicker&&s("verdocs-portal",{key:"852ced3bafef243933090dd1556aaa9c9b579a62",anchor:o,onClickAway:()=>this.showPicker=false,id:"verdocs-dropdown-menu-items"},this.options.map((o=>{if(!o.label){return s("div",{class:"verdocs-dropdown-menu-separator"})}else{return s("button",{class:"verdocs-dropdown-menu-option",disabled:o.disabled||false,onClick:e=>this.handleSelectOption(e,o)},o.label)}}))))}get el(){return this}static get style(){return a()}},[0,"verdocs-dropdown",{options:[16],containerId:[32],showPicker:[32]}]);function l(){if(typeof customElements==="undefined"){return}const o=["verdocs-dropdown","verdocs-portal"];o.forEach((o=>{switch(o){case"verdocs-dropdown":if(!customElements.get(n(o))){customElements.define(n(o),p)}break;case"verdocs-portal":if(!customElements.get(n(o))){i()}break}}))}export{p as V,l as d};
-//# sourceMappingURL=p-DFXK-FYy.js.map
+import{p as o,H as e,c as r,h as s,d,t as n}from"./p-yZBlG3YQ.js";import{randomString as t}from"@verdocs/js-sdk";import{d as i}from"./p-CIgqf7hj.js";const a=()=>`verdocs-dropdown{height:26px;display:block;position:relative;font-family:"Inter", "Barlow", sans-serif}verdocs-dropdown .arrow{height:26px;padding:0 4px;background:#fff;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;border:1px solid #cccccc;-ms-flex-pack:center;justify-content:center}verdocs-dropdown .arrow svg{fill:#55bc81;-webkit-transition:0.3s;transition:0.3s}verdocs-dropdown.open .arrow{background:#4c56cb;border:1px solid #707ae5}verdocs-dropdown.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1);fill:#fff}#verdocs-dropdown-menu-items{width:200px;z-index:10000;position:absolute;border-radius:5px;background:#33354c;border:1px solid #654dcb}.verdocs-dropdown-menu-separator{height:1px;margin-top:5px;padding-top:5px;border-top:1px solid rgba(255, 255, 255, 0.3725490196)}.verdocs-dropdown-menu-option{width:100%;color:#fff;border:none;display:block;text-align:left;background:none;text-wrap:nowrap;padding:10px 20px}.verdocs-dropdown-menu-option:hover{cursor:pointer;background:#55bc81}.verdocs-dropdown-menu-option[disabled]{color:#aaaaaa}.verdocs-dropdown-menu-option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}`;const c=`<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#50BE80"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 10l5 5 5-5H7z"/></svg>`;const p=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.optionSelected=r(this,"optionSelected");this.options=[];this.containerId=`verdocs-send-${Math.random().toString(36).substring(2,11)}`;this.showPicker=false}handleSelectOption(o,e){var r;o.stopPropagation();(r=this.optionSelected)===null||r===void 0?void 0:r.emit(e);this.showPicker=false}toggle(){this.showPicker=!this.showPicker}render(){const o=`verdocs-dropdown-${t(8)}`;return s(d,{key:"c6bef6cbf6bf5ea11060ee051288e0a9169c59f5"},s("button",{key:"494f34e8cce26292a27180e00f1bdf5b050b4166",class:"arrow",innerHTML:c,"aria-label":"Open Menu",id:o,onClick:()=>this.showPicker=!this.showPicker}),this.showPicker&&s("verdocs-portal",{key:"529dff704b16259e98ed8693173621a39da97d21",anchor:o,onClickAway:()=>this.showPicker=false,id:"verdocs-dropdown-menu-items"},this.options.map((o=>{if(!o.label){return s("div",{class:"verdocs-dropdown-menu-separator"})}else{return s("button",{class:"verdocs-dropdown-menu-option",disabled:o.disabled||false,onClick:e=>this.handleSelectOption(e,o)},o.label)}}))))}get el(){return this}static get style(){return a()}},[0,"verdocs-dropdown",{options:[16],containerId:[32],showPicker:[32]}]);function l(){if(typeof customElements==="undefined"){return}const o=["verdocs-dropdown","verdocs-portal"];o.forEach((o=>{switch(o){case"verdocs-dropdown":if(!customElements.get(n(o))){customElements.define(n(o),p)}break;case"verdocs-portal":if(!customElements.get(n(o))){i()}break}}))}export{p as V,l as d};
+//# sourceMappingURL=p-D17kbVUt.js.map

package/dist/components/{p-wUsR0Dpa.js → p-D9yawpPk.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as a,t as i}from"./p-yZBlG3YQ.js";const l=()=>`.verdocs-flag{position:absolute;left:100%;width:110px;height:24px;padding-left:14px;background-color:#13a10e;-webkit-clip-path:polygon(0px 50%, 14px 0, 100% 0, 100% 100%, 14px 100%);clip-path:polygon(0px 50%, 14px 0, 100% 0, 100% 100%, 14px 100%);display:-ms-flexbox;display:flex;color:#fff;font-weight:600;font-size:12px;line-height:1}.verdocs-flag:hover{-webkit-filter:drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));filter:drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));-webkit-transform:translateX(-1px);transform:translateX(-1px)}.verdocs-flag.variant-next{-webkit-clip-path:none;clip-path:none;border-radius:0;margin-left:14px;width:96px;padding-left:0}.verdocs-flag .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;gap:4px}.verdocs-flag .link{text-decoration:underline;cursor:pointer;font-weight:400}.verdocs-flag .link:hover{text-decoration:none}`;const o=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.skip=s(this,"skip");this.flagClick=s(this,"flagClick");this.variant="fill";this.label="FILL";this.showSkip=false}render(){return a("div",{key:"394a45f7e3ad7a662902c1bd9928cc6250b0ed4e",class:{"verdocs-flag":true,[`variant-${this.variant}`]:true},onClick:()=>this.flagClick.emit()},a("div",{key:"c9867f42b67a8949a3146cdece18253300e552f0",class:"label"},this.label,this.showSkip&&a("span",{key:"5f06118eaedc86d0ea4b87c3baeba8f855357900"}," or ",a("span",{key:"d678a8232fb90292bafa1d4bacbaee72b4d80ef5",class:"link",onClick:e=>{e.stopPropagation();this.skip.emit()}},"SKIP"))))}static get style(){return l()}},[0,"verdocs-flag",{variant:[1],label:[1],showSkip:[4,"show-skip"]}]);function r(){if(typeof customElements==="undefined"){return}const e=["verdocs-flag"];e.forEach((e=>{switch(e){case"verdocs-flag":if(!customElements.get(i(e))){customElements.define(i(e),o)}break}}))}export{o as V,r as d};
-//# sourceMappingURL=p-wUsR0Dpa.js.map
+import{p as e,H as t,c as s,h as a,t as i}from"./p-yZBlG3YQ.js";const l=()=>`.verdocs-flag{position:absolute;left:100%;width:110px;height:24px;padding-left:14px;background-color:#13a10e;-webkit-clip-path:polygon(0px 50%, 14px 0, 100% 0, 100% 100%, 14px 100%);clip-path:polygon(0px 50%, 14px 0, 100% 0, 100% 100%, 14px 100%);display:-ms-flexbox;display:flex;color:#fff;font-weight:600;font-size:12px;line-height:1}.verdocs-flag:hover{-webkit-filter:drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));filter:drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));-webkit-transform:translateX(-1px);transform:translateX(-1px)}.verdocs-flag.variant-next{-webkit-clip-path:none;clip-path:none;border-radius:0;margin-left:14px;width:96px;padding-left:0}.verdocs-flag .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;gap:4px}.verdocs-flag .link{text-decoration:underline;cursor:pointer;font-weight:400}.verdocs-flag .link:hover{text-decoration:none}`;const o=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.skip=s(this,"skip");this.flagClick=s(this,"flagClick");this.variant="fill";this.label="FILL";this.showSkip=false}render(){return a("div",{key:"6d4e3079f2b3c74af9eba550ab702e144c15251e",class:{"verdocs-flag":true,[`variant-${this.variant}`]:true},onClick:()=>this.flagClick.emit()},a("div",{key:"347c2efc0654fe888da2a7f210b8ad822912d7f0",class:"label"},this.label,this.showSkip&&a("span",{key:"75bcc29708e9a90e1f98e44c4eb65c3c5853ff56"}," or ",a("span",{key:"66bbf857cf5cf9f16640ef0d9d12d62b77e1aa6a",class:"link",onClick:e=>{e.stopPropagation();this.skip.emit()}},"SKIP"))))}static get style(){return l()}},[0,"verdocs-flag",{variant:[1],label:[1],showSkip:[4,"show-skip"]}]);function r(){if(typeof customElements==="undefined"){return}const e=["verdocs-flag"];e.forEach((e=>{switch(e){case"verdocs-flag":if(!customElements.get(i(e))){customElements.define(i(e),o)}break}}))}export{o as V,r as d};
+//# sourceMappingURL=p-D9yawpPk.js.map

package/dist/components/{p-DVGumEtx.js → p-DEhaAbKn.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as i,d as a,F as r,t as o}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as d,getTemplateDocumentPageDisplayUri as l,getTemplate as c}from"@verdocs/js-sdk";import{t as m,f as n,g as p}from"./p-BCwFpXpV.js";import{S as h}from"./p-C7hFgM52.js";import{d as u}from"./p-Bdf8pPWm.js";import{d as f}from"./p-REnrt0JM.js";import{d as v}from"./p-CyDWJAOZ.js";import{d as b}from"./p-DT0LGcPi.js";import{d as g}from"./p-BT8wzCXz.js";import{d as x}from"./p-BasWFMeN.js";import{d as y}from"./p-DwPH0TQ4.js";import{d as k}from"./p-BwEGkh_6.js";import{d as w}from"./p-DXLcCG08.js";import{d as E}from"./p-B845hxhl.js";import{d as j}from"./p-5E7bNT3k.js";import{d as P}from"./p-Cfiprngx.js";import{d as D}from"./p-pyA5cdVX.js";import{d as S}from"./p-DhO1wfh-.js";import{d as W}from"./p-wUsR0Dpa.js";import{d as B}from"./p-CioaaWeS.js";import{d as T}from"./p-B-_kYJtC.js";import{d as C}from"./p-D3qUITiS.js";import{d as $}from"./p-DQTI8vRX.js";import{d as I}from"./p-BXGNkmyr.js";import{d as R}from"./p-D3ohABOv.js";import{d as H}from"./p-DYtSnUj9.js";import{d as N}from"./p-u16vefxk.js";const X=()=>`verdocs-template-document-page{width:100%;position:relative}verdocs-template-document-page .verdocs-template-document-page-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}verdocs-template-document-page .verdocs-template-document-page-layer.img{width:100%}verdocs-template-document-page .placeholder{opacity:0.1;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}`;const z=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.pageRendered=s(this,"pageRendered");this.templateListenerId=null;this.endpoint=d.getDefault();this.editable=false;this.disabled=false;this.done=false;this.templateId="";this.documentId="";this.pageNumber=1;this.virtualWidth=612;this.virtualHeight=792;this.layers=[{name:"page",type:"canvas"}];this.containerId=`verdocs-document-page-${Math.random().toString(36).substring(2,11)}`;this.renderedWidth=this.virtualWidth;this.renderedHeight=this.virtualHeight;this.naturalWidth=this.virtualWidth;this.naturalHeight=this.virtualHeight;this.aspectRatio=this.virtualWidth/this.virtualHeight;this.skipFirstNotification=true;this.pageDisplayUri="";this.xScale=1;this.yScale=1;this.loading=true;this.template=null}async componentWillLoad(){this.pageDisplayUri=await l(this.endpoint,this.documentId,this.pageNumber);this.listenToTemplate()}componentDidLoad(){this.resizeObserver=new ResizeObserver(m((e=>{for(const t of e){const e=t.contentRect.width;this.renderedWidth=e;this.renderedHeight=this.virtualHeight*(e/this.virtualWidth)}this.notifyRenderedSize()}),100));this.resizeObserver.observe(this.container)}componentDidUpdate(){this.notifyRenderedSize()}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.unlistenToTemplate()}async listenToTemplate(){this.unlistenToTemplate();h.subscribe("templates",this.templateId,(()=>c(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false}))}unlistenToTemplate(){if(this.templateListenerId){h.store.delListener(this.templateListenerId);this.templateListenerId=null}}notifyRenderedSize(){if(this.skipFirstNotification){this.skipFirstNotification=false;return}const e=this.renderedWidth/this.virtualWidth;if(this.xScale!==e){this.xScale=e}const t=this.renderedHeight/this.virtualHeight;if(this.yScale!==t){this.yScale=t}this.pageRendered.emit({containerId:this.containerId,documentId:this.documentId,pageNumber:this.pageNumber,virtualWidth:this.virtualWidth,virtualHeight:this.virtualHeight,renderedWidth:this.renderedWidth,renderedHeight:this.renderedHeight,naturalWidth:this.naturalWidth,naturalHeight:this.naturalHeight,aspectRatio:this.aspectRatio,xScale:e,yScale:t})}render(){if(this.loading){return i(a,null,i("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",class:"placeholder",alt:"Placeholder page"}))}const e=`${this.renderedHeight}px`;return i(a,{id:`${this.containerId}`,style:{height:e,flex:`0 0 ${e}`}},this.layers.map((t=>{var s;return t.type==="div"?i("div",{class:"verdocs-template-document-page-layer",id:`${this.containerId}-${t.name}`,style:{height:e}},t.name==="controls"&&(((s=this.template)===null||s===void 0?void 0:s.fields)||[]).filter((e=>e&&e.document_id===this.documentId&&e.page===this.pageNumber)).map((e=>{var t,s;const a=p(e);let{name:o,type:d,multiline:l}=e;const{xScale:c,yScale:m,templateId:h,editable:u,disabled:f,done:v,pageNumber:b}=this;if(((t=e["setting"])===null||t===void 0?void 0:t.leading)>0||((s=e["settings"])===null||s===void 0?void 0:s.leading)>0){d="textarea";l=true}switch(d){case"textbox":return i("verdocs-field-textbox",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,multiline:l,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"textarea":return i("verdocs-field-textarea",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"date":return i("verdocs-field-date",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"attachment":return i("verdocs-field-attachment",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"dropdown":return i("verdocs-field-dropdown",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"initial":return i("verdocs-field-initial",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"signature":return i("verdocs-field-signature",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,this.xScale,this.yScale)});case"timestamp":return i("verdocs-field-timestamp",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"checkbox":return i("verdocs-field-checkbox",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"radio":return i("verdocs-field-radio",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});default:return i(r,null,o)}}))):this.pageDisplayUri?i("img",{class:"verdocs-template-document-page-layer img",id:`${this.containerId}-${t.name}`,src:this.pageDisplayUri,alt:`Page ${this.pageNumber}`,"aria-hidden":true,loading:"lazy",onLoad:e=>{this.naturalWidth=e.target.naturalWidth;this.naturalHeight=e.target.naturalHeight;this.aspectRatio=this.naturalWidth/this.naturalHeight;this.virtualHeight=this.virtualWidth/this.aspectRatio;this.renderedHeight=e.target.offsetWidth/this.aspectRatio}}):i("div",null)})))}get container(){return this}static get style(){return X()}},[0,"verdocs-template-document-page",{endpoint:[16],editable:[4],disabled:[4],done:[4],templateId:[513,"template-id"],documentId:[513,"document-id"],pageNumber:[514,"page-number"],virtualWidth:[2,"virtual-width"],virtualHeight:[1026,"virtual-height"],layers:[16],containerId:[32],renderedWidth:[32],renderedHeight:[32],naturalWidth:[32],naturalHeight:[32],aspectRatio:[32],skipFirstNotification:[32],pageDisplayUri:[32],xScale:[32],yScale:[32],loading:[32],template:[32]}]);function F(){if(typeof customElements==="undefined"){return}const e=["verdocs-template-document-page","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-dialog","verdocs-field-attachment","verdocs-field-checkbox","verdocs-field-date","verdocs-field-dropdown","verdocs-field-initial","verdocs-field-radio","verdocs-field-signature","verdocs-field-textarea","verdocs-field-textbox","verdocs-field-timestamp","verdocs-flag","verdocs-help-icon","verdocs-loader","verdocs-ok-dialog","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input","verdocs-upload-dialog"];e.forEach((e=>{switch(e){case"verdocs-template-document-page":if(!customElements.get(o(e))){customElements.define(o(e),z)}break;case"verdocs-button":if(!customElements.get(o(e))){u()}break;case"verdocs-checkbox":if(!customElements.get(o(e))){f()}break;case"verdocs-component-error":if(!customElements.get(o(e))){v()}break;case"verdocs-dialog":if(!customElements.get(o(e))){b()}break;case"verdocs-field-attachment":if(!customElements.get(o(e))){g()}break;case"verdocs-field-checkbox":if(!customElements.get(o(e))){x()}break;case"verdocs-field-date":if(!customElements.get(o(e))){y()}break;case"verdocs-field-dropdown":if(!customElements.get(o(e))){k()}break;case"verdocs-field-initial":if(!customElements.get(o(e))){w()}break;case"verdocs-field-radio":if(!customElements.get(o(e))){E()}break;case"verdocs-field-signature":if(!customElements.get(o(e))){j()}break;case"verdocs-field-textarea":if(!customElements.get(o(e))){P()}break;case"verdocs-field-textbox":if(!customElements.get(o(e))){D()}break;case"verdocs-field-timestamp":if(!customElements.get(o(e))){S()}break;case"verdocs-flag":if(!customElements.get(o(e))){W()}break;case"verdocs-help-icon":if(!customElements.get(o(e))){B()}break;case"verdocs-loader":if(!customElements.get(o(e))){T()}break;case"verdocs-ok-dialog":if(!customElements.get(o(e))){C()}break;case"verdocs-portal":if(!customElements.get(o(e))){$()}break;case"verdocs-select-input":if(!customElements.get(o(e))){I()}break;case"verdocs-template-field-properties":if(!customElements.get(o(e))){R()}break;case"verdocs-text-input":if(!customElements.get(o(e))){H()}break;case"verdocs-upload-dialog":if(!customElements.get(o(e))){N()}break}}))}export{z as V,F as d};
-//# sourceMappingURL=p-DVGumEtx.js.map
+import{p as e,H as t,c as s,h as i,d as a,F as r,t as o}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as d,getTemplateDocumentPageDisplayUri as l,getTemplate as c}from"@verdocs/js-sdk";import{t as m,f as n,g as p}from"./p-BCwFpXpV.js";import{S as h}from"./p-C7hFgM52.js";import{d as u}from"./p-C0SHIuoK.js";import{d as f}from"./p-DVx4efoX.js";import{d as v}from"./p--jRXEN0c.js";import{d as b}from"./p-JGWMBIGy.js";import{d as g}from"./p-DP_N7u8w.js";import{d as x}from"./p-5fVPVL_Z.js";import{d as y}from"./p-C_mtaGHG.js";import{d as k}from"./p-CHzNcBIz.js";import{d as w}from"./p-Bi94seCl.js";import{d as j}from"./p-B3nCB2u5.js";import{d as E}from"./p-C1VW_3fv.js";import{d as P}from"./p-CqVkL8_m.js";import{d as C}from"./p-BUKCOnKs.js";import{d as B}from"./p-ohuuh9ZE.js";import{d as I}from"./p-D9yawpPk.js";import{d as D}from"./p-CxIhMndz.js";import{d as H}from"./p-vimrvRye.js";import{d as W}from"./p-Dc3BDcaU.js";import{d as S}from"./p-CIgqf7hj.js";import{d as $}from"./p-u9H54zUE.js";import{d as z}from"./p-BWrwPDuU.js";import{d as N}from"./p-BMGs9CCD.js";import{d as R}from"./p-LYpUmpqf.js";const U=()=>`verdocs-template-document-page{width:100%;position:relative}verdocs-template-document-page .verdocs-template-document-page-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}verdocs-template-document-page .verdocs-template-document-page-layer.img{width:100%}verdocs-template-document-page .placeholder{opacity:0.1;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}`;const V=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.pageRendered=s(this,"pageRendered");this.templateListenerId=null;this.endpoint=d.getDefault();this.editable=false;this.disabled=false;this.done=false;this.templateId="";this.documentId="";this.pageNumber=1;this.virtualWidth=612;this.virtualHeight=792;this.layers=[{name:"page",type:"canvas"}];this.containerId=`verdocs-document-page-${Math.random().toString(36).substring(2,11)}`;this.renderedWidth=this.virtualWidth;this.renderedHeight=this.virtualHeight;this.naturalWidth=this.virtualWidth;this.naturalHeight=this.virtualHeight;this.aspectRatio=this.virtualWidth/this.virtualHeight;this.skipFirstNotification=true;this.pageDisplayUri="";this.xScale=1;this.yScale=1;this.loading=true;this.template=null}async componentWillLoad(){this.pageDisplayUri=await l(this.endpoint,this.documentId,this.pageNumber);this.listenToTemplate()}componentDidLoad(){this.resizeObserver=new ResizeObserver(m((e=>{for(const t of e){const e=t.contentRect.width;this.renderedWidth=e;this.renderedHeight=this.virtualHeight*(e/this.virtualWidth)}this.notifyRenderedSize()}),100));this.resizeObserver.observe(this.container)}componentDidUpdate(){this.notifyRenderedSize()}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.unlistenToTemplate()}async listenToTemplate(){this.unlistenToTemplate();h.subscribe("templates",this.templateId,(()=>c(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false}))}unlistenToTemplate(){if(this.templateListenerId){h.store.delListener(this.templateListenerId);this.templateListenerId=null}}notifyRenderedSize(){if(this.skipFirstNotification){this.skipFirstNotification=false;return}const e=this.renderedWidth/this.virtualWidth;if(this.xScale!==e){this.xScale=e}const t=this.renderedHeight/this.virtualHeight;if(this.yScale!==t){this.yScale=t}this.pageRendered.emit({containerId:this.containerId,documentId:this.documentId,pageNumber:this.pageNumber,virtualWidth:this.virtualWidth,virtualHeight:this.virtualHeight,renderedWidth:this.renderedWidth,renderedHeight:this.renderedHeight,naturalWidth:this.naturalWidth,naturalHeight:this.naturalHeight,aspectRatio:this.aspectRatio,xScale:e,yScale:t})}render(){if(this.loading){return i(a,null,i("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",class:"placeholder",alt:"Placeholder page"}))}const e=`${this.renderedHeight}px`;return i(a,{id:`${this.containerId}`,style:{height:e,flex:`0 0 ${e}`}},this.layers.map((t=>{var s;return t.type==="div"?i("div",{class:"verdocs-template-document-page-layer",id:`${this.containerId}-${t.name}`,style:{height:e}},t.name==="controls"&&(((s=this.template)===null||s===void 0?void 0:s.fields)||[]).filter((e=>e&&e.document_id===this.documentId&&e.page===this.pageNumber)).map((e=>{var t,s;const a=p(e);let{name:o,type:d,multiline:l}=e;const{xScale:c,yScale:m,templateId:h,editable:u,disabled:f,done:v,pageNumber:b}=this;if(((t=e["setting"])===null||t===void 0?void 0:t.leading)>0||((s=e["settings"])===null||s===void 0?void 0:s.leading)>0){d="textarea";l=true}switch(d){case"textbox":return i("verdocs-field-textbox",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,multiline:l,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"textarea":return i("verdocs-field-textarea",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"date":return i("verdocs-field-date",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"attachment":return i("verdocs-field-attachment",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"dropdown":return i("verdocs-field-dropdown",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"initial":return i("verdocs-field-initial",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"signature":return i("verdocs-field-signature",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,this.xScale,this.yScale)});case"timestamp":return i("verdocs-field-timestamp",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"checkbox":return i("verdocs-field-checkbox",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});case"radio":return i("verdocs-field-radio",{id:a,fieldname:o,source:"template",sourceid:h,editable:u,disabled:f,done:v,xscale:c,yscale:m,pagenumber:b,isPreview:true,style:n(e,c,m)});default:return i(r,null,o)}}))):this.pageDisplayUri?i("img",{class:"verdocs-template-document-page-layer img",id:`${this.containerId}-${t.name}`,src:this.pageDisplayUri,alt:`Page ${this.pageNumber}`,"aria-hidden":true,loading:"lazy",onLoad:e=>{this.naturalWidth=e.target.naturalWidth;this.naturalHeight=e.target.naturalHeight;this.aspectRatio=this.naturalWidth/this.naturalHeight;this.virtualHeight=this.virtualWidth/this.aspectRatio;this.renderedHeight=e.target.offsetWidth/this.aspectRatio}}):i("div",null)})))}get container(){return this}static get style(){return U()}},[0,"verdocs-template-document-page",{endpoint:[16],editable:[4],disabled:[4],done:[4],templateId:[513,"template-id"],documentId:[513,"document-id"],pageNumber:[514,"page-number"],virtualWidth:[2,"virtual-width"],virtualHeight:[1026,"virtual-height"],layers:[16],containerId:[32],renderedWidth:[32],renderedHeight:[32],naturalWidth:[32],naturalHeight:[32],aspectRatio:[32],skipFirstNotification:[32],pageDisplayUri:[32],xScale:[32],yScale:[32],loading:[32],template:[32]}]);function G(){if(typeof customElements==="undefined"){return}const e=["verdocs-template-document-page","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-dialog","verdocs-field-attachment","verdocs-field-checkbox","verdocs-field-date","verdocs-field-dropdown","verdocs-field-initial","verdocs-field-radio","verdocs-field-signature","verdocs-field-textarea","verdocs-field-textbox","verdocs-field-timestamp","verdocs-flag","verdocs-help-icon","verdocs-loader","verdocs-ok-dialog","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input","verdocs-upload-dialog"];e.forEach((e=>{switch(e){case"verdocs-template-document-page":if(!customElements.get(o(e))){customElements.define(o(e),V)}break;case"verdocs-button":if(!customElements.get(o(e))){u()}break;case"verdocs-checkbox":if(!customElements.get(o(e))){f()}break;case"verdocs-component-error":if(!customElements.get(o(e))){v()}break;case"verdocs-dialog":if(!customElements.get(o(e))){b()}break;case"verdocs-field-attachment":if(!customElements.get(o(e))){g()}break;case"verdocs-field-checkbox":if(!customElements.get(o(e))){x()}break;case"verdocs-field-date":if(!customElements.get(o(e))){y()}break;case"verdocs-field-dropdown":if(!customElements.get(o(e))){k()}break;case"verdocs-field-initial":if(!customElements.get(o(e))){w()}break;case"verdocs-field-radio":if(!customElements.get(o(e))){j()}break;case"verdocs-field-signature":if(!customElements.get(o(e))){E()}break;case"verdocs-field-textarea":if(!customElements.get(o(e))){P()}break;case"verdocs-field-textbox":if(!customElements.get(o(e))){C()}break;case"verdocs-field-timestamp":if(!customElements.get(o(e))){B()}break;case"verdocs-flag":if(!customElements.get(o(e))){I()}break;case"verdocs-help-icon":if(!customElements.get(o(e))){D()}break;case"verdocs-loader":if(!customElements.get(o(e))){H()}break;case"verdocs-ok-dialog":if(!customElements.get(o(e))){W()}break;case"verdocs-portal":if(!customElements.get(o(e))){S()}break;case"verdocs-select-input":if(!customElements.get(o(e))){$()}break;case"verdocs-template-field-properties":if(!customElements.get(o(e))){z()}break;case"verdocs-text-input":if(!customElements.get(o(e))){N()}break;case"verdocs-upload-dialog":if(!customElements.get(o(e))){R()}break}}))}export{V,G as d};
+//# sourceMappingURL=p-DEhaAbKn.js.map

package/dist/components/{p-CFEw4Xbi.js → p-DL4-aTsZ.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as a,d as o,t as i}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as l,getTemplate as n,createTemplateDocument as r,deleteTemplateDocument as c}from"@verdocs/js-sdk";import{b as d,P as p,J as m,c as h,F as f,d as v,T as u}from"./p-BDv5kBUR.js";import{S as x}from"./p-C1sRVZWv.js";import{S as g}from"./p-C7hFgM52.js";import{d as b}from"./p-Bdf8pPWm.js";import{d as w}from"./p-CyDWJAOZ.js";import{d as T}from"./p-DT0LGcPi.js";import{d as k}from"./p-CLxwSMOV.js";import{d as y}from"./p-B-_kYJtC.js";import{d as E}from"./p-D3qUITiS.js";import{d as A}from"./p-2bW-AL6b.js";const C=()=>`verdocs-template-attachments{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-template-attachments h5{font-size:16px;font-weight:bold;margin:0 0 10px 0;color:#46497d}verdocs-template-attachments .attachments{margin:0 0 40px 0}verdocs-template-attachments .attachment{display:-ms-flexbox;display:flex;padding:5px 0;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#33364b}verdocs-template-attachments .attachment:hover .trash-icon{display:-ms-flexbox;display:flex}verdocs-template-attachments .attachment:hover .pages{display:none}verdocs-template-attachments svg{width:28px;height:28px;fill:#5c6575;margin:2px 0 0 0}verdocs-template-attachments .file-icon{-ms-flex:0;flex:0}verdocs-template-attachments .pages{width:24px;height:24px;-ms-flex:0 0 24px;flex:0 0 24px;padding-left:4px;position:relative;margin:-10px 0 0 0}verdocs-template-attachments .pages .pages-icon{top:0;left:0;width:24px;height:24px;position:absolute}verdocs-template-attachments .pages .count{top:11px;left:7px;z-index:1;width:18px;font-size:12px;font-weight:500;position:absolute;text-align:center;letter-spacing:-2px}verdocs-template-attachments .filename{-ms-flex:1;flex:1;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px dotted #cccccc}verdocs-template-attachments .trash-icon{-ms-flex:0;flex:0;display:none}verdocs-template-attachments .trash-icon:hover{cursor:pointer}verdocs-template-attachments verdocs-file-chooser{margin:10px 0;border:2px dashed #979797}verdocs-template-attachments .loader-wrapper{background-color:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:320px;height:320px;text-align:center;border:2px dashed #979797;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-attachments .progress-wrapper{padding:20px}verdocs-template-attachments .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-attachments .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-attachments ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::-moz-placeholder{color:#aaaaaa}verdocs-template-attachments :-ms-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::placeholder{color:#aaaaaa}`;const j=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.exit=s(this,"exit");this.next=s(this,"next");this.templateUpdated=s(this,"templateUpdated");this.sdkError=s(this,"sdkError");this.templateListenerId=null;this.endpoint=l.getDefault();this.templateId="";this.uploading=false;this.progressLabel="Uploading...";this.progressPercent=0;this.showDeleteError=false;this.confirmDeleteDocument=null;this.loading=true;this.template=null}async componentWillLoad(){var e,t,s;try{this.endpoint.loadSession();if(!this.templateId){console.log(`[ROLES] Missing required template ID ${this.templateId}`);return}if(!this.endpoint.session){console.log("[ROLES] Unable to start builder session, must be authenticated");return}this.listenToTemplate()}catch(a){console.log("[TEMPLATE ATTACHMENTS] Error loading template",a);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new x(a.message,(t=a.response)===null||t===void 0?void 0:t.status,(s=a.response)===null||s===void 0?void 0:s.data))}}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){this.unlistenToTemplate();g.subscribe("templates",this.templateId,(()=>n(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false}))}unlistenToTemplate(){if(this.templateListenerId){g.store.delListener(this.templateListenerId);this.templateListenerId=null}}handleCancel(e){e.stopPropagation();this.exit.emit()}handleUploadProgress(e){if(e>=99){this.progressPercent=100;this.progressLabel="Processing..."}else{this.progressPercent=e}}async handleUpload(e){var t,s,a,o;e.stopPropagation();const i=e.detail.file;if(!i){return}console.log("[ATTACHMENTS] Uploading...",i);this.uploading=true;this.progressLabel="Uploading...";try{const e=await r(this.endpoint,this.templateId,i,this.handleUploadProgress.bind(this));console.log("[ATTACHMENTS] Created attachment",e);this.template=await g.getTemplate(this.endpoint,this.templateId,true);console.log("[ATTACHMENTS] Updated template",this.template);(t=this.templateUpdated)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,template:this.template,event:"attachments"});this.uploading=false;this.progressLabel="";this.progressPercent=0}catch(e){console.log("[ATTACHMENTS] Error creating template",e);(s=this.sdkError)===null||s===void 0?void 0:s.emit(new x(e.message,(a=e.response)===null||a===void 0?void 0:a.status,(o=e.response)===null||o===void 0?void 0:o.data));this.uploading=false}}handleNext(e){var t;e.stopPropagation();this.uploading=false;this.progressLabel="";this.progressPercent=0;(t=this.next)===null||t===void 0?void 0:t.emit({template:this.template})}async confirmDelete(){await c(this.endpoint,this.confirmDeleteDocument.id);this.template=await g.getTemplate(this.endpoint,this.templateId,true);console.log("[ATTACHMENTS] New template",this.template);this.confirmDeleteDocument=null}async handleDelete(e){var t;if((((t=this.template)===null||t===void 0?void 0:t.documents)||[]).length>1){this.confirmDeleteDocument=e}else{this.showDeleteError=true}}getFileIcon(e){switch(e.mime){case"application/pdf":return h;case"image/jpeg":return m;case"image/png":return p;case"application/msword":case"application/vnd.openxmlformats-officedocument.wordprocessingml.document":return d}return f}render(){var e,t;if(!this.endpoint.session){return a(o,null,a("verdocs-component-error",{message:"You must be authenticated to use this module."}))}if(this.loading){return a(o,{class:"loading"},a("verdocs-loader",null))}if(!this.endpoint.session||!this.template){return a(o,{class:"empty"})}return a(o,null,a("h5",null,"Existing Attachments"),a("div",{class:"attachments"},(((e=this.template)===null||e===void 0?void 0:e.documents)||[]).map((e=>a("div",{class:"attachment"},a("div",{class:"file-icon",innerHTML:this.getFileIcon(e)}),a("div",{class:"filename",title:e.name},e.name),a("div",{class:"pages"},a("div",{class:"count"},e.pages),a("div",{class:"pages-icon",innerHTML:v})),a("div",{class:"trash-icon",innerHTML:u,onClick:()=>this.handleDelete(e)}))))),a("h5",null,"Attach a New Document"),this.uploading?a("div",{class:"loader-wrapper"},a("verdocs-loader",null),this.progressLabel&&a("div",{class:"progress-wrapper"},a("verdocs-progress-bar",{showPercent:true,percent:this.progressPercent,label:this.progressLabel}))):a("verdocs-file-chooser",{onFileSelected:e=>this.handleUpload(e)}),a("div",{class:"buttons"},a("verdocs-button",{variant:"outline",label:"Cancel",size:"small",onClick:e=>this.handleCancel(e),disabled:this.uploading}),a("verdocs-button",{label:"Next",size:"small",onClick:e=>this.handleNext(e),disabled:!(((t=this.template)===null||t===void 0?void 0:t.documents)||[]).length||this.uploading})),this.showDeleteError&&a("verdocs-ok-dialog",{heading:"Unable to Delete Attachment",message:"Templates must contain at least one attachment.",onNext:()=>this.showDeleteError=false}),this.confirmDeleteDocument&&a("verdocs-ok-dialog",{heading:"Delete this Attachment?",message:"This operation cannot be undone. All fields placed<br />on the deleted attachment will also be removed.",onNext:()=>this.confirmDelete(),showCancel:true,onExit:()=>{this.confirmDeleteDocument=null}}))}static get style(){return C()}},[0,"verdocs-template-attachments",{endpoint:[16],templateId:[1,"template-id"],uploading:[32],progressLabel:[32],progressPercent:[32],showDeleteError:[32],confirmDeleteDocument:[32],loading:[32],template:[32]}]);function D(){if(typeof customElements==="undefined"){return}const e=["verdocs-template-attachments","verdocs-button","verdocs-component-error","verdocs-dialog","verdocs-file-chooser","verdocs-loader","verdocs-ok-dialog","verdocs-progress-bar"];e.forEach((e=>{switch(e){case"verdocs-template-attachments":if(!customElements.get(i(e))){customElements.define(i(e),j)}break;case"verdocs-button":if(!customElements.get(i(e))){b()}break;case"verdocs-component-error":if(!customElements.get(i(e))){w()}break;case"verdocs-dialog":if(!customElements.get(i(e))){T()}break;case"verdocs-file-chooser":if(!customElements.get(i(e))){k()}break;case"verdocs-loader":if(!customElements.get(i(e))){y()}break;case"verdocs-ok-dialog":if(!customElements.get(i(e))){E()}break;case"verdocs-progress-bar":if(!customElements.get(i(e))){A()}break}}))}export{j as V,D as d};
-//# sourceMappingURL=p-CFEw4Xbi.js.map
+import{p as e,H as t,c as s,h as a,d as o,t as i}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as l,getTemplate as n,createTemplateDocument as r,deleteTemplateDocument as c}from"@verdocs/js-sdk";import{b as d,P as p,J as m,c as h,F as f,d as v,T as u}from"./p-BDv5kBUR.js";import{S as x}from"./p-C1sRVZWv.js";import{S as g}from"./p-C7hFgM52.js";import{d as b}from"./p-C0SHIuoK.js";import{d as w}from"./p--jRXEN0c.js";import{d as T}from"./p-JGWMBIGy.js";import{d as y}from"./p-CAGp0qKc.js";import{d as k}from"./p-vimrvRye.js";import{d as E}from"./p-Dc3BDcaU.js";import{d as A}from"./p-BMzxhyLu.js";const C=()=>`verdocs-template-attachments{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-template-attachments h5{font-size:16px;font-weight:bold;margin:0 0 10px 0;color:#46497d}verdocs-template-attachments .attachments{margin:0 0 40px 0}verdocs-template-attachments .attachment{display:-ms-flexbox;display:flex;padding:5px 0;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#33364b}verdocs-template-attachments .attachment:hover .trash-icon{display:-ms-flexbox;display:flex}verdocs-template-attachments .attachment:hover .pages{display:none}verdocs-template-attachments svg{width:28px;height:28px;fill:#5c6575;margin:2px 0 0 0}verdocs-template-attachments .file-icon{-ms-flex:0;flex:0}verdocs-template-attachments .pages{width:24px;height:24px;-ms-flex:0 0 24px;flex:0 0 24px;padding-left:4px;position:relative;margin:-10px 0 0 0}verdocs-template-attachments .pages .pages-icon{top:0;left:0;width:24px;height:24px;position:absolute}verdocs-template-attachments .pages .count{top:11px;left:7px;z-index:1;width:18px;font-size:12px;font-weight:500;position:absolute;text-align:center;letter-spacing:-2px}verdocs-template-attachments .filename{-ms-flex:1;flex:1;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px dotted #cccccc}verdocs-template-attachments .trash-icon{-ms-flex:0;flex:0;display:none}verdocs-template-attachments .trash-icon:hover{cursor:pointer}verdocs-template-attachments verdocs-file-chooser{margin:10px 0;border:2px dashed #979797}verdocs-template-attachments .loader-wrapper{background-color:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:320px;height:320px;text-align:center;border:2px dashed #979797;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-attachments .progress-wrapper{padding:20px}verdocs-template-attachments .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-attachments .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-attachments ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::-moz-placeholder{color:#aaaaaa}verdocs-template-attachments :-ms-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::placeholder{color:#aaaaaa}`;const j=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.exit=s(this,"exit");this.next=s(this,"next");this.templateUpdated=s(this,"templateUpdated");this.sdkError=s(this,"sdkError");this.templateListenerId=null;this.endpoint=l.getDefault();this.templateId="";this.uploading=false;this.progressLabel="Uploading...";this.progressPercent=0;this.showDeleteError=false;this.confirmDeleteDocument=null;this.loading=true;this.template=null}async componentWillLoad(){var e,t,s;try{this.endpoint.loadSession();if(!this.templateId){console.log(`[ROLES] Missing required template ID ${this.templateId}`);return}if(!this.endpoint.session){console.log("[ROLES] Unable to start builder session, must be authenticated");return}this.listenToTemplate()}catch(a){console.log("[TEMPLATE ATTACHMENTS] Error loading template",a);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new x(a.message,(t=a.response)===null||t===void 0?void 0:t.status,(s=a.response)===null||s===void 0?void 0:s.data))}}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){this.unlistenToTemplate();g.subscribe("templates",this.templateId,(()=>n(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false}))}unlistenToTemplate(){if(this.templateListenerId){g.store.delListener(this.templateListenerId);this.templateListenerId=null}}handleCancel(e){e.stopPropagation();this.exit.emit()}handleUploadProgress(e){if(e>=99){this.progressPercent=100;this.progressLabel="Processing..."}else{this.progressPercent=e}}async handleUpload(e){var t,s,a,o;e.stopPropagation();const i=e.detail.file;if(!i){return}console.log("[ATTACHMENTS] Uploading...",i);this.uploading=true;this.progressLabel="Uploading...";try{const e=await r(this.endpoint,this.templateId,i,this.handleUploadProgress.bind(this));console.log("[ATTACHMENTS] Created attachment",e);this.template=await g.getTemplate(this.endpoint,this.templateId,true);console.log("[ATTACHMENTS] Updated template",this.template);(t=this.templateUpdated)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,template:this.template,event:"attachments"});this.uploading=false;this.progressLabel="";this.progressPercent=0}catch(e){console.log("[ATTACHMENTS] Error creating template",e);(s=this.sdkError)===null||s===void 0?void 0:s.emit(new x(e.message,(a=e.response)===null||a===void 0?void 0:a.status,(o=e.response)===null||o===void 0?void 0:o.data));this.uploading=false}}handleNext(e){var t;e.stopPropagation();this.uploading=false;this.progressLabel="";this.progressPercent=0;(t=this.next)===null||t===void 0?void 0:t.emit({template:this.template})}async confirmDelete(){await c(this.endpoint,this.confirmDeleteDocument.id);this.template=await g.getTemplate(this.endpoint,this.templateId,true);console.log("[ATTACHMENTS] New template",this.template);this.confirmDeleteDocument=null}async handleDelete(e){var t;if((((t=this.template)===null||t===void 0?void 0:t.documents)||[]).length>1){this.confirmDeleteDocument=e}else{this.showDeleteError=true}}getFileIcon(e){switch(e.mime){case"application/pdf":return h;case"image/jpeg":return m;case"image/png":return p;case"application/msword":case"application/vnd.openxmlformats-officedocument.wordprocessingml.document":return d}return f}render(){var e,t;if(!this.endpoint.session){return a(o,null,a("verdocs-component-error",{message:"You must be authenticated to use this module."}))}if(this.loading){return a(o,{class:"loading"},a("verdocs-loader",null))}if(!this.endpoint.session||!this.template){return a(o,{class:"empty"})}return a(o,null,a("h5",null,"Existing Attachments"),a("div",{class:"attachments"},(((e=this.template)===null||e===void 0?void 0:e.documents)||[]).map((e=>a("div",{class:"attachment"},a("div",{class:"file-icon",innerHTML:this.getFileIcon(e)}),a("div",{class:"filename",title:e.name},e.name),a("div",{class:"pages"},a("div",{class:"count"},e.pages),a("div",{class:"pages-icon",innerHTML:v})),a("div",{class:"trash-icon",innerHTML:u,onClick:()=>this.handleDelete(e)}))))),a("h5",null,"Attach a New Document"),this.uploading?a("div",{class:"loader-wrapper"},a("verdocs-loader",null),this.progressLabel&&a("div",{class:"progress-wrapper"},a("verdocs-progress-bar",{showPercent:true,percent:this.progressPercent,label:this.progressLabel}))):a("verdocs-file-chooser",{onFileSelected:e=>this.handleUpload(e)}),a("div",{class:"buttons"},a("verdocs-button",{variant:"outline",label:"Cancel",size:"small",onClick:e=>this.handleCancel(e),disabled:this.uploading}),a("verdocs-button",{label:"Next",size:"small",onClick:e=>this.handleNext(e),disabled:!(((t=this.template)===null||t===void 0?void 0:t.documents)||[]).length||this.uploading})),this.showDeleteError&&a("verdocs-ok-dialog",{heading:"Unable to Delete Attachment",message:"Templates must contain at least one attachment.",onNext:()=>this.showDeleteError=false}),this.confirmDeleteDocument&&a("verdocs-ok-dialog",{heading:"Delete this Attachment?",message:"This operation cannot be undone. All fields placed<br />on the deleted attachment will also be removed.",onNext:()=>this.confirmDelete(),showCancel:true,onExit:()=>{this.confirmDeleteDocument=null}}))}static get style(){return C()}},[0,"verdocs-template-attachments",{endpoint:[16],templateId:[1,"template-id"],uploading:[32],progressLabel:[32],progressPercent:[32],showDeleteError:[32],confirmDeleteDocument:[32],loading:[32],template:[32]}]);function M(){if(typeof customElements==="undefined"){return}const e=["verdocs-template-attachments","verdocs-button","verdocs-component-error","verdocs-dialog","verdocs-file-chooser","verdocs-loader","verdocs-ok-dialog","verdocs-progress-bar"];e.forEach((e=>{switch(e){case"verdocs-template-attachments":if(!customElements.get(i(e))){customElements.define(i(e),j)}break;case"verdocs-button":if(!customElements.get(i(e))){b()}break;case"verdocs-component-error":if(!customElements.get(i(e))){w()}break;case"verdocs-dialog":if(!customElements.get(i(e))){T()}break;case"verdocs-file-chooser":if(!customElements.get(i(e))){y()}break;case"verdocs-loader":if(!customElements.get(i(e))){k()}break;case"verdocs-ok-dialog":if(!customElements.get(i(e))){E()}break;case"verdocs-progress-bar":if(!customElements.get(i(e))){A()}break}}))}export{j as V,M as d};
+//# sourceMappingURL=p-DL4-aTsZ.js.map

package/dist/components/{p-BT8wzCXz.js → p-DP_N7u8w.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as o,d as i,F as r,t as a}from"./p-yZBlG3YQ.js";import{i as l}from"./p-CGNX5HqF.js";import{S as n}from"./p-BDv5kBUR.js";import{S as d}from"./p-C7hFgM52.js";import{d as c}from"./p-Bdf8pPWm.js";import{d as h}from"./p-REnrt0JM.js";import{d as p}from"./p-CyDWJAOZ.js";import{d as f}from"./p-DT0LGcPi.js";import{d as m}from"./p-CioaaWeS.js";import{d as v}from"./p-B-_kYJtC.js";import{d as u}from"./p-D3qUITiS.js";import{d as g}from"./p-DQTI8vRX.js";import{d as b}from"./p-BXGNkmyr.js";import{d as x}from"./p-D3ohABOv.js";import{d as k}from"./p-DYtSnUj9.js";import{d as w}from"./p-u16vefxk.js";const y=()=>`verdocs-field-attachment{font-family:var(--verdocs-primary-font, "Inter", "Barlow", 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 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;border-radius:var(--verdocs-field-radius)}verdocs-field-attachment.required .attach{border:1px solid var(--verdocs-required-field-border)}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}`;const j=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="var(--verdocs-field-text-color, 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 E=`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--verdocs-attachment-icon-color, #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 C=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=s(this,"settingsChanged");this.attached=s(this,"attached");this.deleted=s(this,"deleted");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})}}handleBlur(){this.focused=false}async focusField(){this.el.focus();this.focused=true;this.dialogOpen=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()}}onEditableChanged(e,t){if(t&&!e){l(this.el).unset()}}disconnectedCallback(){l(this.el).unset()}handleShow(){this.dialogOpen=true}render(){const{source:e,sourceid:t,fieldname:s,editable:a=false,done:l=false,disabled:c=false,focused:h,xscale:p=1,yscale:f=1}=this;const{index:m,field:v}=d.getField(e,t,s,this.field);const{required:u=false,value:g="",label:b="",readonly:x=false,settings:k={}}=v||{};const w=`signer-${m%10+1}`;const y=g||!!this.selectedFile;if(l){return o(i,{class:{"verdocs-field":true,done:l}},o("div",{class:"attach",innerHTML:y?E:j}))}return o(i,{class:{"verdocs-field":true,required:u,disabled:c,done:l,focused:h,[w]:true}},b&&o("label",null,b),o("div",{class:"attach",innerHTML:y?E:j,onClick:()=>!c&&!x&&this.handleShow()}),a&&o(r,null,o("div",{id:`verdocs-settings-panel-trigger-${s}`,style:{transform:`scale(${Math.floor(1/p*1e3)/1e3}, ${Math.floor(1/f*1e3)/1e3})`},class:"settings-icon",innerHTML:n,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&o("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${s}`,onClickAway:()=>this.showingProperties=false},o("verdocs-template-field-properties",{templateId:t,fieldName:s,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:s});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&&o("verdocs-portal",null,o("verdocs-upload-dialog",{existingFile:k,onNext:e=>this.handleUploadNext(e),onRemove:e=>this.handleUploadRemove(e),onExit:()=>this.dialogOpen=false})))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return y()}},[0,"verdocs-field-attachment",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],dialogOpen:[32],selectedFile:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[0,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function B(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-attachment","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-dialog","verdocs-help-icon","verdocs-loader","verdocs-ok-dialog","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input","verdocs-upload-dialog"];e.forEach((e=>{switch(e){case"verdocs-field-attachment":if(!customElements.get(a(e))){customElements.define(a(e),C)}break;case"verdocs-button":if(!customElements.get(a(e))){c()}break;case"verdocs-checkbox":if(!customElements.get(a(e))){h()}break;case"verdocs-component-error":if(!customElements.get(a(e))){p()}break;case"verdocs-dialog":if(!customElements.get(a(e))){f()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){m()}break;case"verdocs-loader":if(!customElements.get(a(e))){v()}break;case"verdocs-ok-dialog":if(!customElements.get(a(e))){u()}break;case"verdocs-portal":if(!customElements.get(a(e))){g()}break;case"verdocs-select-input":if(!customElements.get(a(e))){b()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){x()}break;case"verdocs-text-input":if(!customElements.get(a(e))){k()}break;case"verdocs-upload-dialog":if(!customElements.get(a(e))){w()}break}}))}export{C as V,B as d};
-//# sourceMappingURL=p-BT8wzCXz.js.map
+import{p as e,H as t,c as s,h as o,d as i,F as r,t as a}from"./p-yZBlG3YQ.js";import{i as l}from"./p-C4ygd3v_.js";import{S as n}from"./p-BDv5kBUR.js";import{S as d}from"./p-C7hFgM52.js";import{d as c}from"./p-C0SHIuoK.js";import{d as h}from"./p-DVx4efoX.js";import{d as p}from"./p--jRXEN0c.js";import{d as f}from"./p-JGWMBIGy.js";import{d as m}from"./p-CxIhMndz.js";import{d as v}from"./p-vimrvRye.js";import{d as u}from"./p-Dc3BDcaU.js";import{d as g}from"./p-CIgqf7hj.js";import{d as b}from"./p-u9H54zUE.js";import{d as x}from"./p-BWrwPDuU.js";import{d as k}from"./p-BMGs9CCD.js";import{d as w}from"./p-LYpUmpqf.js";const y=()=>`verdocs-field-attachment{font-family:var(--verdocs-primary-font, "Inter", "Barlow", 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 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;border-radius:var(--verdocs-field-radius)}verdocs-field-attachment.required .attach{border:1px solid var(--verdocs-required-field-border)}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}`;const j=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="var(--verdocs-field-text-color, 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 E=`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--verdocs-attachment-icon-color, #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 C=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=s(this,"settingsChanged");this.attached=s(this,"attached");this.deleted=s(this,"deleted");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})}}handleBlur(){this.focused=false}async focusField(){this.el.focus();this.focused=true;this.dialogOpen=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()}}onEditableChanged(e,t){if(t&&!e){l(this.el).unset()}}disconnectedCallback(){l(this.el).unset()}handleShow(){this.dialogOpen=true}render(){const{source:e,sourceid:t,fieldname:s,editable:a=false,done:l=false,disabled:c=false,focused:h,xscale:p=1,yscale:f=1}=this;const{index:m,field:v}=d.getField(e,t,s,this.field);const{required:u=false,value:g="",label:b="",readonly:x=false,settings:k={}}=v||{};const w=`signer-${m%10+1}`;const y=g||!!this.selectedFile;if(l){return o(i,{class:{"verdocs-field":true,done:l}},o("div",{class:"attach",innerHTML:y?E:j}))}return o(i,{class:{"verdocs-field":true,required:u,disabled:c,done:l,focused:h,[w]:true}},b&&o("label",null,b),o("div",{class:"attach",innerHTML:y?E:j,onClick:()=>!c&&!x&&this.handleShow()}),a&&o(r,null,o("div",{id:`verdocs-settings-panel-trigger-${s}`,style:{transform:`scale(${Math.floor(1/p*1e3)/1e3}, ${Math.floor(1/f*1e3)/1e3})`},class:"settings-icon",innerHTML:n,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&o("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${s}`,onClickAway:()=>this.showingProperties=false},o("verdocs-template-field-properties",{templateId:t,fieldName:s,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:s});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&&o("verdocs-portal",null,o("verdocs-upload-dialog",{existingFile:k,onNext:e=>this.handleUploadNext(e),onRemove:e=>this.handleUploadRemove(e),onExit:()=>this.dialogOpen=false})))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return y()}},[0,"verdocs-field-attachment",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],dialogOpen:[32],selectedFile:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[0,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function B(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-attachment","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-dialog","verdocs-help-icon","verdocs-loader","verdocs-ok-dialog","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input","verdocs-upload-dialog"];e.forEach((e=>{switch(e){case"verdocs-field-attachment":if(!customElements.get(a(e))){customElements.define(a(e),C)}break;case"verdocs-button":if(!customElements.get(a(e))){c()}break;case"verdocs-checkbox":if(!customElements.get(a(e))){h()}break;case"verdocs-component-error":if(!customElements.get(a(e))){p()}break;case"verdocs-dialog":if(!customElements.get(a(e))){f()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){m()}break;case"verdocs-loader":if(!customElements.get(a(e))){v()}break;case"verdocs-ok-dialog":if(!customElements.get(a(e))){u()}break;case"verdocs-portal":if(!customElements.get(a(e))){g()}break;case"verdocs-select-input":if(!customElements.get(a(e))){b()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){x()}break;case"verdocs-text-input":if(!customElements.get(a(e))){k()}break;case"verdocs-upload-dialog":if(!customElements.get(a(e))){w()}break}}))}export{C as V,B as d};
+//# sourceMappingURL=p-DP_N7u8w.js.map