@verdocs/web-sdk 6.2.9 → 6.3.1

package/dist/components/verdocs-templates-list.js

@@ -1,17 +1,17 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-9up2BmHp.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CUAGH_8P.js';
 import { d as dateFnsExports } from './p-6fSdgmoO.js';
 import { VerdocsEndpoint, getTemplates, deleteTemplate, integerSequence, canPerformTemplateAction } from '@verdocs/js-sdk';
 import { S as SDKError } from './p-C1sRVZWv.js';
-import { d as defineCustomElement$b } from './p-CBRYaKLM.js';
-import { d as defineCustomElement$a } from './p-Bf5ceLBh.js';
-import { d as defineCustomElement$9 } from './p-DGJlf5J_.js';
-import { d as defineCustomElement$8 } from './p-BUDGHfvB.js';
-import { d as defineCustomElement$7 } from './p-icGdbhUU.js';
-import { d as defineCustomElement$6 } from './p-C3iwT41e.js';
-import { d as defineCustomElement$5 } from './p-Opf3i5hz.js';
-import { d as defineCustomElement$4 } from './p-BL3Ul9SN.js';
-import { d as defineCustomElement$3 } from './p-CPvyHpp6.js';
-import { d as defineCustomElement$2 } from './p-BvDqCFDj.js';
+import { d as defineCustomElement$b } from './p-DaISePSz.js';
+import { d as defineCustomElement$a } from './p-BtUdLOJF.js';
+import { d as defineCustomElement$9 } from './p-Ddtzdi61.js';
+import { d as defineCustomElement$8 } from './p-_8VAlOYF.js';
+import { d as defineCustomElement$7 } from './p-MU4718Ji.js';
+import { d as defineCustomElement$6 } from './p-ClMXECec.js';
+import { d as defineCustomElement$5 } from './p-DJ98c2L8.js';
+import { d as defineCustomElement$4 } from './p-DQc8oYff.js';
+import { d as defineCustomElement$3 } from './p-D-o8QR0Y.js';
+import { d as defineCustomElement$2 } from './p-ExxjGoKu.js';
 
 const verdocsTemplatesListCss = "@-webkit-keyframes verdocs-field-pulse {\n  0% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n  50% {\n    background-color: rgba(0, 0, 0, 0);\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n}\n@keyframes verdocs-field-pulse {\n  0% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n  50% {\n    background-color: rgba(0, 0, 0, 0);\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n}\nverdocs-templates-list {\n  display: -ms-flexbox;\n  display: flex;\n  padding: 10px;\n  font-size: 18px;\n  -ms-flex-wrap: nowrap;\n  flex-wrap: nowrap;\n  border-radius: 6px;\n  color: #33364b;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  font-family: \"Inter\", \"Barlow\", sans-serif;\n}\nverdocs-templates-list .header {\n  width: 100%;\n  row-gap: 4px;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  -webkit-column-gap: 12px;\n  -moz-column-gap: 12px;\n  column-gap: 12px;\n  margin: 0 0 10px 0;\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-direction: row;\n  flex-direction: row;\n}\nverdocs-templates-list .header .filter {\n  width: 150px;\n}\nverdocs-templates-list .header verdocs-text-input {\n  margin: 0;\n}\nverdocs-templates-list .header verdocs-text-input input {\n  height: 32px;\n}\nverdocs-templates-list .filter {\n  -ms-flex-align: center;\n  align-items: center;\n}\nverdocs-templates-list .template-placeholder {\n  height: 48px;\n  -ms-flex: 0 0 48px;\n  flex: 0 0 48px;\n  margin: 5px 0;\n  border-radius: 5px;\n  background: #f5f5fa;\n}\nverdocs-templates-list .template {\n  width: 100%;\n  margin: 2px 0;\n  border: 1px solid #ffffff;\n  background: #ffffff;\n}\nverdocs-templates-list .template:hover {\n  cursor: pointer;\n  background: #ededff;\n  border: 1px solid #a7a7f5;\n}\nverdocs-templates-list .template .inner {\n  gap: 12px;\n  display: -ms-flexbox;\n  display: flex;\n  padding: 8px 14px;\n  border-radius: 5px;\n  -ms-flex-direction: row;\n  flex-direction: row;\n  -ms-flex-align: center;\n  align-items: center;\n  container-type: inline-size;\n}\nverdocs-templates-list .template .inner svg {\n  width: 24px;\n  height: 24px;\n}\nverdocs-templates-list .name {\n  -ms-flex: 1;\n  flex: 1;\n  display: -ms-flexbox;\n  display: flex;\n  color: black;\n  font-size: 16px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n@media screen and (max-width: 1300px) {\n  verdocs-templates-list .name {\n    font-size: 16px;\n  }\n}\nverdocs-templates-list .spacer {\n  margin: 0;\n  height: 30px;\n  -ms-flex: 0 0 1px;\n  flex: 0 0 1px;\n  display: -ms-flexbox;\n  display: flex;\n  border-right: 1px solid #dad8dd;\n}\n@media screen and (max-width: 800px) {\n  verdocs-templates-list .spacer {\n    display: none;\n  }\n}\nverdocs-templates-list .empty-text {\n  font-size: 20px;\n  text-align: center;\n  margin: 16px 0 0 0;\n  padding: 80px 80px;\n  border: 2px solid #ccc;\n}\nverdocs-templates-list .usage,\nverdocs-templates-list .ownership,\nverdocs-templates-list .last-used {\n  gap: 10px;\n  color: #444;\n  display: -ms-flexbox;\n  display: flex;\n  font-size: 16px;\n  margin: 0 0 0 10px;\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-direction: row;\n  flex-direction: row;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\nverdocs-templates-list .usage span,\nverdocs-templates-list .usage svg,\nverdocs-templates-list .ownership span,\nverdocs-templates-list .ownership svg,\nverdocs-templates-list .last-used span,\nverdocs-templates-list .last-used svg {\n  width: 24px;\n  height: 24px;\n}\nverdocs-templates-list .usage span,\nverdocs-templates-list .ownership span,\nverdocs-templates-list .last-used span {\n  display: block;\n}\n@media screen and (max-width: 700px) {\n  verdocs-templates-list verdocs-template-star {\n    display: none;\n  }\n}\nverdocs-templates-list .ownership {\n  -ms-flex: 0 0 100px;\n  flex: 0 0 100px;\n}\n@media screen and (max-width: 700px) {\n  verdocs-templates-list .ownership {\n    display: none;\n  }\n}\nverdocs-templates-list .last-used {\n  -ms-flex: 0 0 130px;\n  flex: 0 0 130px;\n}\nverdocs-templates-list .usage {\n  -ms-flex: 0 0 60px;\n  flex: 0 0 60px;\n}\nverdocs-templates-list .header-row {\n  display: none;\n}\nverdocs-templates-list table {\n  container-type: size;\n  max-width: 100%;\n  overflow: hidden;\n  table-layout: fixed;\n}\nverdocs-templates-list .data-row {\n  cursor: pointer;\n  background: #ededff;\n  border: 1px solid #a7a7f5;\n}\nverdocs-templates-list .data-col svg {\n  width: 24px;\n  height: 24px;\n}\nverdocs-templates-list .col-name {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n@container (max-width:700 px) {\n  verdocs-templates-list verdocs-templates-list .col-starred {\n    display: none;\n  }\n}";
 

package/dist/components/verdocs-text-input.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTextInput$1, d as defineCustomElement$1 } from './p-BvDqCFDj.js';
+import { V as VerdocsTextInput$1, d as defineCustomElement$1 } from './p-ExxjGoKu.js';
 
 const VerdocsTextInput = VerdocsTextInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-toggle-button.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-9up2BmHp.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CUAGH_8P.js';
 
 const verdocsToggleButtonCss = "@-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-button{font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-toggle-button button{border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#cccccc;color:#33364b}verdocs-toggle-button button svg{max-width:100%;max-height:100%;fill:#33364b}verdocs-toggle-button button.active{background:#55bc81;color:#f5f5fa}verdocs-toggle-button button.active svg{fill:#f5f5fa}verdocs-toggle-button button:focus{border:none;outline:none}verdocs-toggle-button.size-normal button{width:40px;height:40px;padding:6px;border-radius:4px}verdocs-toggle-button.size-small button{width:34px;height:34px;padding:4px;border-radius:2px}";
 

package/dist/components/verdocs-toggle.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-9up2BmHp.js';
+import { p as proxyCustomElement, H, h } from './p-CUAGH_8P.js';
 
 const verdocsToggleCss = "@-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}";
 

package/dist/components/verdocs-toolbar-icon.js

@@ -1,4 +1,4 @@
-import { V as VerdocsToolbarIcon$1, d as defineCustomElement$1 } from './p-BW3GsUj9.js';
+import { V as VerdocsToolbarIcon$1, d as defineCustomElement$1 } from './p-Cf0Hy4s4.js';
 
 const VerdocsToolbarIcon = VerdocsToolbarIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-upload-dialog.js

@@ -1,4 +1,4 @@
-import { V as VerdocsUploadDialog$1, d as defineCustomElement$1 } from './p-9Csbf-tN.js';
+import { V as VerdocsUploadDialog$1, d as defineCustomElement$1 } from './p-D90w1eGV.js';
 
 const VerdocsUploadDialog = VerdocsUploadDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-view.js

@@ -1,4 +1,4 @@
-import { V as VerdocsView$1, d as defineCustomElement$1 } from './p-Dwu1JL0y.js';
+import { V as VerdocsView$1, d as defineCustomElement$1 } from './p-C97fAomN.js';
 
 const VerdocsView = VerdocsView$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/custom-elements.json

@@ -1473,6 +1473,19 @@
         }
       ]
     },
+    {
+      "name": "verdocs-question-dialog",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a simple text dialog box with an Ok button. This adds a partially-transparent overlay and screen-centered dialog\nbox with a message and optional header/title. An OK button is shown that will dismiss the message.\nIt can also be dismissed by clicking the background overlay."
+      },
+      "attributes": [
+        {
+          "name": "question",
+          "description": ""
+        }
+      ]
+    },
     {
       "name": "verdocs-quick-filter",
       "description": {
@@ -1641,6 +1654,23 @@
         }
       ]
     },
+    {
+      "name": "verdocs-sign-footer",
+      "description": {
+        "kind": "markdown",
+        "value": "Typically presented by the `verdocs-sign` component. Displays a footer toolbar\nwith a few convenience functions for the envelope recipient to use."
+      },
+      "attributes": [
+        {
+          "name": "envelope-id",
+          "description": "The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored."
+        },
+        {
+          "name": "is-done",
+          "description": "If the recipient is \"done,\" some buttons will be hidden."
+        }
+      ]
+    },
     {
       "name": "verdocs-signature-dialog",
       "description": {

package/dist/esm/{index-DjAHH4ih.js → index-BIRwgFLv.js}

@@ -1,8 +1,8 @@
 const NAMESPACE = 'verdocs-web-sdk';
-const BUILD = /* verdocs-web-sdk */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, shadowDom: false, slotRelocation: true, updatable: true};
+const BUILD = /* verdocs-web-sdk */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, shadowDom: false, slotRelocation: true, state: true, updatable: true};
 
 /*
- Stencil Client Platform v4.38.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.38.3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -13,6 +13,38 @@ var __export = (target, all) => {
 // src/utils/constants.ts
 var SVG_NS = "http://www.w3.org/2000/svg";
 var HTML_NS = "http://www.w3.org/1999/xhtml";
+var reWireGetterSetter = (instance, hostRef) => {
+  var _a;
+  const cmpMeta = hostRef.$cmpMeta$;
+  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
+  members.map(([memberName, [memberFlags]]) => {
+    if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
+      const ogValue = instance[memberName];
+      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName) || Object.getOwnPropertyDescriptor(instance, memberName);
+      if (ogDescriptor) {
+        Object.defineProperty(instance, memberName, {
+          get() {
+            return ogDescriptor.get.call(this);
+          },
+          set(newValue) {
+            ogDescriptor.set.call(this, newValue);
+          },
+          configurable: true,
+          enumerable: true
+        });
+      }
+      instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
+    }
+  });
+};
+function getPropertyDescriptor(obj, memberName) {
+  while (obj) {
+    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
+    if (desc == null ? void 0 : desc.get) return desc;
+    obj = Object.getPrototypeOf(obj);
+  }
+  return void 0;
+}
 
 // src/client/client-host-ref.ts
 var getHostRef = (ref) => {
@@ -25,6 +57,9 @@ var registerInstance = (lazyInstance, hostRef) => {
   if (!hostRef) return;
   lazyInstance.__stencil__getHostRef = () => hostRef;
   hostRef.$lazyInstance$ = lazyInstance;
+  if (hostRef.$cmpMeta$.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.state)) {
+    reWireGetterSetter(lazyInstance, hostRef);
+  }
 };
 var registerHost = (hostElement, cmpMeta) => {
   const hostRef = {
@@ -156,10 +191,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './verdocs-template-star.entry.js').then(processMod, consoleError);
-                case 'verdocs-envelope-document-page':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './verdocs-envelope-document-page.entry.js').then(processMod, consoleError);
                 case 'verdocs-switch':
                     return import(
                       /* webpackMode: "lazy" */
@@ -172,6 +203,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './verdocs-spinner.entry.js').then(processMod, consoleError);
+                case 'verdocs-ok-dialog':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './verdocs-ok-dialog.entry.js').then(processMod, consoleError);
+                case 'verdocs-dialog':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './verdocs-dialog.entry.js').then(processMod, consoleError);
                 case 'verdocs-organization-card_2':
                     return import(
                       /* webpackMode: "lazy" */
@@ -200,14 +239,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './verdocs-template-document-page_2.entry.js').then(processMod, consoleError);
-                case 'verdocs-dialog_2':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './verdocs-dialog_2.entry.js').then(processMod, consoleError);
                 case 'verdocs-contact-picker':
                     return import(
                       /* webpackMode: "lazy" */
                       './verdocs-contact-picker.entry.js').then(processMod, consoleError);
+                case 'verdocs-envelope-document-page_3':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './verdocs-envelope-document-page_3.entry.js').then(processMod, consoleError);
                 case 'verdocs-button_3':
                     return import(
                       /* webpackMode: "lazy" */
@@ -2089,6 +2128,6 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 
 export { Fragment as F, Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
-//# sourceMappingURL=index-DjAHH4ih.js.map
+//# sourceMappingURL=index-BIRwgFLv.js.map
 
-//# sourceMappingURL=index-DjAHH4ih.js.map
+//# sourceMappingURL=index-BIRwgFLv.js.map