@verdocs/web-sdk 5.0.33 → 5.0.35

package/dist/verdocs-web-sdk/{p-ecfe8987.system.entry.js.map → p-c3d93320.system.entry.js.map}

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

package/dist/verdocs-web-sdk/{p-ab473697.entry.js → p-c6ebd157.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as e}from"./p-b9654a5e.js";const t='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-toggle{font-family:"Inter", "Barlow", sans-serif}verdocs-toggle .container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background-color:#f5f5fa}verdocs-toggle .label{font-size:24px;font-weight:700;color:#33354c;-ms-flex-item-align:center;align-self:center;margin-right:27px;font-family:sans-serif}verdocs-toggle .buttons{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}verdocs-toggle .buttons button{width:60px;height:60px;border:2px solid #654dcb;border-radius:5px;cursor:pointer}verdocs-toggle .buttons button:not(:last-child){margin-right:11px}verdocs-toggle .buttons svg{width:30px;height:30px}verdocs-toggle .buttons button:hover{background-color:#654dcb;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .buttons button:hover svg{fill:#f5f5fa;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected{background-color:#707ae5;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected svg{fill:#ffffff;-webkit-transition:0.25s;transition:0.25s}';const r=t;const s=class{constructor(e){o(this,e);this.options=undefined;this.theme=undefined;this.selectedOption=0}componentWillLoad(){var o;this.selectedOption=((o=this.options)===null||o===void 0?void 0:o.defaultSelection)||0}render(){return e("div",{key:"003d84de26eefef7106ba2527cde291ed5373cac",class:"container"},e("span",{key:"3fcab14cf397f8855baaddc885528765a0f4bf09",class:"label"},`${this.options.label}:`),e("div",{key:"09ca127f48655ad1ce57bc17ea6c205b055ffebd",class:"buttons"},this.options.buttons.map(((o,t)=>e("button",{id:o.id,key:o.id,innerHTML:o.icon,class:t===this.selectedOption?"selected":"",onClick:()=>{console.log("clicked",t);this.selectedOption=t}})))))}};s.style=r;export{s as verdocs_toggle};
-//# sourceMappingURL=p-ab473697.entry.js.map
+import{r as o,h as e}from"./p-b9654a5e.js";const t='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-toggle{font-family:"Inter", "Barlow", sans-serif}verdocs-toggle .container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background-color:#f5f5fa}verdocs-toggle .label{font-size:24px;font-weight:700;color:#33354c;-ms-flex-item-align:center;align-self:center;margin-right:27px;font-family:sans-serif}verdocs-toggle .buttons{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}verdocs-toggle .buttons button{width:60px;height:60px;border:2px solid #654dcb;border-radius:5px;cursor:pointer}verdocs-toggle .buttons button:not(:last-child){margin-right:11px}verdocs-toggle .buttons svg{width:30px;height:30px}verdocs-toggle .buttons button:hover{background-color:#654dcb;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .buttons button:hover svg{fill:#f5f5fa;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected{background-color:#707ae5;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected svg{fill:#ffffff;-webkit-transition:0.25s;transition:0.25s}';const r=t;const s=class{constructor(e){o(this,e);this.options=undefined;this.theme=undefined;this.selectedOption=0}componentWillLoad(){var o;this.selectedOption=((o=this.options)===null||o===void 0?void 0:o.defaultSelection)||0}render(){return e("div",{key:"ce82d507e5ec506aa85dca4c21b3ee78c751a7ea",class:"container"},e("span",{key:"b099fdab13ec8c866be39c1f0d8f81e5fe8360ef",class:"label"},`${this.options.label}:`),e("div",{key:"bbd49091a1c7c4cd0c1088bf0efb76a4476895f5",class:"buttons"},this.options.buttons.map(((o,t)=>e("button",{id:o.id,key:o.id,innerHTML:o.icon,class:t===this.selectedOption?"selected":"",onClick:()=>{console.log("clicked",t);this.selectedOption=t}})))))}};s.style=r;export{s as verdocs_toggle};
+//# sourceMappingURL=p-c6ebd157.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as o,h as e,H as s,c}from"./p-b9654a5e.js";import{f as r}from"./p-12bab948.js";const d='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-organization-card{font-family:"Inter", "Barlow", sans-serif;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#ffffff;border-radius:8px;padding:7px 15px}verdocs-organization-card .icon{-ms-flex:0;flex:0;height:24px;width:24px;margin:0 14px 0 0}verdocs-organization-card .icon svg{fill:#aeb4bf;height:24px;width:24px}verdocs-organization-card .content{margin-top:2px}.verdocs-org-card-popup{font-family:"Inter", "Barlow", sans-serif;background:#ffffff;border-radius:10px;width:326px;padding:20px 40px 0 40px;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border:1px solid #cccccc}.verdocs-org-card-popup .popup-header-with-logo{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:column;flex-direction:column;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-header-with-logo img{max-width:300px;max-height:50px}.verdocs-org-card-popup .popup-header{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:14px;text-transform:uppercase}.verdocs-org-card-popup .status{-webkit-transform:scale(1.5);transform:scale(1.5);width:24px;height:24px}.verdocs-org-card-popup .field{margin:0 0 20px 0}.verdocs-org-card-popup .field strong{color:#7b7b9a;display:block;margin:0 0 5px 0}.verdocs-org-card-popup .field a{color:#654dcb;text-transform:uppercase}';const i=d;const a='<svg xmlns="http://www.w3.org/2000/svg"  focusable="false" aria-hidden="true" height="24px" viewBox="0 0 24 24" width="24px"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"></path></svg>';const t=class{constructor(e){o(this,e);this.organization=undefined;this.hovered=false}onMouseOver(){this.hovered=true}onMouseOut(){this.hovered=false}render(){var o,c,d,i,t,n;console.log("Rendering org card",this.organization.thumbnail_url,this.organization);const l=a;const p=`verdocs-org-card-${this.organization.id}`;return e(s,{key:"d366f75b205860112b068c20138dd1398797db30",id:p},this.organization.thumbnail_url?e("img",{class:"icon",src:this.organization.thumbnail_url,alt:"Logo"}):e("span",{class:"icon",innerHTML:l}),e("span",{key:"0bdcd5947dd2ea3a969d7e36adce0a757519b82a",class:"content"},(o=this.organization)===null||o===void 0?void 0:o.name),e("verdocs-portal",{key:"2138d13531cc55e7834d78a8f5a64f4abb093f37",anchor:p},e("div",{key:"d1171e97a522bdb06795fe5cf8c584cbc02361de",class:"verdocs-org-card-popup",style:{display:this.hovered?"block":"none"}},this.organization.full_logo_url?e("div",{class:"popup-header-with-logo"},e("img",{src:this.organization.full_logo_url,alt:"Logo"}),e("div",{class:"title"},(c=this.organization)===null||c===void 0?void 0:c.name)):e("div",{class:"popup-header"},e("span",{class:"status"},e("span",{class:"icon",innerHTML:l})),e("span",{class:"title"},(d=this.organization)===null||d===void 0?void 0:d.name)),e("div",{key:"71a81a3cc44431b1cfe34e217377b99c124fad9b",class:"popup-body"},e("div",{key:"f0241c76ef662fabe3128ef61e0825f663e946d6",class:"field"},e("strong",{key:"9149ee03df0d5b32076d4a35c3a5cf7dc33ee346"},"Joined"),r(new Date(((i=this.organization)===null||i===void 0?void 0:i.created_at)||undefined),"LLL d, Y")),this.organization.url&&e("div",{key:"b80ea924d300b7fbd4a3ecbb0de03479d61f45ea",class:"field"},e("strong",{key:"54f3ba9096ddf95e7da288ae7d2457e43247ae8e"},"Website"),e("a",{key:"864b75852ce0989fdf18da9e2472abde5127e15d",href:(t=this.organization)===null||t===void 0?void 0:t.url,target:"_blank",rel:"nofollow"},(n=this.organization)===null||n===void 0?void 0:n.url))))))}};t.style=i;const n="@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}";const l=n;const p="10001";const f=class{constructor(e){o(this,e);this.clickAway=c(this,"clickAway",7);this.moved=false;this.anchor=undefined;this.voffset=0}handleScroll(){this.calculatePosition()}handleResize(){this.calculatePosition()}handleClick(o){var e;if(!this.element.contains(o.target)){(e=this.clickAway)===null||e===void 0?void 0:e.emit()}}calculateLeft(){var o;const e=document.getElementById(this.anchor);if(!e)return 0;const s=e.getBoundingClientRect();const c=document.documentElement.clientWidth+document.documentElement.scrollLeft;const r=Math.max(s.left,0);const d=((o=this.element)===null||o===void 0?void 0:o.offsetWidth)||400;const i=r+d>c;return i?c-d-20:r}calculateTop(){var o;const e=document.getElementById(this.anchor);if(!e)return 0;const s=e.getBoundingClientRect();const c=document.documentElement.clientHeight+document.documentElement.scrollTop;const r=s.bottom+this.voffset+document.documentElement.scrollTop;const d=((o=this.element)===null||o===void 0?void 0:o.offsetHeight)||300;const i=r+d>c;return i?r-d-s.height:r}calculatePosition(){this.portal.style.top=`${this.calculateTop()}px`;this.portal.style.left=`${this.calculateLeft()}px`}componentWillLoad(){var o;const e=`${this.anchor}-portal`;(o=document.getElementById(e))===null||o===void 0?void 0:o.remove();this.portal=document.createElement("div");this.portal.setAttribute("id",e);this.portal.style.zIndex=p;this.portal.style.position="absolute";document.body.append(this.portal)}componentDidLoad(){this.portal.appendChild(this.element);this.calculatePosition()}disconnectedCallback(){this.moved?this.portal.remove():this.moved=true}render(){return e(s,{key:"b3949996fc3c9d9dba64dfde83cbd79a58e0b676",ref:o=>this.element=o},e("slot",{key:"25446c5cc9ebac9c172a47a96f518d72dc988216"}))}};f.style=l;export{t as verdocs_organization_card,f as verdocs_portal};
+//# sourceMappingURL=p-c9bfd8a6.entry.js.map

package/dist/verdocs-web-sdk/{p-bfc815d0.entry.js.map → p-c9bfd8a6.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["verdocsOrganizationCardCss","VerdocsOrganizationCardStyle0","BusinessIcon","VerdocsOrganizationCard","onMouseOver","this","hovered","onMouseOut","render","console","log","organization","thumbnail_url","fallbackIcon","portalId","id","h","Host","key","class","src","alt","innerHTML","_a","name","anchor","style","display","full_logo_url","_b","_c","format","Date","_d","created_at","undefined","url","href","_e","target","rel","_f","verdocsPortalCss","VerdocsPortalStyle0","Z_INDEX","VerdocsPortal","moved","handleScroll","calculatePosition","handleResize","handleClick","e","element","contains","clickAway","emit","calculateLeft","anchorEl","document","getElementById","anchorRect","getBoundingClientRect","rightOfViewportWithScroll","documentElement","clientWidth","scrollLeft","leftOfPopup","Math","max","left","popupWidth","offsetWidth","offRightEdge","calculateTop","bottomOfViewportWithScroll","clientHeight","scrollTop","topOfPopup","bottom","voffset","popupHeight","offsetHeight","offBottomEdge","height","portal","top","componentWillLoad","remove","createElement","setAttribute","zIndex","position","body","append","componentDidLoad","appendChild","disconnectedCallback","ref","el"],"sources":["src/components/controls/verdocs-organization-card/verdocs-organization-card.scss?tag=verdocs-organization-card","src/components/controls/verdocs-organization-card/verdocs-organization-card.tsx","src/components/controls/verdocs-portal/verdocs-portal.scss?tag=verdocs-portal","src/components/controls/verdocs-portal/verdocs-portal.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-organization-card {\n  font-family: $primary-font;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border: 1px solid $light-border-color;\n  background: #ffffff;\n  border-radius: 8px;\n  padding: 7px 15px;\n\n  .icon {\n    flex: 0;\n    height: 24px;\n    width: 24px;\n    margin: 0 14px 0 0;\n\n    svg {\n      fill: $icon-color;\n      height: 24px;\n      width: 24px;\n    }\n  }\n\n  .content {\n    margin-top: 2px;\n  }\n}\n\n.verdocs-org-card-popup {\n  font-family: $primary-font;\n  background: #ffffff;\n  border-radius: 10px;\n  width: 326px;\n  padding: 20px 40px 0 40px;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  border: 1px solid $light-border-color;\n\n  .popup-header-with-logo {\n    display: flex;\n    flex: 0;\n    gap: 20px;\n    flex-direction: column;\n    margin: 0 0 20px 0;\n    font-size: 21px;\n    line-height: 16px;\n    color: $secondary-color;\n\n    img {\n      max-width: 300px;\n      max-height: 50px;\n    }\n  }\n\n  .popup-header {\n    display: flex;\n    flex: 0;\n    gap: 20px;\n    flex-direction: row;\n    align-items: flex-end;\n    margin: 0 0 20px 0;\n    font-size: 21px;\n    line-height: 16px;\n    color: $secondary-color;\n  }\n\n  .popup-body {\n    display: flex;\n    flex-direction: column;\n    font-size: 14px;\n    text-transform: uppercase;\n  }\n\n  .status {\n    transform: scale(1.5);\n    width: 24px;\n    height: 24px;\n  }\n\n  .field {\n    margin: 0 0 20px 0;\n\n    strong {\n      color: $label-color-very-light;\n      display: block;\n      margin: 0 0 5px 0;\n    }\n\n    a {\n      color: $verdocs-purple;\n      text-transform: uppercase;\n    }\n  }\n}\n","import {format} from 'date-fns';\nimport {Component, Prop, h, Host, Listen, State} from '@stencil/core';\nimport type {IOrganization} from '@verdocs/js-sdk';\n\n// TODO: See what was done in Storybook. Move all SVG icons to a common file that both projects can share\n//  and reduce duplication between components for re-used icons. Also bring icons into Figma for reuse there.\n\nconst BusinessIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\"  focusable=\"false\" aria-hidden=\"true\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z\"></path></svg>';\n\n/**\n * Display a small summary card describing an organization.\n *\n * ```ts\n * <verdocs-organization-card organization={organization} />\n * ```\n */\n@Component({\n  tag: 'verdocs-organization-card',\n  styleUrl: 'verdocs-organization-card.scss',\n})\nexport class VerdocsOrganizationCard {\n  /**\n   * The organization to display\n   */\n  @Prop() organization: IOrganization;\n\n  @State()\n  hovered: boolean = false;\n\n  @Listen('mouseover')\n  onMouseOver() {\n    this.hovered = true;\n  }\n\n  @Listen('mouseout')\n  onMouseOut() {\n    this.hovered = false;\n  }\n\n  render() {\n    console.log('Rendering org card', this.organization.thumbnail_url, this.organization);\n    const fallbackIcon = BusinessIcon;\n    const portalId = `verdocs-org-card-${this.organization.id}`;\n\n    return (\n      <Host id={portalId}>\n        {this.organization.thumbnail_url ? <img class=\"icon\" src={this.organization.thumbnail_url} alt=\"Logo\" /> : <span class=\"icon\" innerHTML={fallbackIcon} />}\n\n        <span class=\"content\">{this.organization?.name}</span>\n\n        <verdocs-portal anchor={portalId}>\n          <div class=\"verdocs-org-card-popup\" style={{display: this.hovered ? 'block' : 'none'}}>\n            {this.organization.full_logo_url ? (\n              <div class=\"popup-header-with-logo\">\n                <img src={this.organization.full_logo_url} alt=\"Logo\" />\n                <div class=\"title\">{this.organization?.name}</div>\n              </div>\n            ) : (\n              <div class=\"popup-header\">\n                <span class=\"status\">\n                  <span class=\"icon\" innerHTML={fallbackIcon} />\n                </span>\n                <span class=\"title\">{this.organization?.name}</span>\n              </div>\n            )}\n\n            <div class=\"popup-body\">\n              <div class=\"field\">\n                <strong>Joined</strong>\n                {format(new Date(this.organization?.created_at || undefined), 'LLL d, Y')}\n              </div>\n              {this.organization.url && (\n                <div class=\"field\">\n                  <strong>Website</strong>\n                  <a href={this.organization?.url} target=\"_blank\" rel=\"nofollow\">\n                    {this.organization?.url}\n                  </a>\n                </div>\n              )}\n            </div>\n          </div>\n        </verdocs-portal>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-portal {\n}\n","import {Component, EventEmitter, h, Host, Listen, Prop, Event} from '@stencil/core';\n\nconst Z_INDEX = '10001';\n\n/**\n * Display a child component in a \"portal\", popping it out of the main DOM tree\n * to allow it to escape the bounds set by its parent.\n * @credit https://github.com/tomas-teston/stencil-portal for the basic\n * technique. This has been altered in a few ways to make it more friendly\n * to cases where there may be multiple portals on the page and provide more\n * alignment options for the child to be displayed.\n *\n * ```ts\n * <div style=\"padding: 40px\">\n *     <div id=\"sample-tooltip\" style=\"border: 1px solid green; padding: 3px 10px;\">\n *       Tooltip Anchor\n *       <verdocs-portal anchor=\"sample-tooltip\" .align=${align} .voffset=${voffset}>\n *         <div style=\"border: 1px solid red; padding: 3px 10px;\">Tooltip</div>\n *       </verdocs-portal>\n *     </div>\n *   </div>\n * ```\n */\n@Component({\n  tag: 'verdocs-portal',\n  styleUrl: 'verdocs-portal.scss',\n  shadow: false,\n})\nexport class VerdocsPortal {\n  private portal: HTMLElement;\n  private element: HTMLElement;\n  private moved: boolean = false;\n\n  /**\n   * Unique ID of the parent element to anchor to.\n   */\n  @Prop() anchor: string;\n\n  /**\n   * Vertical offset from the parent.\n   */\n  @Prop() voffset: number = 0;\n\n  @Event() clickAway: EventEmitter<void>;\n\n  @Listen('scroll', {target: 'window', capture: true})\n  handleScroll() {\n    this.calculatePosition();\n  }\n\n  @Listen('resize', {target: 'window'})\n  handleResize() {\n    this.calculatePosition();\n  }\n\n  @Listen('click', {target: 'document'})\n  handleClick(e) {\n    if (!this.element.contains(e.target)) {\n      this.clickAway?.emit();\n    }\n  }\n\n  private calculateLeft() {\n    const anchorEl = document.getElementById(this.anchor);\n    if (!anchorEl) return 0;\n\n    const anchorRect = anchorEl.getBoundingClientRect();\n\n    const rightOfViewportWithScroll = document.documentElement.clientWidth + document.documentElement.scrollLeft;\n    const leftOfPopup = Math.max(anchorRect.left, 0);\n    // Old centering logic, disabled temporarily\n    //    Math.max(anchorRect.left - this.portal.offsetWidth / 2 + anchorRect.width / 2, 0);\n    // Old right-align logic, disabled temporarily\n    //    Math.max(anchorRect.left + anchorRect.width - this.portal.offsetWidth, 0);\n    const popupWidth = this.element?.offsetWidth || 400;\n    const offRightEdge = leftOfPopup + popupWidth > rightOfViewportWithScroll;\n\n    return offRightEdge ? rightOfViewportWithScroll - popupWidth - 20 : leftOfPopup;\n  }\n\n  private calculateTop() {\n    const anchorEl = document.getElementById(this.anchor);\n    if (!anchorEl) return 0;\n\n    const anchorRect = anchorEl.getBoundingClientRect();\n\n    const bottomOfViewportWithScroll = document.documentElement.clientHeight + document.documentElement.scrollTop;\n    const topOfPopup = anchorRect.bottom + this.voffset + document.documentElement.scrollTop;\n    const popupHeight = this.element?.offsetHeight || 300;\n    const offBottomEdge = topOfPopup + popupHeight > bottomOfViewportWithScroll;\n\n    return offBottomEdge ? topOfPopup - popupHeight - anchorRect.height : topOfPopup;\n  }\n\n  private calculatePosition() {\n    this.portal.style.top = `${this.calculateTop()}px`;\n    this.portal.style.left = `${this.calculateLeft()}px`;\n  }\n\n  componentWillLoad() {\n    const id = `${this.anchor}-portal`;\n    document.getElementById(id)?.remove();\n\n    this.portal = document.createElement('div');\n    this.portal.setAttribute('id', id);\n    this.portal.style.zIndex = Z_INDEX;\n    this.portal.style.position = 'absolute';\n    document.body.append(this.portal);\n  }\n\n  componentDidLoad() {\n    this.portal.appendChild(this.element);\n    this.calculatePosition();\n  }\n\n  disconnectedCallback() {\n    this.moved ? this.portal.remove() : (this.moved = true);\n  }\n\n  render() {\n    return (\n      <Host ref={el => (this.element = el)}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["verdocsOrganizationCardCss","VerdocsOrganizationCardStyle0","BusinessIcon","VerdocsOrganizationCard","onMouseOver","this","hovered","onMouseOut","render","console","log","organization","thumbnail_url","fallbackIcon","portalId","id","h","Host","key","class","src","alt","innerHTML","_a","name","anchor","style","display","full_logo_url","_b","_c","format","Date","_d","created_at","undefined","url","href","_e","target","rel","_f","verdocsPortalCss","VerdocsPortalStyle0","Z_INDEX","VerdocsPortal","moved","handleScroll","calculatePosition","handleResize","handleClick","e","element","contains","clickAway","emit","calculateLeft","anchorEl","document","getElementById","anchorRect","getBoundingClientRect","rightOfViewportWithScroll","documentElement","clientWidth","scrollLeft","leftOfPopup","Math","max","left","popupWidth","offsetWidth","offRightEdge","calculateTop","bottomOfViewportWithScroll","clientHeight","scrollTop","topOfPopup","bottom","voffset","popupHeight","offsetHeight","offBottomEdge","height","portal","top","componentWillLoad","remove","createElement","setAttribute","zIndex","position","body","append","componentDidLoad","appendChild","disconnectedCallback","ref","el"],"sources":["src/components/controls/verdocs-organization-card/verdocs-organization-card.scss?tag=verdocs-organization-card","src/components/controls/verdocs-organization-card/verdocs-organization-card.tsx","src/components/controls/verdocs-portal/verdocs-portal.scss?tag=verdocs-portal","src/components/controls/verdocs-portal/verdocs-portal.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-organization-card {\n  font-family: $primary-font;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border: 1px solid $light-border-color;\n  background: #ffffff;\n  border-radius: 8px;\n  padding: 7px 15px;\n\n  .icon {\n    flex: 0;\n    height: 24px;\n    width: 24px;\n    margin: 0 14px 0 0;\n\n    svg {\n      fill: $icon-color;\n      height: 24px;\n      width: 24px;\n    }\n  }\n\n  .content {\n    margin-top: 2px;\n  }\n}\n\n.verdocs-org-card-popup {\n  font-family: $primary-font;\n  background: #ffffff;\n  border-radius: 10px;\n  width: 326px;\n  padding: 20px 40px 0 40px;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  border: 1px solid $light-border-color;\n\n  .popup-header-with-logo {\n    display: flex;\n    flex: 0;\n    gap: 20px;\n    flex-direction: column;\n    margin: 0 0 20px 0;\n    font-size: 21px;\n    line-height: 16px;\n    color: $secondary-color;\n\n    img {\n      max-width: 300px;\n      max-height: 50px;\n    }\n  }\n\n  .popup-header {\n    display: flex;\n    flex: 0;\n    gap: 20px;\n    flex-direction: row;\n    align-items: flex-end;\n    margin: 0 0 20px 0;\n    font-size: 21px;\n    line-height: 16px;\n    color: $secondary-color;\n  }\n\n  .popup-body {\n    display: flex;\n    flex-direction: column;\n    font-size: 14px;\n    text-transform: uppercase;\n  }\n\n  .status {\n    transform: scale(1.5);\n    width: 24px;\n    height: 24px;\n  }\n\n  .field {\n    margin: 0 0 20px 0;\n\n    strong {\n      color: $label-color-very-light;\n      display: block;\n      margin: 0 0 5px 0;\n    }\n\n    a {\n      color: $verdocs-purple;\n      text-transform: uppercase;\n    }\n  }\n}\n","import {format} from 'date-fns';\nimport {Component, Prop, h, Host, Listen, State} from '@stencil/core';\nimport type {IOrganization} from '@verdocs/js-sdk';\n\n// TODO: See what was done in Storybook. Move all SVG icons to a common file that both projects can share\n//  and reduce duplication between components for re-used icons. Also bring icons into Figma for reuse there.\n\nconst BusinessIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\"  focusable=\"false\" aria-hidden=\"true\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z\"></path></svg>';\n\n/**\n * Display a small summary card describing an organization.\n *\n * ```ts\n * <verdocs-organization-card organization={organization} />\n * ```\n */\n@Component({\n  tag: 'verdocs-organization-card',\n  styleUrl: 'verdocs-organization-card.scss',\n})\nexport class VerdocsOrganizationCard {\n  /**\n   * The organization to display\n   */\n  @Prop() organization: IOrganization;\n\n  @State()\n  hovered: boolean = false;\n\n  @Listen('mouseover')\n  onMouseOver() {\n    this.hovered = true;\n  }\n\n  @Listen('mouseout')\n  onMouseOut() {\n    this.hovered = false;\n  }\n\n  render() {\n    console.log('Rendering org card', this.organization.thumbnail_url, this.organization);\n    const fallbackIcon = BusinessIcon;\n    const portalId = `verdocs-org-card-${this.organization.id}`;\n\n    return (\n      <Host id={portalId}>\n        {this.organization.thumbnail_url ? <img class=\"icon\" src={this.organization.thumbnail_url} alt=\"Logo\" /> : <span class=\"icon\" innerHTML={fallbackIcon} />}\n\n        <span class=\"content\">{this.organization?.name}</span>\n\n        <verdocs-portal anchor={portalId}>\n          <div class=\"verdocs-org-card-popup\" style={{display: this.hovered ? 'block' : 'none'}}>\n            {this.organization.full_logo_url ? (\n              <div class=\"popup-header-with-logo\">\n                <img src={this.organization.full_logo_url} alt=\"Logo\" />\n                <div class=\"title\">{this.organization?.name}</div>\n              </div>\n            ) : (\n              <div class=\"popup-header\">\n                <span class=\"status\">\n                  <span class=\"icon\" innerHTML={fallbackIcon} />\n                </span>\n                <span class=\"title\">{this.organization?.name}</span>\n              </div>\n            )}\n\n            <div class=\"popup-body\">\n              <div class=\"field\">\n                <strong>Joined</strong>\n                {format(new Date(this.organization?.created_at || undefined), 'LLL d, Y')}\n              </div>\n              {this.organization.url && (\n                <div class=\"field\">\n                  <strong>Website</strong>\n                  <a href={this.organization?.url} target=\"_blank\" rel=\"nofollow\">\n                    {this.organization?.url}\n                  </a>\n                </div>\n              )}\n            </div>\n          </div>\n        </verdocs-portal>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-portal {\n}\n","import {Component, EventEmitter, h, Host, Listen, Prop, Event} from '@stencil/core';\n\nconst Z_INDEX = '10001';\n\n/**\n * Display a child component in a \"portal\", popping it out of the main DOM tree\n * to allow it to escape the bounds set by its parent.\n * @credit https://github.com/tomas-teston/stencil-portal for the basic\n * technique. This has been altered in a few ways to make it more friendly\n * to cases where there may be multiple portals on the page and provide more\n * alignment options for the child to be displayed.\n *\n * ```ts\n * <div style=\"padding: 40px\">\n *     <div id=\"sample-tooltip\" style=\"border: 1px solid green; padding: 3px 10px;\">\n *       Tooltip Anchor\n *       <verdocs-portal anchor=\"sample-tooltip\" .align=${align} .voffset=${voffset}>\n *         <div style=\"border: 1px solid red; padding: 3px 10px;\">Tooltip</div>\n *       </verdocs-portal>\n *     </div>\n *   </div>\n * ```\n */\n@Component({\n  tag: 'verdocs-portal',\n  styleUrl: 'verdocs-portal.scss',\n  shadow: false,\n})\nexport class VerdocsPortal {\n  private portal: HTMLElement;\n  private element: HTMLElement;\n  private moved: boolean = false;\n\n  /**\n   * Unique ID of the parent element to anchor to.\n   */\n  @Prop() anchor: string;\n\n  /**\n   * Vertical offset from the parent.\n   */\n  @Prop() voffset: number = 0;\n\n  @Event() clickAway: EventEmitter<void>;\n\n  @Listen('scroll', {target: 'window', capture: true})\n  handleScroll() {\n    this.calculatePosition();\n  }\n\n  @Listen('resize', {target: 'window'})\n  handleResize() {\n    this.calculatePosition();\n  }\n\n  @Listen('click', {target: 'document'})\n  handleClick(e) {\n    if (!this.element.contains(e.target)) {\n      this.clickAway?.emit();\n    }\n  }\n\n  private calculateLeft() {\n    const anchorEl = document.getElementById(this.anchor);\n    if (!anchorEl) return 0;\n\n    const anchorRect = anchorEl.getBoundingClientRect();\n\n    const rightOfViewportWithScroll = document.documentElement.clientWidth + document.documentElement.scrollLeft;\n    const leftOfPopup = Math.max(anchorRect.left, 0);\n    // Old centering logic, disabled temporarily\n    //    Math.max(anchorRect.left - this.portal.offsetWidth / 2 + anchorRect.width / 2, 0);\n    // Old right-align logic, disabled temporarily\n    //    Math.max(anchorRect.left + anchorRect.width - this.portal.offsetWidth, 0);\n    const popupWidth = this.element?.offsetWidth || 400;\n    const offRightEdge = leftOfPopup + popupWidth > rightOfViewportWithScroll;\n\n    return offRightEdge ? rightOfViewportWithScroll - popupWidth - 20 : leftOfPopup;\n  }\n\n  private calculateTop() {\n    const anchorEl = document.getElementById(this.anchor);\n    if (!anchorEl) return 0;\n\n    const anchorRect = anchorEl.getBoundingClientRect();\n\n    const bottomOfViewportWithScroll = document.documentElement.clientHeight + document.documentElement.scrollTop;\n    const topOfPopup = anchorRect.bottom + this.voffset + document.documentElement.scrollTop;\n    const popupHeight = this.element?.offsetHeight || 300;\n    const offBottomEdge = topOfPopup + popupHeight > bottomOfViewportWithScroll;\n\n    return offBottomEdge ? topOfPopup - popupHeight - anchorRect.height : topOfPopup;\n  }\n\n  private calculatePosition() {\n    this.portal.style.top = `${this.calculateTop()}px`;\n    this.portal.style.left = `${this.calculateLeft()}px`;\n  }\n\n  componentWillLoad() {\n    const id = `${this.anchor}-portal`;\n    document.getElementById(id)?.remove();\n\n    this.portal = document.createElement('div');\n    this.portal.setAttribute('id', id);\n    this.portal.style.zIndex = Z_INDEX;\n    this.portal.style.position = 'absolute';\n    document.body.append(this.portal);\n  }\n\n  componentDidLoad() {\n    this.portal.appendChild(this.element);\n    this.calculatePosition();\n  }\n\n  disconnectedCallback() {\n    this.moved ? this.portal.remove() : (this.moved = true);\n  }\n\n  render() {\n    return (\n      <Host ref={el => (this.element = el)}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/verdocs-web-sdk/{p-123c5de2.entry.js → p-ce27233f.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as d,H as s}from"./p-b9654a5e.js";const a='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-ok-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-ok-dialog.closed{display:none}verdocs-ok-dialog .background-overlay{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.4980392157)}verdocs-ok-dialog .dialog{max-width:60%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-ok-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;-ms-flex-direction:row;flex-direction:row;padding:8px 16px;font-weight:bold;color:#ffffff;background:#46497d}verdocs-ok-dialog .content{font-size:16px;background:#ffffff;padding:20px}verdocs-ok-dialog .buttons{display:-ms-flexbox;display:flex;margin:30px 0 0 0;padding:0 20px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}verdocs-ok-dialog .buttons verdocs-button{margin-left:16px}';const i=a;const c=class{constructor(d){e(this,d);this.next=o(this,"next",7);this.exit=o(this,"exit",7);this.heading="";this.message="";this.buttonLabel="OK";this.showCancel=false;this.closed=false}handleOk(){this.next.emit()}handleCancel(){this.exit.emit()}handleDismiss(e){this.closed=true;if(e.target.className==="background-overlay"){e.preventDefault();this.exit.emit()}}render(){return d(s,{key:"1269b0b3d50a444204a0fdd4221d5a14ab431e55",class:this.closed?"closed":""},d("div",{key:"bf4fdee46a53cdcb05b4d8a43ec02a0bd101d92b",class:"background-overlay",onClick:e=>this.handleDismiss(e)},d("div",{key:"7c83cc38d84fc7648a8ecc6d8b84b1bc3b31200d",class:"dialog"},d("div",{key:"a5bd6abf4c3b296225b042774da73df20cc0c2a3",class:"heading"},this.heading),d("div",{key:"875c81191820b9c7dbc107c99e0e6d4b9881353a",class:"content"},d("div",{key:"0bbf1de8cc0455ef01238923a9928702b55971d7",class:"message",innerHTML:this.message}),d("div",{key:"79d409dd9768b5a12d2734cfc5138a4057c9ff0a",class:"buttons"},this.showCancel?d("verdocs-button",{label:"CANCEL",variant:"outline",onClick:()=>this.handleCancel()}):d("div",{style:{display:"none"}}),d("verdocs-button",{key:"8ae36e25d466e6e074544f3bb75f972bcfdc11a3",label:this.buttonLabel,onClick:()=>this.handleOk()}))))))}};c.style=i;export{c as verdocs_ok_dialog};
-//# sourceMappingURL=p-123c5de2.entry.js.map
+import{r as e,c as o,h as s,H as i}from"./p-b9654a5e.js";const a='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-ok-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-ok-dialog.closed{display:none}verdocs-ok-dialog .background-overlay{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.4980392157)}verdocs-ok-dialog .dialog{max-width:60%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-ok-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;-ms-flex-direction:row;flex-direction:row;padding:8px 16px;font-weight:bold;color:#ffffff;background:#46497d}verdocs-ok-dialog .content{font-size:16px;background:#ffffff;padding:20px}verdocs-ok-dialog .buttons{display:-ms-flexbox;display:flex;margin:30px 0 0 0;padding:0 20px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}verdocs-ok-dialog .buttons verdocs-button{margin-left:16px}';const d=a;const c=class{constructor(s){e(this,s);this.next=o(this,"next",7);this.exit=o(this,"exit",7);this.heading="";this.message="";this.buttonLabel="OK";this.showCancel=false;this.closed=false}handleOk(){this.next.emit()}handleCancel(){this.exit.emit()}handleDismiss(e){this.closed=true;if(e.target.className==="background-overlay"){e.preventDefault();this.exit.emit()}}render(){return s(i,{key:"7ca785b19104df9e79c50a5e9919bb0f35f8b43e",class:this.closed?"closed":""},s("div",{key:"6761320de975f27f111b48341f71c90eaaa519f1",class:"background-overlay",onClick:e=>this.handleDismiss(e)},s("div",{key:"82bc4525a2d9b5c1b8efef44a5cdb57ac5b5c125",class:"dialog"},s("div",{key:"e20355e0bac9bb8dd3fcd197e7b74129a5c36f87",class:"heading"},this.heading),s("div",{key:"f788415af7b03e2308357c89976d87623fbf210f",class:"content"},s("div",{key:"87a971e60cf330b4cca1c83cd4917f9f3b3538be",class:"message",innerHTML:this.message}),s("div",{key:"02a21e430f4c1850360d56196c58024b2a1c5740",class:"buttons"},this.showCancel?s("verdocs-button",{label:"CANCEL",variant:"outline",onClick:()=>this.handleCancel()}):s("div",{style:{display:"none"}}),s("verdocs-button",{key:"556a58f6747409821d084f613cf4fff37eda4b31",label:this.buttonLabel,onClick:()=>this.handleOk()}))))))}};c.style=d;export{c as verdocs_ok_dialog};
+//# sourceMappingURL=p-ce27233f.entry.js.map

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

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

package/dist/verdocs-web-sdk/p-e2b70dfb.system.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,a,i){function n(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,d){function s(e){try{l(i.next(e))}catch(e){d(e)}}function o(e){try{l(i["throw"](e))}catch(e){d(e)}}function l(e){e.done?a(e.value):n(e.value).then(s,o)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(d[0]&1)throw d[1];return d[1]},trys:[],ops:[]},i,n,d,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(o){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(a=0)),a)try{if(i=1,n&&(d=o[0]&2?n["return"]:o[0]?n["throw"]||((d=n["return"])&&d.call(n),0):n.next)&&!(d=d.call(n,o[1])).done)return d;if(n=0,d)o=[o[0]&2,d.value];switch(o[0]){case 0:case 1:d=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;n=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(d=a.trys,d=d.length>0&&d[d.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!d||o[1]>d[0]&&o[1]<d[3])){a.label=o[1];break}if(o[0]===6&&a.label<d[1]){a.label=d[1];d=o;break}if(d&&a.label<d[2]){a.label=d[2];a.ops.push(o);break}if(d[2])a.ops.pop();a.trys.pop();continue}o=t.call(e,a)}catch(e){o=[6,e];n=0}finally{i=d=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-9186f42e.system.js","./p-56ba5cbf.system.js"],(function(e,t){"use strict";var a,i,n;return{setters:[function(t){a=t.p;i=t.b;e("setNonce",t.s)},function(e){n=e.g}],execute:function(){var e=this;var d=function(){var e=t.meta.url;var i={};if(e!==""){i.resourcesUrl=new URL(".",e).href}return a(i)};d().then((function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,n()];case 1:e.sent();return[2,i(JSON.parse('[["p-a63b359e.system",[[0,"verdocs-build",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"],"step":["onStepChanged"]}]]],["p-b0fbfc24.system",[[0,"verdocs-envelopes-list",{"endpoint":[16],"view":[1537],"status":[1537],"sort":[1537],"match":[1537],"showPagination":[4,"show-pagination"],"rowsPerPage":[2,"rows-per-page"],"selectedPage":[2,"selected-page"],"count":[32],"initiallyLoaded":[32],"loading":[32],"selectedEnvelopes":[32],"envelopes":[32]},null,{"view":["handleViewUpdated"],"status":["handleStatusUpdated"],"sort":["handleSortUpdated"],"match":["handleMatchUpdated"],"selectedPage":["handlePageUpdated"]}]]],["p-9d538cb1.system",[[0,"verdocs-sign",{"endpoint":[1040],"envelopeId":[513,"envelope-id"],"roleId":[513,"role-id"],"inviteCode":[513,"invite-code"],"headerTargetId":[1,"header-target-id"],"roleNames":[32],"sortedRecipients":[32],"recipient":[32],"hasSignature":[32],"nextButtonLabel":[32],"nextSubmits":[32],"fatalErrorHeader":[32],"fatalErrorMessage":[32],"focusedField":[32],"submitting":[32],"submitted":[32],"isDone":[32],"showDone":[32],"showLoadError":[32],"finishLater":[32],"showFinishLater":[32],"agreed":[32],"documentsSingularPlural":[32],"kbaStep":[32],"kbaQuestions":[32],"showSpinner":[32],"kbaChoices":[32],"loading":[32],"envelope":[32]}]]],["p-53f4c7c3.system",[[0,"verdocs-templates-list",{"endpoint":[16],"visibility":[1537],"starred":[1537],"sort":[1537],"name":[1537],"allowedActions":[1040],"showPagination":[4,"show-pagination"],"rowsPerPage":[2,"rows-per-page"],"selectedPage":[2,"selected-page"],"count":[32],"initiallyLoaded":[32],"loading":[32],"confirmDelete":[32],"templates":[32],"localNameFilter":[32]},null,{"sharing":["handleSharingUpdated"],"starred":["handleStarredUpdated"],"sort":["handleSortUpdated"],"name":["handleNameUpdated"],"selectedPage":["handlePageUpdated"]}]]],["p-5c065719.system",[[0,"verdocs-field-payment",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"fields":[16],"pageNum":[2,"page-num"],"roleName":[1,"role-name"],"fieldId":[1,"field-id"],"recipients":[8],"selectedRoleName":[1,"selected-role-name"],"pdfPages":[16],"currentSignature":[1,"current-signature"],"currentSignatureId":[1,"current-signature-id"],"currentInitial":[1,"current-initial"],"currentInitialId":[1,"current-initial-id"],"signed":[4],"roleindex":[2],"showingProperties":[32],"focused":[32],"preparedMessage":[32],"signatureUrl":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["p-3d7d95b0.system",[[0,"verdocs-envelope-sidebar",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"activeTab":[32],"panelOpen":[32],"showRecipientDialog":[32],"showCancelDialog":[32],"showReinviteDialog":[32],"remindersEnabled":[32],"updatingReminders":[32],"initialReminder":[32],"followupReminders":[32],"loading":[32],"envelope":[32]}]]],["p-cbb75c5e.system",[[0,"verdocs-template-create",{"endpoint":[16],"maxSize":[1026,"max-size"],"file":[32],"creating":[32],"progressLabel":[32],"progressPercent":[32],"errorMessage":[32]}]]],["p-ccdc9c5b.system",[[0,"verdocs-auth",{"endpoint":[16],"visible":[4],"logo":[1],"displayMode":[1025,"display-mode"],"org_name":[32],"first_name":[32],"last_name":[32],"email":[32],"verificationCode":[32],"newPassword":[32],"password":[32],"confirmpass":[32],"submitting":[32],"resendDisabled":[32],"session":[32],"profile":[32]}]]],["p-6eee289a.system",[[0,"verdocs-envelope-recipient-summary",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"canSendAnother":[4,"can-send-another"],"canView":[4,"can-view"],"canDone":[4,"can-done"],"isOpen":[32],"recipientStatusIcons":[32],"containerId":[32],"gettingLinks":[32],"links":[32],"loading":[32],"envelope":[32]}]]],["p-1d5b9103.system",[[4,"verdocs-dialog"]]],["p-90bc3ad0.system",[[0,"verdocs-quick-functions",{"endpoint":[16]}]]],["p-6237ce51.system",[[0,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["p-d5870e33.system",[[0,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]],["p-ac6ecfad.system",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["p-9227d400.system",[[0,"verdocs-table",{"columns":[16],"data":[16]}]]],["p-ad3d07a6.system",[[0,"verdocs-template-card",{"template":[16]}]]],["p-5824962b.system",[[0,"verdocs-template-tags",{"tags":[16]}]]],["p-761f6656.system",[[0,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["p-1e191c20.system",[[0,"verdocs-help-icon",{"text":[1],"icon":[1],"containerId":[32]}],[0,"verdocs-button",{"label":[1],"startIcon":[1,"start-icon"],"endIcon":[1,"end-icon"],"size":[1],"type":[1],"variant":[1],"disabled":[4]}]]],["p-27ddc017.system",[[0,"verdocs-envelope-recipient-link",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"roleName":[1,"role-name"],"isOpen":[32],"gettingLink":[32],"link":[32],"loading":[32],"envelope":[32],"recipient":[32]}]]],["p-2eae32d9.system",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"envelope":[16],"isOpen":[32],"containerId":[32]}]]],["p-417f71da.system",[[0,"verdocs-template-star",{"endpoint":[16],"template":[1040],"updating":[32]}]]],["p-7b1e00e5.system",[[0,"verdocs-envelope-document-page",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"documentId":[1,"document-id"],"pageNumber":[2,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"type":[1],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32],"pageDisplayUri":[32]}]]],["p-21e9abff.system",[[0,"verdocs-switch",{"checked":[1028],"theme":[1],"disabled":[4]}]]],["p-e83d06d4.system",[[0,"verdocs-template-role-properties",{"endpoint":[16],"templateId":[1,"template-id"],"roleName":[1,"role-name"],"dirty":[32],"saving":[32],"name":[32],"type":[32],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"delegator":[32],"loading":[32],"template":[32]}],[4,"verdocs-menu-panel",{"side":[1],"overlay":[4],"width":[2]},[[4,"click","handleClick"]]]]],["p-e438bd02.system",[[4,"verdocs-button-panel",{"icon":[1],"showPanel":[64],"hidePanel":[64],"toggle":[64]}],[4,"verdocs-tabs",{"tabs":[16],"selectedTab":[2,"selected-tab"]}]]],["p-6b4de004.system",[[0,"verdocs-pagination",{"selectedPage":[1538,"selected-page"],"itemCount":[2,"item-count"],"perPage":[2,"per-page"]}],[0,"verdocs-quick-filter",{"options":[16],"label":[1],"value":[1537],"placeholder":[1],"open":[32]}]]],["p-8d7d61ee.system",[[0,"verdocs-contact-picker",{"endpoint":[16],"templateRole":[16],"contactSuggestions":[16],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"zip":[32],"address":[32],"message":[32],"showSuggestions":[32],"showMessage":[32],"delegator":[32],"showKba":[32],"kba_method":[32],"kba_pin":[32],"nameFieldId":[32],"firstNameFieldId":[32],"lastNameFieldId":[32],"emailFieldId":[32],"phoneFieldId":[32]}],[0,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["p-e6d711e0.system",[[0,"verdocs-file-chooser",{"endpoint":[16],"file":[32]}],[0,"verdocs-progress-bar",{"label":[1],"showPercent":[4,"show-percent"],"percent":[2]}]]],["p-306bde40.system",[[0,"verdocs-organization-card",{"organization":[16],"hovered":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseout","onMouseOut"]]],[4,"verdocs-portal",{"anchor":[1],"voffset":[2]},[[11,"scroll","handleScroll"],[9,"resize","handleResize"],[4,"click","handleClick"]]]]],["p-d8dae4e9.system",[[0,"verdocs-dropdown",{"options":[16],"containerId":[32],"showPicker":[32]}]]],["p-94fe5817.system",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"buttonLabel":[1,"button-label"],"showCancel":[4,"show-cancel"],"closed":[32]}]]],["p-ecfe8987.system",[[0,"verdocs-template-field-properties",{"endpoint":[16],"templateId":[1,"template-id"],"fieldName":[1025,"field-name"],"helpText":[1,"help-text"],"dirty":[32],"label":[32],"type":[32],"name":[32],"required":[32],"roleName":[32],"group":[32],"fieldType":[32],"options":[32],"placeholder":[32],"defaultValue":[32],"showingHelp":[32],"loading":[32],"template":[32]}],[0,"verdocs-checkbox",{"checked":[4],"name":[1],"label":[1],"value":[1],"theme":[1],"disabled":[4]}],[0,"verdocs-select-input",{"value":[1],"label":[1],"options":[16],"disabled":[4]}],[0,"verdocs-component-error",{"message":[1]}],[0,"verdocs-loader"],[0,"verdocs-text-input",{"value":[1537],"label":[1],"placeholder":[1],"autocomplete":[1],"helpText":[1,"help-text"],"clearable":[4],"copyable":[4],"type":[1],"disabled":[4],"required":[4],"showingPw":[32]}]]],["p-5bcf921b.system",[[0,"verdocs-view",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"headerTargetId":[1,"header-target-id"],"canceling":[32],"showCancelDone":[32],"showLoadError":[32],"loading":[32],"envelope":[32]}],[0,"verdocs-kba-dialog",{"step":[2],"steps":[2],"helptitle":[1],"helptext":[1],"mode":[1],"label":[1],"placeholder":[1],"recipient":[16],"choices":[16],"response":[32],"updatedRecipient":[32]}]]],["p-578e65d4.system",[[0,"verdocs-field-attachment",{"endpoint":[16],"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"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,"verdocs-field-initial",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"initials":[513],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"tempInitials":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-signature",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"name":[513],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"tempSignature":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-checkbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[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],"containerId":[32],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-dropdown",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-radio",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"required":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-textarea",{"endpoint":[16],"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-textbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"multiline":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-timestamp",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[2],"showingProperties":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-initial-dialog",{"initials":[1],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}],[0,"verdocs-signature-dialog",{"name":[1],"fontLoaded":[32],"enteredName":[32],"mode":[32]}],[0,"verdocs-upload-dialog",{"maxSize":[1026,"max-size"],"existingFile":[1032,"existing-file"],"draggingOver":[32],"confirmDelete":[32],"selectedFiles":[32],"errorMessage":[32]}]]],["p-d1d95df4.system",[[0,"verdocs-toolbar-icon",{"text":[1],"icon":[1],"placement":[1],"containerId":[32]}],[0,"verdocs-template-document-page",{"endpoint":[16],"editable":[4],"disabled":[4],"done":[4],"templateId":[1,"template-id"],"documentId":[1,"document-id"],"pageNumber":[2,"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]}]]],["p-f84932fd.system",[[0,"verdocs-spinner",{"size":[2],"mode":[1]}]]],["p-aca6553d.system",[[0,"verdocs-template-fields",{"endpoint":[16],"templateId":[1537,"template-id"],"toolbarTargetId":[1,"toolbar-target-id"],"placing":[32],"showMustSelectRole":[32],"selectedRoleName":[32],"loading":[32],"template":[32]},[[4,"keydown","handleKeyDown"]],{"templateId":["onTemplateIdChanged"]}],[0,"verdocs-preview",{"endpoint":[16],"templateId":[1,"template-id"],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"]}],[0,"verdocs-send",{"endpoint":[16],"templateId":[513,"template-id"],"environment":[1],"containerId":[32],"showPickerForId":[32],"sessionContacts":[32],"sending":[32],"rolesCompleted":[32],"loading":[32],"template":[32],"reset":[64]},null,{"templateId":["onTemplateIdChanged"]}],[0,"verdocs-template-roles",{"endpoint":[16],"templateId":[1,"template-id"],"showingRoleDialog":[32],"sender":[32],"dragging":[32],"loading":[32],"template":[32]}],[0,"verdocs-template-settings",{"endpoint":[16],"templateId":[1,"template-id"],"name":[32],"visibility":[32],"sender":[32],"sendReminders":[32],"initialReminder":[32],"followupReminders":[32],"dirty":[32],"loading":[32],"template":[32]}],[0,"verdocs-template-attachments",{"endpoint":[16],"templateId":[1,"template-id"],"uploading":[32],"progressLabel":[32],"progressPercent":[32],"showDeleteError":[32],"confirmDeleteDocument":[32],"loading":[32],"template":[32]}],[0,"verdocs-template-build-tabs",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"],"step":["onStepChanged"]}]]]]'),t)]}}))}))}))}}}));
+var __awaiter=this&&this.__awaiter||function(e,t,a,i){function n(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,s){function d(e){try{l(i.next(e))}catch(e){s(e)}}function o(e){try{l(i["throw"](e))}catch(e){s(e)}}function l(e){e.done?a(e.value):n(e.value).then(d,o)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,n,s,d;return d={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function o(e){return function(t){return l([e,t])}}function l(o){if(i)throw new TypeError("Generator is already executing.");while(d&&(d=0,o[0]&&(a=0)),a)try{if(i=1,n&&(s=o[0]&2?n["return"]:o[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,o[1])).done)return s;if(n=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;n=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(s=a.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){a.label=o[1];break}if(o[0]===6&&a.label<s[1]){a.label=s[1];s=o;break}if(s&&a.label<s[2]){a.label=s[2];a.ops.push(o);break}if(s[2])a.ops.pop();a.trys.pop();continue}o=t.call(e,a)}catch(e){o=[6,e];n=0}finally{i=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-9186f42e.system.js","./p-56ba5cbf.system.js"],(function(e,t){"use strict";var a,i,n;return{setters:[function(t){a=t.p;i=t.b;e("setNonce",t.s)},function(e){n=e.g}],execute:function(){var e=this;var s=function(){var e=t.meta.url;var i={};if(e!==""){i.resourcesUrl=new URL(".",e).href}return a(i)};s().then((function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,n()];case 1:e.sent();return[2,i(JSON.parse('[["p-a63b359e.system",[[0,"verdocs-build",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"],"step":["onStepChanged"]}]]],["p-e8e5403a.system",[[0,"verdocs-envelopes-list",{"endpoint":[16],"view":[1537],"status":[1537],"sort":[1537],"match":[1537],"showPagination":[4,"show-pagination"],"rowsPerPage":[2,"rows-per-page"],"selectedPage":[2,"selected-page"],"count":[32],"initiallyLoaded":[32],"loading":[32],"selectedEnvelopes":[32],"envelopes":[32]},null,{"view":["handleViewUpdated"],"status":["handleStatusUpdated"],"sort":["handleSortUpdated"],"match":["handleMatchUpdated"],"selectedPage":["handlePageUpdated"]}]]],["p-9d538cb1.system",[[0,"verdocs-sign",{"endpoint":[1040],"envelopeId":[513,"envelope-id"],"roleId":[513,"role-id"],"inviteCode":[513,"invite-code"],"headerTargetId":[1,"header-target-id"],"roleNames":[32],"sortedRecipients":[32],"recipient":[32],"hasSignature":[32],"nextButtonLabel":[32],"nextSubmits":[32],"fatalErrorHeader":[32],"fatalErrorMessage":[32],"focusedField":[32],"submitting":[32],"submitted":[32],"isDone":[32],"showDone":[32],"showLoadError":[32],"finishLater":[32],"showFinishLater":[32],"agreed":[32],"documentsSingularPlural":[32],"kbaStep":[32],"kbaQuestions":[32],"showSpinner":[32],"kbaChoices":[32],"loading":[32],"envelope":[32]}]]],["p-b46c2149.system",[[0,"verdocs-templates-list",{"endpoint":[16],"visibility":[1537],"starred":[1537],"sort":[1537],"name":[1537],"allowedActions":[1040],"showPagination":[4,"show-pagination"],"rowsPerPage":[2,"rows-per-page"],"selectedPage":[2,"selected-page"],"count":[32],"initiallyLoaded":[32],"loading":[32],"confirmDelete":[32],"templates":[32],"localNameFilter":[32]},null,{"sharing":["handleSharingUpdated"],"starred":["handleStarredUpdated"],"sort":["handleSortUpdated"],"name":["handleNameUpdated"],"selectedPage":["handlePageUpdated"]}]]],["p-5c065719.system",[[0,"verdocs-field-payment",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"fields":[16],"pageNum":[2,"page-num"],"roleName":[1,"role-name"],"fieldId":[1,"field-id"],"recipients":[8],"selectedRoleName":[1,"selected-role-name"],"pdfPages":[16],"currentSignature":[1,"current-signature"],"currentSignatureId":[1,"current-signature-id"],"currentInitial":[1,"current-initial"],"currentInitialId":[1,"current-initial-id"],"signed":[4],"roleindex":[2],"showingProperties":[32],"focused":[32],"preparedMessage":[32],"signatureUrl":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["p-3d7d95b0.system",[[0,"verdocs-envelope-sidebar",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"activeTab":[32],"panelOpen":[32],"showRecipientDialog":[32],"showCancelDialog":[32],"showReinviteDialog":[32],"remindersEnabled":[32],"updatingReminders":[32],"initialReminder":[32],"followupReminders":[32],"loading":[32],"envelope":[32]}]]],["p-cbb75c5e.system",[[0,"verdocs-template-create",{"endpoint":[16],"maxSize":[1026,"max-size"],"file":[32],"creating":[32],"progressLabel":[32],"progressPercent":[32],"errorMessage":[32]}]]],["p-ccdc9c5b.system",[[0,"verdocs-auth",{"endpoint":[16],"visible":[4],"logo":[1],"displayMode":[1025,"display-mode"],"org_name":[32],"first_name":[32],"last_name":[32],"email":[32],"verificationCode":[32],"newPassword":[32],"password":[32],"confirmpass":[32],"submitting":[32],"resendDisabled":[32],"session":[32],"profile":[32]}]]],["p-6eee289a.system",[[0,"verdocs-envelope-recipient-summary",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"canSendAnother":[4,"can-send-another"],"canView":[4,"can-view"],"canDone":[4,"can-done"],"isOpen":[32],"recipientStatusIcons":[32],"containerId":[32],"gettingLinks":[32],"links":[32],"loading":[32],"envelope":[32]}]]],["p-a6e9c5de.system",[[4,"verdocs-dialog"]]],["p-316bb216.system",[[0,"verdocs-quick-functions",{"endpoint":[16]}]]],["p-ee959c5d.system",[[0,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["p-8f2f67cd.system",[[0,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]],["p-17d195ea.system",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["p-fb85475b.system",[[0,"verdocs-table",{"columns":[16],"data":[16]}]]],["p-722a48b1.system",[[0,"verdocs-template-card",{"template":[16]}]]],["p-8a6c23fd.system",[[0,"verdocs-template-tags",{"tags":[16]}]]],["p-1219148a.system",[[0,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["p-b2f263e0.system",[[0,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["p-ae771b54.system",[[0,"verdocs-help-icon",{"text":[1],"icon":[1],"containerId":[32]}],[0,"verdocs-button",{"label":[1],"startIcon":[1,"start-icon"],"endIcon":[1,"end-icon"],"size":[1],"type":[1],"variant":[1],"disabled":[4]}]]],["p-27ddc017.system",[[0,"verdocs-envelope-recipient-link",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"roleName":[1,"role-name"],"isOpen":[32],"gettingLink":[32],"link":[32],"loading":[32],"envelope":[32],"recipient":[32]}]]],["p-7ffbd7cb.system",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"envelope":[16],"isOpen":[32],"containerId":[32]}]]],["p-0ec98936.system",[[0,"verdocs-template-star",{"endpoint":[16],"template":[1040],"updating":[32]}]]],["p-0785efc0.system",[[0,"verdocs-contact-picker",{"endpoint":[16],"templateRole":[16],"contactSuggestions":[16],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"zip":[32],"address":[32],"message":[32],"showSuggestions":[32],"showMessage":[32],"delegator":[32],"showKba":[32],"kba_method":[32],"kba_pin":[32],"nameFieldId":[32],"firstNameFieldId":[32],"lastNameFieldId":[32],"emailFieldId":[32],"phoneFieldId":[32],"featureFlags":[32]}]]],["p-37259eec.system",[[0,"verdocs-envelope-document-page",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"documentId":[1,"document-id"],"pageNumber":[2,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"type":[1],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32],"pageDisplayUri":[32]}]]],["p-751c314b.system",[[0,"verdocs-switch",{"checked":[1028],"theme":[1],"disabled":[4]}]]],["p-be3d919c.system",[[0,"verdocs-template-role-properties",{"endpoint":[16],"templateId":[1,"template-id"],"roleName":[1,"role-name"],"dirty":[32],"saving":[32],"name":[32],"type":[32],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"delegator":[32],"loading":[32],"template":[32]}],[4,"verdocs-menu-panel",{"side":[1],"overlay":[4],"width":[2]},[[4,"click","handleClick"]]]]],["p-8b2772f0.system",[[4,"verdocs-button-panel",{"icon":[1],"showPanel":[64],"hidePanel":[64],"toggle":[64]}],[4,"verdocs-tabs",{"tabs":[16],"selectedTab":[2,"selected-tab"]}]]],["p-6e9b34c6.system",[[0,"verdocs-pagination",{"selectedPage":[1538,"selected-page"],"itemCount":[2,"item-count"],"perPage":[2,"per-page"]}],[0,"verdocs-quick-filter",{"options":[16],"label":[1],"value":[1537],"placeholder":[1],"open":[32]}]]],["p-c3d93320.system",[[0,"verdocs-template-field-properties",{"endpoint":[16],"templateId":[1,"template-id"],"fieldName":[1025,"field-name"],"helpText":[1,"help-text"],"dirty":[32],"label":[32],"type":[32],"name":[32],"required":[32],"roleName":[32],"group":[32],"fieldType":[32],"options":[32],"placeholder":[32],"defaultValue":[32],"showingHelp":[32],"loading":[32],"template":[32]}],[0,"verdocs-checkbox",{"checked":[4],"name":[1],"label":[1],"value":[1],"theme":[1],"disabled":[4]}],[0,"verdocs-select-input",{"value":[1],"label":[1],"options":[16],"disabled":[4]}],[0,"verdocs-component-error",{"message":[1]}],[0,"verdocs-loader"],[0,"verdocs-text-input",{"value":[1537],"label":[1],"placeholder":[1],"autocomplete":[1],"helpText":[1,"help-text"],"clearable":[4],"copyable":[4],"type":[1],"disabled":[4],"required":[4],"showingPw":[32]}]]],["p-8ee1f062.system",[[0,"verdocs-toolbar-icon",{"text":[1],"icon":[1],"placement":[1],"containerId":[32]}],[0,"verdocs-template-document-page",{"endpoint":[16],"editable":[4],"disabled":[4],"done":[4],"templateId":[1,"template-id"],"documentId":[1,"document-id"],"pageNumber":[2,"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]}]]],["p-3783416b.system",[[0,"verdocs-file-chooser",{"endpoint":[16],"file":[32]}],[0,"verdocs-progress-bar",{"label":[1],"showPercent":[4,"show-percent"],"percent":[2]}]]],["p-33973ca4.system",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"buttonLabel":[1,"button-label"],"showCancel":[4,"show-cancel"],"closed":[32]}]]],["p-ac6b32f6.system",[[0,"verdocs-organization-card",{"organization":[16],"hovered":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseout","onMouseOut"]]],[4,"verdocs-portal",{"anchor":[1],"voffset":[2]},[[11,"scroll","handleScroll"],[9,"resize","handleResize"],[4,"click","handleClick"]]]]],["p-bc99a3ef.system",[[0,"verdocs-dropdown",{"options":[16],"containerId":[32],"showPicker":[32]}]]],["p-f873e6df.system",[[0,"verdocs-view",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"headerTargetId":[1,"header-target-id"],"canceling":[32],"showCancelDone":[32],"showLoadError":[32],"loading":[32],"envelope":[32]}],[0,"verdocs-kba-dialog",{"step":[2],"steps":[2],"helptitle":[1],"helptext":[1],"mode":[1],"label":[1],"placeholder":[1],"recipient":[16],"choices":[16],"response":[32],"updatedRecipient":[32]}]]],["p-2a10d748.system",[[0,"verdocs-spinner",{"size":[2],"mode":[1]}]]],["p-191795a8.system",[[0,"verdocs-field-attachment",{"endpoint":[16],"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"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,"verdocs-field-initial",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"initials":[513],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"tempInitials":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-signature",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"name":[513],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"tempSignature":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-checkbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[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],"containerId":[32],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-dropdown",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-radio",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"required":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-textarea",{"endpoint":[16],"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-textbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"multiline":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-timestamp",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[2],"showingProperties":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-initial-dialog",{"initials":[1],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}],[0,"verdocs-signature-dialog",{"name":[1],"fontLoaded":[32],"enteredName":[32],"mode":[32]}],[0,"verdocs-upload-dialog",{"maxSize":[1026,"max-size"],"existingFile":[1032,"existing-file"],"draggingOver":[32],"confirmDelete":[32],"selectedFiles":[32],"errorMessage":[32]}]]],["p-5df005a9.system",[[0,"verdocs-template-fields",{"endpoint":[16],"templateId":[1537,"template-id"],"toolbarTargetId":[1,"toolbar-target-id"],"placing":[32],"showMustSelectRole":[32],"selectedRoleName":[32],"loading":[32],"template":[32]},[[4,"keydown","handleKeyDown"]],{"templateId":["onTemplateIdChanged"]}],[0,"verdocs-preview",{"endpoint":[16],"templateId":[1,"template-id"],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"]}],[0,"verdocs-template-roles",{"endpoint":[16],"templateId":[1,"template-id"],"showingRoleDialog":[32],"sender":[32],"dragging":[32],"loading":[32],"template":[32]}],[0,"verdocs-send",{"endpoint":[16],"templateId":[513,"template-id"],"environment":[1],"containerId":[32],"showPickerForId":[32],"sessionContacts":[32],"sending":[32],"rolesCompleted":[32],"loading":[32],"template":[32],"reset":[64]},null,{"templateId":["onTemplateIdChanged"]}],[0,"verdocs-template-settings",{"endpoint":[16],"templateId":[1,"template-id"],"name":[32],"visibility":[32],"sender":[32],"sendReminders":[32],"initialReminder":[32],"followupReminders":[32],"dirty":[32],"loading":[32],"template":[32]}],[0,"verdocs-template-attachments",{"endpoint":[16],"templateId":[1,"template-id"],"uploading":[32],"progressLabel":[32],"progressPercent":[32],"showDeleteError":[32],"confirmDeleteDocument":[32],"loading":[32],"template":[32]}],[0,"verdocs-template-build-tabs",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"],"step":["onStepChanged"]}]]]]'),t)]}}))}))}))}}}));
 //# sourceMappingURL=p-e2b70dfb.system.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","module","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","__awaiter","_this","globalScripts","_a","sent","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"qqDAOA,IAAIA,EAAe,WAUjB,IAAMC,EAAaC,EAAAC,KAAAC,IACnB,IAAMC,EAAqE,GAC3E,GAAIJ,IAAe,GAAI,CACrBI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,IACjD,CACE,OAAOC,EAAeJ,EACxB,ECnBAL,IAAeU,MAAK,SAAOC,GAAO,OAAAC,UAAAC,OAAA,qB,4DAChC,SAAMC,K,OAANC,EAAAC,OACA,SAAOC,EAAcC,KAAAC,MAAA,uzdAAuCR,I","ignoreList":[]}
+{"version":3,"names":["patchBrowser","importMeta","module","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","__awaiter","_this","globalScripts","_a","sent","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"qqDAOA,IAAIA,EAAe,WAUjB,IAAMC,EAAaC,EAAAC,KAAAC,IACnB,IAAMC,EAAqE,GAC3E,GAAIJ,IAAe,GAAI,CACrBI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,IACjD,CACE,OAAOC,EAAeJ,EACxB,ECnBAL,IAAeU,MAAK,SAAOC,GAAO,OAAAC,UAAAC,OAAA,qB,4DAChC,SAAMC,K,OAANC,EAAAC,OACA,SAAOC,EAAcC,KAAAC,MAAA,m2dAAuCR,I","ignoreList":[]}