@verdocs/web-sdk 1.9.3 → 1.9.5

package/dist/esm/verdocs-web-sdk.js

@@ -13,7 +13,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["verdocs-build",[[0,"verdocs-build",{"endpoint":[16],"templateId":[1,"template-id"],"step":[32],"pdfUrl":[32],"template":[32]}]]],["verdocs-sign",[[0,"verdocs-sign",{"endpoint":[16],"documentId":[1,"document-id"],"roleId":[1,"role-id"],"inviteCode":[1,"invite-code"],"recipient":[32],"signerToken":[32],"pdfUrl":[32],"recipientIndex":[32],"document":[32],"fields":[32],"hasSignature":[32],"nextButtonLabel":[32],"focusedField":[32]}]]],["verdocs-field-initial",[[0,"verdocs-field-initial",{"field":[16],"recipient":[16],"disabled":[4],"initials":[1],"editable":[4],"moveable":[4],"roleindex":[2],"tempInitials":[32],"focusField":[64]}]]],["verdocs-auth",[[0,"verdocs-auth",{"endpoint":[16],"visible":[4],"logo":[1],"debug":[4],"isAuthenticated":[32],"displayMode":[32],"username":[32],"password":[32],"loggingIn":[32],"activeSession":[32],"loginError":[32]}]]],["verdocs-field-date",[[0,"verdocs-field-date",{"field":[16],"recipient":[16],"disabled":[4],"editable":[4],"moveable":[4],"roleindex":[2],"focused":[32],"containerId":[32],"focusField":[64]}]]],["verdocs-field-textarea",[[0,"verdocs-field-textarea",{"field":[16],"recipient":[16],"disabled":[4],"editable":[4],"moveable":[4],"roleindex":[2],"focused":[32],"focusField":[64]}]]],["verdocs-field-textbox",[[0,"verdocs-field-textbox",{"field":[16],"recipient":[16],"disabled":[4],"editable":[4],"moveable":[4],"roleindex":[2],"focused":[32],"focusField":[64]}]]],["verdocs-field-timestamp",[[0,"verdocs-field-timestamp",{"field":[16],"recipient":[16],"disabled":[4],"editable":[4],"moveable":[4],"roleindex":[2],"focused":[32],"focusField":[64]}]]],["verdocs-preview",[[0,"verdocs-preview",{"endpoint":[16],"templateId":[1,"template-id"],"pdfUrl":[32],"template":[32]}]]],["verdocs-search",[[0,"verdocs-search",{"endpoint":[16]}]]],["verdocs-contact-picker",[[0,"verdocs-contact-picker",{"endpoint":[16],"templateRole":[16],"contactSuggestions":[16],"name":[32],"email":[32],"phone":[32],"message":[32],"showSuggestions":[32],"showMessage":[32],"delegator":[32]}]]],["verdocs-send",[[0,"verdocs-send",{"endpoint":[16],"templateId":[1,"template-id"],"template":[32],"pdfUrl":[32],"containerId":[32],"rolesAtLevel":[32],"showPickerForId":[32],"sessionContacts":[32],"recipientsAssigned":[32]}]]],["verdocs-field-attachment",[[0,"verdocs-field-attachment",{"field":[16],"recipient":[16],"disabled":[4],"focusField":[64]}]]],["verdocs-kba-dialog",[[0,"verdocs-kba-dialog",{"step":[2],"steps":[2],"helptitle":[1],"helptext":[1],"mode":[1],"label":[1],"placeholder":[1],"choices":[16],"open":[4],"response":[32]}]]],["verdocs-field-dropdown",[[0,"verdocs-field-dropdown",{"field":[16],"recipient":[16],"disabled":[4],"focused":[32],"focusField":[64]}]]],["verdocs-field-payment",[[0,"verdocs-field-payment",{"field":[16],"recipient":[16],"disabled":[4],"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"],"focused":[4],"signed":[4],"preparedMessage":[32],"signatureUrl":[32]}]]],["verdocs-organization-card",[[0,"verdocs-organization-card",{"organization":[16]}]]],["verdocs-search-tabs",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["verdocs-status-indicator",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"document":[16],"isOpen":[32],"recipientStatusIcons":[32],"containerId":[32]}]]],["verdocs-template-card",[[0,"verdocs-template-card",{"template":[16]}]]],["verdocs-template-tags",[[0,"verdocs-template-tags",{"tags":[16]}]]],["verdocs-toggle",[[0,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["verdocs-initial-dialog",[[0,"verdocs-initial-dialog",{"initials":[1],"open":[4],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}]]],["verdocs-ok-dialog",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"open":[4],"cancel":[4]}]]],["verdocs-upload-dialog",[[0,"verdocs-upload-dialog",{"open":[4],"draggingOver":[32],"decodedFiles":[32]}]]],["verdocs-checkbox",[[0,"verdocs-checkbox",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["verdocs-toggle-button",[[0,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["verdocs-dropdown_3",[[0,"verdocs-dropdown",{"options":[16],"open":[4],"isOpen":[32]}],[0,"verdocs-field-checkbox",{"field":[16],"recipient":[16],"option":[2],"disabled":[4]}],[0,"verdocs-field-radio-button",{"field":[16],"recipient":[16],"option":[2],"disabled":[4]}]]],["verdocs-quick-functions_3",[[0,"verdocs-quick-functions",{"endpoint":[16]}],[0,"verdocs-search-activity",{"endpoint":[16],"type":[1],"options":[8],"emptyMessage":[32],"authFailure":[32],"title":[32],"recent":[32],"saved":[32],"starred":[32]}],[0,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]],["verdocs-radio-button",[[0,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["verdocs-button",[[0,"verdocs-button",{"label":[1],"startIcon":[1,"start-icon"],"endIcon":[1,"end-icon"],"size":[1],"type":[1],"variant":[1],"disabled":[4]}]]],["verdocs-help-icon_2",[[0,"verdocs-template-sender-dialog",{"value":[1],"open":[4],"newValue":[32]}],[0,"verdocs-help-icon",{"text":[1],"containerId":[32]}]]],["verdocs-field-signature_3",[[0,"verdocs-field-signature",{"field":[16],"name":[1],"recipient":[16],"disabled":[4],"editable":[4],"moveable":[4],"roleindex":[2],"tempSignature":[32],"focusField":[64]}],[0,"verdocs-toolbar-icon",{"text":[1],"icon":[1],"containerId":[32]}],[0,"verdocs-signature-dialog",{"name":[1],"open":[4],"fontLoaded":[32],"enteredName":[32],"mode":[32]}]]],["verdocs-document-page_3",[[0,"verdocs-view",{"endpoint":[16],"rotation":[2],"pageLayers":[16],"source":[1],"loadProgress":[32],"numPages":[32]}],[0,"verdocs-document-page",{"pageNumber":[2,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[2,"virtual-height"],"layers":[16],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"skipFirstNotification":[32]}],[0,"verdocs-loader"]]],["verdocs-button-panel_3",[[4,"verdocs-button-panel",{"icon":[1]}],[0,"verdocs-select-input",{"value":[1],"label":[1],"options":[16],"disabled":[4],"_value":[32]}],[0,"verdocs-text-input",{"value":[1],"label":[1],"placeholder":[1],"autocomplete":[1],"type":[1],"disabled":[4],"_value":[32]}]]],["verdocs-template-create_4",[[0,"verdocs-template-fields",{"endpoint":[16],"templateId":[1,"template-id"],"pdfUrl":[32],"template":[32]}],[0,"verdocs-template-properties",{"endpoint":[16],"templateRole":[16],"sendReminders":[32]}],[0,"verdocs-template-recipients",{"endpoint":[16],"templateRole":[16],"contactSuggestions":[16],"name":[32],"email":[32],"phone":[32],"message":[32],"showSuggestions":[32],"showMessage":[32],"delegator":[32],"sender":[32],"showingSenderDialog":[32],"orderedRoles":[32]}],[0,"verdocs-template-create",{"endpoint":[16],"file":[32]}]]]], options);
+  return bootstrapLazy([["verdocs-build",[[0,"verdocs-build",{"endpoint":[16],"templateId":[1,"template-id"],"step":[32],"pdfUrl":[32],"template":[32]}]]],["verdocs-sign",[[0,"verdocs-sign",{"endpoint":[16],"documentId":[1,"document-id"],"roleId":[1,"role-id"],"inviteCode":[1,"invite-code"],"recipient":[32],"signerToken":[32],"pdfUrl":[32],"recipientIndex":[32],"document":[32],"fields":[32],"hasSignature":[32],"nextButtonLabel":[32],"focusedField":[32]}]]],["verdocs-field-initial",[[0,"verdocs-field-initial",{"field":[16],"recipient":[16],"disabled":[4],"initials":[1],"editable":[4],"moveable":[4],"roleindex":[2],"tempInitials":[32],"focusField":[64]}]]],["verdocs-auth",[[0,"verdocs-auth",{"endpoint":[16],"visible":[4],"logo":[1],"debug":[4],"isAuthenticated":[32],"displayMode":[32],"username":[32],"password":[32],"loggingIn":[32],"activeSession":[32],"loginError":[32]}]]],["verdocs-field-date",[[0,"verdocs-field-date",{"field":[16],"recipient":[16],"disabled":[4],"editable":[4],"moveable":[4],"roleindex":[2],"focused":[32],"containerId":[32],"focusField":[64]}]]],["verdocs-field-textarea",[[0,"verdocs-field-textarea",{"field":[16],"recipient":[16],"disabled":[4],"editable":[4],"moveable":[4],"roleindex":[2],"focused":[32],"focusField":[64]}]]],["verdocs-field-textbox",[[0,"verdocs-field-textbox",{"field":[16],"recipient":[16],"disabled":[4],"editable":[4],"moveable":[4],"roleindex":[2],"focused":[32],"focusField":[64]}]]],["verdocs-field-timestamp",[[0,"verdocs-field-timestamp",{"field":[16],"recipient":[16],"disabled":[4],"editable":[4],"moveable":[4],"roleindex":[2],"focused":[32],"focusField":[64]}]]],["verdocs-preview",[[0,"verdocs-preview",{"endpoint":[16],"templateId":[1,"template-id"],"pdfUrl":[32],"template":[32]}]]],["verdocs-search",[[0,"verdocs-search",{"endpoint":[16]}]]],["verdocs-contact-picker",[[0,"verdocs-contact-picker",{"endpoint":[16],"templateRole":[16],"contactSuggestions":[16],"name":[32],"email":[32],"phone":[32],"message":[32],"showSuggestions":[32],"showMessage":[32],"delegator":[32]}]]],["verdocs-send",[[0,"verdocs-send",{"endpoint":[16],"templateId":[1,"template-id"],"template":[32],"pdfUrl":[32],"containerId":[32],"rolesAtLevel":[32],"showPickerForId":[32],"sessionContacts":[32],"recipientsAssigned":[32]}]]],["verdocs-field-attachment",[[0,"verdocs-field-attachment",{"field":[16],"recipient":[16],"disabled":[4],"focusField":[64]}]]],["verdocs-kba-dialog",[[0,"verdocs-kba-dialog",{"step":[2],"steps":[2],"helptitle":[1],"helptext":[1],"mode":[1],"label":[1],"placeholder":[1],"choices":[16],"open":[4],"response":[32]}]]],["verdocs-field-dropdown",[[0,"verdocs-field-dropdown",{"field":[16],"recipient":[16],"disabled":[4],"focused":[32],"focusField":[64]}]]],["verdocs-field-payment",[[0,"verdocs-field-payment",{"field":[16],"recipient":[16],"disabled":[4],"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"],"focused":[4],"signed":[4],"preparedMessage":[32],"signatureUrl":[32]}]]],["verdocs-organization-card",[[0,"verdocs-organization-card",{"organization":[16]}]]],["verdocs-search-tabs",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["verdocs-status-indicator",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"document":[16],"isOpen":[32],"recipientStatusIcons":[32],"containerId":[32]}]]],["verdocs-template-card",[[0,"verdocs-template-card",{"template":[16]}]]],["verdocs-template-tags",[[0,"verdocs-template-tags",{"tags":[16]}]]],["verdocs-toggle",[[0,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["verdocs-initial-dialog",[[0,"verdocs-initial-dialog",{"initials":[1],"open":[4],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}]]],["verdocs-ok-dialog",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"open":[4],"cancel":[4]}]]],["verdocs-upload-dialog",[[0,"verdocs-upload-dialog",{"open":[4],"draggingOver":[32],"decodedFiles":[32]}]]],["verdocs-checkbox",[[0,"verdocs-checkbox",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["verdocs-toggle-button",[[0,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["verdocs-dropdown_3",[[0,"verdocs-dropdown",{"options":[16],"open":[4],"isOpen":[32]}],[0,"verdocs-field-checkbox",{"field":[16],"recipient":[16],"option":[2],"disabled":[4]}],[0,"verdocs-field-radio-button",{"field":[16],"recipient":[16],"option":[2],"disabled":[4]}]]],["verdocs-quick-functions_3",[[0,"verdocs-quick-functions",{"endpoint":[16]}],[0,"verdocs-search-activity",{"endpoint":[16],"type":[1],"options":[8],"emptyMessage":[32],"authFailure":[32],"title":[32],"recent":[32],"saved":[32],"starred":[32]}],[0,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]],["verdocs-radio-button",[[0,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["verdocs-button",[[0,"verdocs-button",{"label":[1],"startIcon":[1,"start-icon"],"endIcon":[1,"end-icon"],"size":[1],"type":[1],"variant":[1],"disabled":[4]}]]],["verdocs-help-icon_2",[[0,"verdocs-template-sender-dialog",{"value":[1],"open":[4],"newValue":[32]}],[0,"verdocs-help-icon",{"text":[1],"containerId":[32]}]]],["verdocs-field-signature_3",[[0,"verdocs-field-signature",{"field":[16],"name":[1],"recipient":[16],"disabled":[4],"editable":[4],"moveable":[4],"roleindex":[2],"tempSignature":[32],"focusField":[64]}],[0,"verdocs-toolbar-icon",{"text":[1],"icon":[1],"containerId":[32]}],[0,"verdocs-signature-dialog",{"name":[1],"open":[4],"fontLoaded":[32],"enteredName":[32],"mode":[32]}]]],["verdocs-document-page_3",[[0,"verdocs-view",{"endpoint":[16],"rotation":[2],"pageLayers":[16],"source":[1],"loadProgress":[32],"numPages":[32]}],[0,"verdocs-document-page",{"pageNumber":[2,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[2,"virtual-height"],"layers":[16],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"skipFirstNotification":[32]}],[0,"verdocs-loader"]]],["verdocs-button-panel_3",[[4,"verdocs-button-panel",{"icon":[1]}],[0,"verdocs-select-input",{"value":[1],"label":[1],"options":[16],"disabled":[4],"_value":[32]}],[0,"verdocs-text-input",{"value":[1],"label":[1],"placeholder":[1],"autocomplete":[1],"type":[1],"disabled":[4],"_value":[32]}]]],["verdocs-template-create_4",[[0,"verdocs-template-fields",{"endpoint":[16],"templateId":[1,"template-id"],"pdfUrl":[32],"template":[32]}],[0,"verdocs-template-properties",{"endpoint":[16],"templateId":[1,"template-id"],"template":[32],"name":[32],"sendReminders":[32],"firstReminderDays":[32],"reminderDays":[32]}],[0,"verdocs-template-recipients",{"endpoint":[16],"templateRole":[16],"contactSuggestions":[16],"name":[32],"email":[32],"phone":[32],"message":[32],"showSuggestions":[32],"showMessage":[32],"delegator":[32],"sender":[32],"showingSenderDialog":[32],"orderedRoles":[32]}],[0,"verdocs-template-create",{"endpoint":[16],"file":[32]}]]]], options);
 });
 
 //# sourceMappingURL=verdocs-web-sdk.js.map

package/dist/esm-es5/Templates-f7c590c0.js.map

@@ -1 +1 @@
-{"version":3,"sources":["node_modules/@verdocs/js-sdk/Templates/Templates.js"],"names":["getTemplates","endpoint","params","api","post","then","r","data","getTemplate","templateId","get","concat","createTemplate"],"mappings":"AAsDU,IAACA,aAAe,SAAUC,EAAUC,GAC1C,OAAOD,EAASE,IACXC,KAAK,aAAc,CAAEF,OAAQA,IAC7BG,MAAK,SAAUC,GAAK,OAAOA,EAAEC,SAW5B,IAACC,YAAc,SAAUP,EAAUQ,GACzC,OAAOR,EAASE,IACXO,IAAI,cAAcC,OAAOF,IACzBJ,MAAK,SAAUC,GAAK,OAAOA,EAAEC,SAyB5B,IAACK,eAAiB,SAAUX,EAAUC,GAC5C,OAAOD,EAASE,IACXC,KAAK,cAAeF,GACpBG,MAAK,SAAUC,GAAK,OAAOA,EAAEC","sourcesContent":["/**\n * A Template defines how a Verdocs signing flow will be performed, including attachments, signing fields, and\n * recipients.\n *\n * @module\n */\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n/**\n * Get all templates accessible by the caller, with optional filters.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * await Templates.getTemplates((VerdocsEndpoint.getDefault());\n * await Templates.getTemplates((VerdocsEndpoint.getDefault(), { is_starred: true });\n * await Templates.getTemplates((VerdocsEndpoint.getDefault(), { is_creator: true });\n * await Templates.getTemplates((VerdocsEndpoint.getDefault(), { is_organization: true });\n * ```\n */\nexport var getTemplates = function (endpoint, params) {\n    return endpoint.api //\n        .post('/templates', { params: params })\n        .then(function (r) { return r.data; });\n};\n/**\n * Get one template by its ID.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const template = await Templates.getTemplate((VerdocsEndpoint.getDefault(), '83da3d70-7857-4392-b876-c4592a304bc9');\n * ```\n */\nexport var getTemplate = function (endpoint, templateId) {\n    return endpoint.api //\n        .get(\"/templates/\".concat(templateId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Get owner information for a template.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const template = await Templates.getTemplateOwnerInfo((VerdocsEndpoint.getDefault(), '83da3d70-7857-4392-b876-c4592a304bc9');\n * ```\n */\nexport var getTemplateOwnerInfo = function (endpoint, templateId) {\n    return endpoint.api //\n        .get(\"/templates/\".concat(templateId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Create a template.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const newTemplate = await Templates.createTemplate((VerdocsEndpoint.getDefault(), {...});\n * ```\n */\nexport var createTemplate = function (endpoint, params) {\n    return endpoint.api //\n        .post('/templates/', params)\n        .then(function (r) { return r.data; });\n};\n/**\n * Update a template.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const updatedTemplate = await Templates.updateTemplate((VerdocsEndpoint.getDefault(), '83da3d70-7857-4392-b876-c4592a304bc9', { name: 'New Name' });\n * ```\n */\nexport var updateTemplate = function (endpoint, templateId, params) {\n    return endpoint.api //\n        .put(\"/templates/\".concat(templateId), params)\n        .then(function (r) { return r.data; });\n};\n/**\n * Search for templates matching various criteria.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const {result, page, total} = await Templates.search((VerdocsEndpoint.getDefault(), { ... });\n * ```\n */\nexport var searchTemplates = function (endpoint, params) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .post('/templates/search', params)\n                .then(function (r) { return r.data; })];\n    });\n}); };\n/**\n * Get a summary of template data, typically used to populate admin panel dashboard pages.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const summary = await Templates.getSummary((VerdocsEndpoint.getDefault(), 0);\n * ```\n */\nexport var getSummary = function (endpoint, params) {\n    if (params === void 0) { params = {}; }\n    return __awaiter(void 0, void 0, void 0, function () {\n        return __generator(this, function (_a) {\n            return [2 /*return*/, endpoint.api //\n                    .post('/templates/summary', params)\n                    .then(function (r) { return r.data; })];\n        });\n    });\n};\n"]}
+{"version":3,"sources":["node_modules/@verdocs/js-sdk/Templates/Templates.js"],"names":["getTemplates","endpoint","params","api","post","then","r","data","getTemplate","templateId","get","concat","createTemplate"],"mappings":"AAsDU,IAACA,aAAe,SAAUC,EAAUC,GAC1C,OAAOD,EAASE,IACXC,KAAK,aAAc,CAAEF,OAAQA,IAC7BG,MAAK,SAAUC,GAAK,OAAOA,EAAEC,SAW5B,IAACC,YAAc,SAAUP,EAAUQ,GACzC,OAAOR,EAASE,IACXO,IAAI,cAAcC,OAAOF,IACzBJ,MAAK,SAAUC,GAAK,OAAOA,EAAEC,SAyB5B,IAACK,eAAiB,SAAUX,EAAUC,GAC5C,OAAOD,EAASE,IACXC,KAAK,cAAeF,GACpBG,MAAK,SAAUC,GAAK,OAAOA,EAAEC","sourcesContent":["/**\n * A Template defines how a Verdocs signing flow will be performed, including attachments, signing fields, and\n * recipients.\n *\n * @module\n */\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n/**\n * Get all templates accessible by the caller, with optional filters.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * await Templates.getTemplates((VerdocsEndpoint.getDefault());\n * await Templates.getTemplates((VerdocsEndpoint.getDefault(), { is_starred: true });\n * await Templates.getTemplates((VerdocsEndpoint.getDefault(), { is_creator: true });\n * await Templates.getTemplates((VerdocsEndpoint.getDefault(), { is_organization: true });\n * ```\n */\nexport var getTemplates = function (endpoint, params) {\n    return endpoint.api //\n        .post('/templates', { params: params })\n        .then(function (r) { return r.data; });\n};\n/**\n * Get one template by its ID.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const template = await Templates.getTemplate((VerdocsEndpoint.getDefault(), '83da3d70-7857-4392-b876-c4592a304bc9');\n * ```\n */\nexport var getTemplate = function (endpoint, templateId) {\n    return endpoint.api //\n        .get(\"/templates/\".concat(templateId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Get owner information for a template.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const template = await Templates.getTemplateOwnerInfo((VerdocsEndpoint.getDefault(), '83da3d70-7857-4392-b876-c4592a304bc9');\n * ```\n */\nexport var getTemplateOwnerInfo = function (endpoint, templateId) {\n    return endpoint.api //\n        .get(\"/templates/\".concat(templateId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Create a template.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const newTemplate = await Templates.createTemplate((VerdocsEndpoint.getDefault(), {...});\n * ```\n */\nexport var createTemplate = function (endpoint, params) {\n    return endpoint.api //\n        .post('/templates/', params)\n        .then(function (r) { return r.data; });\n};\n/**\n * Update a template.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const updatedTemplate = await Templates.updateTemplate((VerdocsEndpoint.getDefault(), '83da3d70-7857-4392-b876-c4592a304bc9', { name: 'New Name' });\n * ```\n */\nexport var updateTemplate = function (endpoint, templateId, params) {\n    return endpoint.api //\n        .put(\"/templates/\".concat(templateId), params)\n        .then(function (r) { return r.data; });\n};\n/**\n * Delete a template.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * await Templates.deleteTemplate((VerdocsEndpoint.getDefault(), '83da3d70-7857-4392-b876-c4592a304bc9');\n * ```\n */\nexport var deleteTemplate = function (endpoint, templateId) {\n    return endpoint.api //\n        .delete(\"/templates/\".concat(templateId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Search for templates matching various criteria.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const {result, page, total} = await Templates.search((VerdocsEndpoint.getDefault(), { ... });\n * ```\n */\nexport var searchTemplates = function (endpoint, params) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .post('/templates/search', params)\n                .then(function (r) { return r.data; })];\n    });\n}); };\n/**\n * Get a summary of template data, typically used to populate admin panel dashboard pages.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const summary = await Templates.getSummary((VerdocsEndpoint.getDefault(), 0);\n * ```\n */\nexport var getSummary = function (endpoint, params) {\n    if (params === void 0) { params = {}; }\n    return __awaiter(void 0, void 0, void 0, function () {\n        return __generator(this, function (_a) {\n            return [2 /*return*/, endpoint.api //\n                    .post('/templates/summary', params)\n                    .then(function (r) { return r.data; })];\n        });\n    });\n};\n"]}

package/dist/esm-es5/loader.js

@@ -1,2 +1,2 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-aadbff90.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,d){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["verdocs-build",[[0,"verdocs-build",{endpoint:[16],templateId:[1,"template-id"],step:[32],pdfUrl:[32],template:[32]}]]],["verdocs-sign",[[0,"verdocs-sign",{endpoint:[16],documentId:[1,"document-id"],roleId:[1,"role-id"],inviteCode:[1,"invite-code"],recipient:[32],signerToken:[32],pdfUrl:[32],recipientIndex:[32],document:[32],fields:[32],hasSignature:[32],nextButtonLabel:[32],focusedField:[32]}]]],["verdocs-field-initial",[[0,"verdocs-field-initial",{field:[16],recipient:[16],disabled:[4],initials:[1],editable:[4],moveable:[4],roleindex:[2],tempInitials:[32],focusField:[64]}]]],["verdocs-auth",[[0,"verdocs-auth",{endpoint:[16],visible:[4],logo:[1],debug:[4],isAuthenticated:[32],displayMode:[32],username:[32],password:[32],loggingIn:[32],activeSession:[32],loginError:[32]}]]],["verdocs-field-date",[[0,"verdocs-field-date",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],containerId:[32],focusField:[64]}]]],["verdocs-field-textarea",[[0,"verdocs-field-textarea",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["verdocs-field-textbox",[[0,"verdocs-field-textbox",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["verdocs-field-timestamp",[[0,"verdocs-field-timestamp",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["verdocs-preview",[[0,"verdocs-preview",{endpoint:[16],templateId:[1,"template-id"],pdfUrl:[32],template:[32]}]]],["verdocs-search",[[0,"verdocs-search",{endpoint:[16]}]]],["verdocs-contact-picker",[[0,"verdocs-contact-picker",{endpoint:[16],templateRole:[16],contactSuggestions:[16],name:[32],email:[32],phone:[32],message:[32],showSuggestions:[32],showMessage:[32],delegator:[32]}]]],["verdocs-send",[[0,"verdocs-send",{endpoint:[16],templateId:[1,"template-id"],template:[32],pdfUrl:[32],containerId:[32],rolesAtLevel:[32],showPickerForId:[32],sessionContacts:[32],recipientsAssigned:[32]}]]],["verdocs-field-attachment",[[0,"verdocs-field-attachment",{field:[16],recipient:[16],disabled:[4],focusField:[64]}]]],["verdocs-kba-dialog",[[0,"verdocs-kba-dialog",{step:[2],steps:[2],helptitle:[1],helptext:[1],mode:[1],label:[1],placeholder:[1],choices:[16],open:[4],response:[32]}]]],["verdocs-field-dropdown",[[0,"verdocs-field-dropdown",{field:[16],recipient:[16],disabled:[4],focused:[32],focusField:[64]}]]],["verdocs-field-payment",[[0,"verdocs-field-payment",{field:[16],recipient:[16],disabled:[4],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"],focused:[4],signed:[4],preparedMessage:[32],signatureUrl:[32]}]]],["verdocs-organization-card",[[0,"verdocs-organization-card",{organization:[16]}]]],["verdocs-search-tabs",[[0,"verdocs-search-tabs",{selected:[32]}]]],["verdocs-status-indicator",[[0,"verdocs-status-indicator",{size:[1],theme:[1],status:[1],document:[16],isOpen:[32],recipientStatusIcons:[32],containerId:[32]}]]],["verdocs-template-card",[[0,"verdocs-template-card",{template:[16]}]]],["verdocs-template-tags",[[0,"verdocs-template-tags",{tags:[16]}]]],["verdocs-toggle",[[0,"verdocs-toggle",{options:[16],theme:[1],selectedOption:[32]}]]],["verdocs-initial-dialog",[[0,"verdocs-initial-dialog",{initials:[1],open:[4],fontLoaded:[32],enteredInitials:[32],mode:[32]}]]],["verdocs-ok-dialog",[[0,"verdocs-ok-dialog",{heading:[1],message:[1],open:[4],cancel:[4]}]]],["verdocs-upload-dialog",[[0,"verdocs-upload-dialog",{open:[4],draggingOver:[32],decodedFiles:[32]}]]],["verdocs-checkbox",[[0,"verdocs-checkbox",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["verdocs-toggle-button",[[0,"verdocs-toggle-button",{active:[4],icon:[1],label:[1],size:[1],_active:[32]}]]],["verdocs-dropdown_3",[[0,"verdocs-dropdown",{options:[16],open:[4],isOpen:[32]}],[0,"verdocs-field-checkbox",{field:[16],recipient:[16],option:[2],disabled:[4]}],[0,"verdocs-field-radio-button",{field:[16],recipient:[16],option:[2],disabled:[4]}]]],["verdocs-quick-functions_3",[[0,"verdocs-quick-functions",{endpoint:[16]}],[0,"verdocs-search-activity",{endpoint:[16],type:[1],options:[8],emptyMessage:[32],authFailure:[32],title:[32],recent:[32],saved:[32],starred:[32]}],[0,"verdocs-search-box",{endpoint:[16],placeholder:[1],type:[1],query:[1],grabsFocus:[4,"grabs-focus"],focusField:[64]}]]],["verdocs-radio-button",[[0,"verdocs-radio-button",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["verdocs-button",[[0,"verdocs-button",{label:[1],startIcon:[1,"start-icon"],endIcon:[1,"end-icon"],size:[1],type:[1],variant:[1],disabled:[4]}]]],["verdocs-help-icon_2",[[0,"verdocs-template-sender-dialog",{value:[1],open:[4],newValue:[32]}],[0,"verdocs-help-icon",{text:[1],containerId:[32]}]]],["verdocs-field-signature_3",[[0,"verdocs-field-signature",{field:[16],name:[1],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],tempSignature:[32],focusField:[64]}],[0,"verdocs-toolbar-icon",{text:[1],icon:[1],containerId:[32]}],[0,"verdocs-signature-dialog",{name:[1],open:[4],fontLoaded:[32],enteredName:[32],mode:[32]}]]],["verdocs-document-page_3",[[0,"verdocs-view",{endpoint:[16],rotation:[2],pageLayers:[16],source:[1],loadProgress:[32],numPages:[32]}],[0,"verdocs-document-page",{pageNumber:[2,"page-number"],virtualWidth:[2,"virtual-width"],virtualHeight:[2,"virtual-height"],layers:[16],containerId:[32],renderedWidth:[32],renderedHeight:[32],skipFirstNotification:[32]}],[0,"verdocs-loader"]]],["verdocs-button-panel_3",[[4,"verdocs-button-panel",{icon:[1]}],[0,"verdocs-select-input",{value:[1],label:[1],options:[16],disabled:[4],_value:[32]}],[0,"verdocs-text-input",{value:[1],label:[1],placeholder:[1],autocomplete:[1],type:[1],disabled:[4],_value:[32]}]]],["verdocs-template-create_4",[[0,"verdocs-template-fields",{endpoint:[16],templateId:[1,"template-id"],pdfUrl:[32],template:[32]}],[0,"verdocs-template-properties",{endpoint:[16],templateRole:[16],sendReminders:[32]}],[0,"verdocs-template-recipients",{endpoint:[16],templateRole:[16],contactSuggestions:[16],name:[32],email:[32],phone:[32],message:[32],showSuggestions:[32],showMessage:[32],delegator:[32],sender:[32],showingSenderDialog:[32],orderedRoles:[32]}],[0,"verdocs-template-create",{endpoint:[16],file:[32]}]]]],d)}))};export{defineCustomElements};
+import{p as promiseResolve,b as bootstrapLazy}from"./index-aadbff90.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,d){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["verdocs-build",[[0,"verdocs-build",{endpoint:[16],templateId:[1,"template-id"],step:[32],pdfUrl:[32],template:[32]}]]],["verdocs-sign",[[0,"verdocs-sign",{endpoint:[16],documentId:[1,"document-id"],roleId:[1,"role-id"],inviteCode:[1,"invite-code"],recipient:[32],signerToken:[32],pdfUrl:[32],recipientIndex:[32],document:[32],fields:[32],hasSignature:[32],nextButtonLabel:[32],focusedField:[32]}]]],["verdocs-field-initial",[[0,"verdocs-field-initial",{field:[16],recipient:[16],disabled:[4],initials:[1],editable:[4],moveable:[4],roleindex:[2],tempInitials:[32],focusField:[64]}]]],["verdocs-auth",[[0,"verdocs-auth",{endpoint:[16],visible:[4],logo:[1],debug:[4],isAuthenticated:[32],displayMode:[32],username:[32],password:[32],loggingIn:[32],activeSession:[32],loginError:[32]}]]],["verdocs-field-date",[[0,"verdocs-field-date",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],containerId:[32],focusField:[64]}]]],["verdocs-field-textarea",[[0,"verdocs-field-textarea",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["verdocs-field-textbox",[[0,"verdocs-field-textbox",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["verdocs-field-timestamp",[[0,"verdocs-field-timestamp",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["verdocs-preview",[[0,"verdocs-preview",{endpoint:[16],templateId:[1,"template-id"],pdfUrl:[32],template:[32]}]]],["verdocs-search",[[0,"verdocs-search",{endpoint:[16]}]]],["verdocs-contact-picker",[[0,"verdocs-contact-picker",{endpoint:[16],templateRole:[16],contactSuggestions:[16],name:[32],email:[32],phone:[32],message:[32],showSuggestions:[32],showMessage:[32],delegator:[32]}]]],["verdocs-send",[[0,"verdocs-send",{endpoint:[16],templateId:[1,"template-id"],template:[32],pdfUrl:[32],containerId:[32],rolesAtLevel:[32],showPickerForId:[32],sessionContacts:[32],recipientsAssigned:[32]}]]],["verdocs-field-attachment",[[0,"verdocs-field-attachment",{field:[16],recipient:[16],disabled:[4],focusField:[64]}]]],["verdocs-kba-dialog",[[0,"verdocs-kba-dialog",{step:[2],steps:[2],helptitle:[1],helptext:[1],mode:[1],label:[1],placeholder:[1],choices:[16],open:[4],response:[32]}]]],["verdocs-field-dropdown",[[0,"verdocs-field-dropdown",{field:[16],recipient:[16],disabled:[4],focused:[32],focusField:[64]}]]],["verdocs-field-payment",[[0,"verdocs-field-payment",{field:[16],recipient:[16],disabled:[4],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"],focused:[4],signed:[4],preparedMessage:[32],signatureUrl:[32]}]]],["verdocs-organization-card",[[0,"verdocs-organization-card",{organization:[16]}]]],["verdocs-search-tabs",[[0,"verdocs-search-tabs",{selected:[32]}]]],["verdocs-status-indicator",[[0,"verdocs-status-indicator",{size:[1],theme:[1],status:[1],document:[16],isOpen:[32],recipientStatusIcons:[32],containerId:[32]}]]],["verdocs-template-card",[[0,"verdocs-template-card",{template:[16]}]]],["verdocs-template-tags",[[0,"verdocs-template-tags",{tags:[16]}]]],["verdocs-toggle",[[0,"verdocs-toggle",{options:[16],theme:[1],selectedOption:[32]}]]],["verdocs-initial-dialog",[[0,"verdocs-initial-dialog",{initials:[1],open:[4],fontLoaded:[32],enteredInitials:[32],mode:[32]}]]],["verdocs-ok-dialog",[[0,"verdocs-ok-dialog",{heading:[1],message:[1],open:[4],cancel:[4]}]]],["verdocs-upload-dialog",[[0,"verdocs-upload-dialog",{open:[4],draggingOver:[32],decodedFiles:[32]}]]],["verdocs-checkbox",[[0,"verdocs-checkbox",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["verdocs-toggle-button",[[0,"verdocs-toggle-button",{active:[4],icon:[1],label:[1],size:[1],_active:[32]}]]],["verdocs-dropdown_3",[[0,"verdocs-dropdown",{options:[16],open:[4],isOpen:[32]}],[0,"verdocs-field-checkbox",{field:[16],recipient:[16],option:[2],disabled:[4]}],[0,"verdocs-field-radio-button",{field:[16],recipient:[16],option:[2],disabled:[4]}]]],["verdocs-quick-functions_3",[[0,"verdocs-quick-functions",{endpoint:[16]}],[0,"verdocs-search-activity",{endpoint:[16],type:[1],options:[8],emptyMessage:[32],authFailure:[32],title:[32],recent:[32],saved:[32],starred:[32]}],[0,"verdocs-search-box",{endpoint:[16],placeholder:[1],type:[1],query:[1],grabsFocus:[4,"grabs-focus"],focusField:[64]}]]],["verdocs-radio-button",[[0,"verdocs-radio-button",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["verdocs-button",[[0,"verdocs-button",{label:[1],startIcon:[1,"start-icon"],endIcon:[1,"end-icon"],size:[1],type:[1],variant:[1],disabled:[4]}]]],["verdocs-help-icon_2",[[0,"verdocs-template-sender-dialog",{value:[1],open:[4],newValue:[32]}],[0,"verdocs-help-icon",{text:[1],containerId:[32]}]]],["verdocs-field-signature_3",[[0,"verdocs-field-signature",{field:[16],name:[1],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],tempSignature:[32],focusField:[64]}],[0,"verdocs-toolbar-icon",{text:[1],icon:[1],containerId:[32]}],[0,"verdocs-signature-dialog",{name:[1],open:[4],fontLoaded:[32],enteredName:[32],mode:[32]}]]],["verdocs-document-page_3",[[0,"verdocs-view",{endpoint:[16],rotation:[2],pageLayers:[16],source:[1],loadProgress:[32],numPages:[32]}],[0,"verdocs-document-page",{pageNumber:[2,"page-number"],virtualWidth:[2,"virtual-width"],virtualHeight:[2,"virtual-height"],layers:[16],containerId:[32],renderedWidth:[32],renderedHeight:[32],skipFirstNotification:[32]}],[0,"verdocs-loader"]]],["verdocs-button-panel_3",[[4,"verdocs-button-panel",{icon:[1]}],[0,"verdocs-select-input",{value:[1],label:[1],options:[16],disabled:[4],_value:[32]}],[0,"verdocs-text-input",{value:[1],label:[1],placeholder:[1],autocomplete:[1],type:[1],disabled:[4],_value:[32]}]]],["verdocs-template-create_4",[[0,"verdocs-template-fields",{endpoint:[16],templateId:[1,"template-id"],pdfUrl:[32],template:[32]}],[0,"verdocs-template-properties",{endpoint:[16],templateId:[1,"template-id"],template:[32],name:[32],sendReminders:[32],firstReminderDays:[32],reminderDays:[32]}],[0,"verdocs-template-recipients",{endpoint:[16],templateRole:[16],contactSuggestions:[16],name:[32],email:[32],phone:[32],message:[32],showSuggestions:[32],showMessage:[32],delegator:[32],sender:[32],showingSenderDialog:[32],orderedRoles:[32]}],[0,"verdocs-template-create",{endpoint:[16],file:[32]}]]]],d)}))};export{defineCustomElements};
 //# sourceMappingURL=loader.js.map

package/dist/esm-es5/loader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["node_modules/@stencil/core/internal/client/patch-esm.js","@lazy-external-entrypoint?app-data=conditional"],"names":["patchEsm","promiseResolve","defineCustomElements","win","options","window","Promise","resolve","then","bootstrapLazy","endpoint","templateId","step","pdfUrl","template","documentId","roleId","inviteCode","recipient","signerToken","recipientIndex","document","fields","hasSignature","nextButtonLabel","focusedField","field","disabled","initials","editable","moveable","roleindex","tempInitials","focusField","visible","logo","debug","isAuthenticated","displayMode","username","password","loggingIn","activeSession","loginError","focused","containerId","templateRole","contactSuggestions","name","email","phone","message","showSuggestions","showMessage","delegator","rolesAtLevel","showPickerForId","sessionContacts","recipientsAssigned","steps","helptitle","helptext","mode","label","placeholder","choices","open","response","pageNum","roleName","fieldId","recipients","selectedRoleName","pdfPages","currentSignature","currentSignatureId","currentInitial","currentInitialId","signed","preparedMessage","signatureUrl","organization","selected","size","theme","status","isOpen","recipientStatusIcons","tags","selectedOption","fontLoaded","enteredInitials","heading","cancel","draggingOver","decodedFiles","checked","value","active","icon","_active","option","type","emptyMessage","authFailure","title","recent","saved","starred","query","grabsFocus","startIcon","endIcon","variant","newValue","text","tempSignature","enteredName","rotation","pageLayers","source","loadProgress","numPages","pageNumber","virtualWidth","virtualHeight","layers","renderedWidth","renderedHeight","skipFirstNotification","_value","autocomplete","sendReminders","sender","showingSenderDialog","orderedRoles","file"],"mappings":"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","sourcesContent":["/*\n Stencil Client Patch Esm v2.20.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD } from '@stencil/core/internal/app-data';\nimport { CSS, plt, win, promiseResolve } from '@stencil/core';\nconst patchEsm = () => {\n    // NOTE!! This fn cannot use async/await!\n    // @ts-ignore\n    if (BUILD.cssVarShim && !(CSS && CSS.supports && CSS.supports('color', 'var(--c)'))) {\n        // @ts-ignore\n        return import(/* webpackChunkName: \"polyfills-css-shim\" */ './css-shim.js').then(() => {\n            if ((plt.$cssShim$ = win.__cssshim)) {\n                return plt.$cssShim$.i();\n            }\n            else {\n                // for better minification\n                return 0;\n            }\n        });\n    }\n    return promiseResolve();\n};\nexport { patchEsm };\n","import { bootstrapLazy } from '@stencil/core';\nimport { patchEsm } from '@stencil/core/internal/client/patch-esm';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = (win, options) => {\n  if (typeof window === 'undefined') return Promise.resolve();\n  return patchEsm().then(() => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n  });\n};\n"]}
+{"version":3,"sources":["node_modules/@stencil/core/internal/client/patch-esm.js","@lazy-external-entrypoint?app-data=conditional"],"names":["patchEsm","promiseResolve","defineCustomElements","win","options","window","Promise","resolve","then","bootstrapLazy","endpoint","templateId","step","pdfUrl","template","documentId","roleId","inviteCode","recipient","signerToken","recipientIndex","document","fields","hasSignature","nextButtonLabel","focusedField","field","disabled","initials","editable","moveable","roleindex","tempInitials","focusField","visible","logo","debug","isAuthenticated","displayMode","username","password","loggingIn","activeSession","loginError","focused","containerId","templateRole","contactSuggestions","name","email","phone","message","showSuggestions","showMessage","delegator","rolesAtLevel","showPickerForId","sessionContacts","recipientsAssigned","steps","helptitle","helptext","mode","label","placeholder","choices","open","response","pageNum","roleName","fieldId","recipients","selectedRoleName","pdfPages","currentSignature","currentSignatureId","currentInitial","currentInitialId","signed","preparedMessage","signatureUrl","organization","selected","size","theme","status","isOpen","recipientStatusIcons","tags","selectedOption","fontLoaded","enteredInitials","heading","cancel","draggingOver","decodedFiles","checked","value","active","icon","_active","option","type","emptyMessage","authFailure","title","recent","saved","starred","query","grabsFocus","startIcon","endIcon","variant","newValue","text","tempSignature","enteredName","rotation","pageLayers","source","loadProgress","numPages","pageNumber","virtualWidth","virtualHeight","layers","renderedWidth","renderedHeight","skipFirstNotification","_value","autocomplete","sendReminders","firstReminderDays","reminderDays","sender","showingSenderDialog","orderedRoles","file"],"mappings":"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","sourcesContent":["/*\n Stencil Client Patch Esm v2.20.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD } from '@stencil/core/internal/app-data';\nimport { CSS, plt, win, promiseResolve } from '@stencil/core';\nconst patchEsm = () => {\n    // NOTE!! This fn cannot use async/await!\n    // @ts-ignore\n    if (BUILD.cssVarShim && !(CSS && CSS.supports && CSS.supports('color', 'var(--c)'))) {\n        // @ts-ignore\n        return import(/* webpackChunkName: \"polyfills-css-shim\" */ './css-shim.js').then(() => {\n            if ((plt.$cssShim$ = win.__cssshim)) {\n                return plt.$cssShim$.i();\n            }\n            else {\n                // for better minification\n                return 0;\n            }\n        });\n    }\n    return promiseResolve();\n};\nexport { patchEsm };\n","import { bootstrapLazy } from '@stencil/core';\nimport { patchEsm } from '@stencil/core/internal/client/patch-esm';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = (win, options) => {\n  if (typeof window === 'undefined') return Promise.resolve();\n  return patchEsm().then(() => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n  });\n};\n"]}

package/dist/esm-es5/verdocs-button-panel_3.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,H as Host,c as createEvent}from"./index-aadbff90.js";import{c as createPopper}from"./popper-f860750c.js";var verdocsButtonPanelCss='verdocs-button-panel{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-button-panel .icon{display:inline-block;cursor:pointer}verdocs-button-panel .icon svg{fill:#cccccc}verdocs-button-panel .icon:hover svg{fill:#ffffff}.verdocs-button-panel-content{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;display:none;background:#ffffff;color:#33364b;width:280px;font-weight:bold;padding:15px;font-size:14px;position:relative;border-radius:4px;z-index:10000}.verdocs-button-panel-content .arrow,.verdocs-button-panel-content .arrow::before{position:absolute;width:8px;height:8px;background:inherit}.verdocs-button-panel-content .arrow{visibility:hidden;top:-4px}.verdocs-button-panel-content .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.verdocs-button-panel-content[data-show]{display:block}.verdocs-button-panel-content[data-popper-placement^=top]>.arrow{bottom:-4px}.verdocs-button-panel-content[data-popper-placement^=bottom]>.arrow{top:-4px}.verdocs-button-panel-content[data-popper-placement^=left]>.arrow{right:-4px}.verdocs-button-panel-content[data-popper-placement^=right]>.arrow{left:-4px}.verdocs-button-panel-content h6{color:#092c4c;font-size:16px;font-weight:bold;margin:0 0 8px 0}.verdocs-button-panel-content form{margin:0;padding:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.verdocs-button-panel-content label{display:block;font-size:14px;font-weight:bold;margin:0 0 3px 0;color:#33364b}.verdocs-button-panel-content input{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:14px;margin:0 0 10px 0}';var VerdocsButtonPanel=function(){function e(e){registerInstance(this,e);this.showing=false;this.icon=""}e.prototype.componentDidRender=function(){document.body.appendChild(this.panelEl);if(this.popperInstance){this.popperInstance.destroy()}this.popperInstance=createPopper(this.iconEl,this.panelEl,{})};e.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}if(this.panelEl){this.panelEl.remove()}};e.prototype.toggle=function(e){var t=this;var o,n,i,l;e.stopPropagation();if(this.showing){(o=this.panelEl)===null||o===void 0?void 0:o.removeAttribute("data-show");(n=this.hiderEl)===null||n===void 0?void 0:n.remove();this.showing=false}else{(i=this.panelEl)===null||i===void 0?void 0:i.setAttribute("data-show","");(l=this.popperInstance)===null||l===void 0?void 0:l.update().catch((function(){}));this.showing=true;this.hiderEl=document.createElement("div");this.hiderEl.style.zIndex="100";this.hiderEl.style.position="absolute";this.hiderEl.style.top="0px";this.hiderEl.style.left="0px";this.hiderEl.style.right="0px";this.hiderEl.style.bottom="0px";this.hiderEl.onclick=function(e){return t.toggle(e)};document.body.appendChild(this.hiderEl)}};e.prototype.render=function(){var e=this;return h(Host,null,h("div",{class:"icon",innerHTML:this.icon,onClick:function(t){return e.toggle(t)},ref:function(t){return e.iconEl=t}}),h("div",{role:"tooltip",class:"verdocs-button-panel-content","data-popper-placement":"bottom",ref:function(t){return e.panelEl=t}},h("div",{"data-popper-arrow":"true",class:"arrow"}),h("slot",null)))};return e}();VerdocsButtonPanel.style=verdocsButtonPanelCss;var verdocsSelectInputCss='verdocs-select-input{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-select-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:16px;height:28px;padding:4px 12px}verdocs-select-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:focus{border:1px solid #7d88ff}verdocs-select-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}';var VerdocsSelectInput=function(){function e(e){registerInstance(this,e);this.fieldChange=createEvent(this,"fieldChange",7);this.value="";this.label="";this.options=undefined;this.disabled=false;this._value=""}e.prototype.componentWillLoad=function(){this._value=this.value};e.prototype.componentDidLoad=function(){};e.prototype.handleInput=function(e){var t;this._value=e.target.value;(t=this.fieldChange)===null||t===void 0?void 0:t.emit(e.target.value)};e.prototype.render=function(){var e=this;return h(Host,{class:"input-field"},h("label",null,this.label?h("div",{class:"input-label"},this.label+":"):h("div",null),h("select",{class:"input-element",disabled:this.disabled,onInput:function(t){return e.handleInput(t)}},this.options.map((function(t){return h("option",{value:t.value,selected:t.value===e.value},t.label)})))))};return e}();VerdocsSelectInput.style=verdocsSelectInputCss;var verdocsTextInputCss='verdocs-text-input{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-text-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:16px;height:28px;padding:4px 12px;outline:none}verdocs-text-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:focus{outline:1px solid #7d88ff}verdocs-text-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}';var VerdocsTextInput=function(){function e(e){registerInstance(this,e);this.value="";this.label="";this.placeholder="";this.autocomplete="";this.type="text";this.disabled=false;this._value=""}e.prototype.componentWillLoad=function(){this._value=this.value};e.prototype.componentDidLoad=function(){};e.prototype.handleInput=function(e){this._value=e.target.value};e.prototype.render=function(){var e=this;return h(Host,{class:"input-field"},h("label",null,this.label?h("div",{class:"input-label"},this.label+":"):h("div",null),h("input",{type:this.type,value:this._value,class:"input-element","data-lpignore":"true",disabled:this.disabled,placeholder:this.placeholder,autoComplete:this.autocomplete,onInput:function(t){return e.handleInput(t)}})))};return e}();VerdocsTextInput.style=verdocsTextInputCss;export{VerdocsButtonPanel as verdocs_button_panel,VerdocsSelectInput as verdocs_select_input,VerdocsTextInput as verdocs_text_input};
+import{r as registerInstance,h,H as Host,c as createEvent}from"./index-aadbff90.js";import{c as createPopper}from"./popper-f860750c.js";var verdocsButtonPanelCss='verdocs-button-panel{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-button-panel .icon{display:inline-block;cursor:pointer}verdocs-button-panel .icon svg{fill:#cccccc}verdocs-button-panel .icon:hover svg{fill:#ffffff}.verdocs-button-panel-content{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;display:none;background:#ffffff;color:#33364b;width:280px;font-weight:bold;padding:15px;font-size:14px;position:relative;border-radius:4px;z-index:10000}.verdocs-button-panel-content .arrow,.verdocs-button-panel-content .arrow::before{position:absolute;width:8px;height:8px;background:inherit}.verdocs-button-panel-content .arrow{visibility:hidden;top:-4px}.verdocs-button-panel-content .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.verdocs-button-panel-content[data-show]{display:block}.verdocs-button-panel-content[data-popper-placement^=top]>.arrow{bottom:-4px}.verdocs-button-panel-content[data-popper-placement^=bottom]>.arrow{top:-4px}.verdocs-button-panel-content[data-popper-placement^=left]>.arrow{right:-4px}.verdocs-button-panel-content[data-popper-placement^=right]>.arrow{left:-4px}.verdocs-button-panel-content h6{color:#092c4c;font-size:16px;font-weight:bold;margin:0 0 8px 0}.verdocs-button-panel-content form{margin:0;padding:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.verdocs-button-panel-content label{display:block;font-size:14px;font-weight:bold;margin:0 0 3px 0;color:#33364b}.verdocs-button-panel-content input{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:14px;margin:0 0 10px 0}';var VerdocsButtonPanel=function(){function e(e){registerInstance(this,e);this.showing=false;this.icon=""}e.prototype.componentDidRender=function(){document.body.appendChild(this.panelEl);if(this.popperInstance){this.popperInstance.destroy()}this.popperInstance=createPopper(this.iconEl,this.panelEl,{})};e.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}if(this.panelEl){this.panelEl.remove()}};e.prototype.toggle=function(e){var t=this;var o,n,i,l;e.stopPropagation();if(this.showing){(o=this.panelEl)===null||o===void 0?void 0:o.removeAttribute("data-show");(n=this.hiderEl)===null||n===void 0?void 0:n.remove();this.showing=false}else{(i=this.panelEl)===null||i===void 0?void 0:i.setAttribute("data-show","");(l=this.popperInstance)===null||l===void 0?void 0:l.update().catch((function(){}));this.showing=true;this.hiderEl=document.createElement("div");this.hiderEl.style.zIndex="100";this.hiderEl.style.position="absolute";this.hiderEl.style.top="0px";this.hiderEl.style.left="0px";this.hiderEl.style.right="0px";this.hiderEl.style.bottom="0px";this.hiderEl.onclick=function(e){return t.toggle(e)};document.body.appendChild(this.hiderEl)}};e.prototype.render=function(){var e=this;return h(Host,null,h("div",{class:"icon",innerHTML:this.icon,onClick:function(t){return e.toggle(t)},ref:function(t){return e.iconEl=t}}),h("div",{role:"tooltip",class:"verdocs-button-panel-content","data-popper-placement":"bottom",ref:function(t){return e.panelEl=t}},h("div",{"data-popper-arrow":"true",class:"arrow"}),h("slot",null)))};return e}();VerdocsButtonPanel.style=verdocsButtonPanelCss;var verdocsSelectInputCss='verdocs-select-input{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-select-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:16px;height:28px;padding:4px 12px}verdocs-select-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:focus{border:1px solid #7d88ff}verdocs-select-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}';var VerdocsSelectInput=function(){function e(e){registerInstance(this,e);this.fieldChange=createEvent(this,"fieldChange",7);this.value="";this.label="";this.options=undefined;this.disabled=false;this._value=""}e.prototype.componentWillLoad=function(){this._value=this.value};e.prototype.componentDidLoad=function(){};e.prototype.handleInput=function(e){var t;this._value=e.target.value;(t=this.fieldChange)===null||t===void 0?void 0:t.emit(e.target.value)};e.prototype.render=function(){var e=this;return h(Host,{class:"input-field"},h("label",null,this.label?h("div",{class:"input-label"},this.label+":"):h("div",null),h("select",{class:"input-element",disabled:this.disabled,onInput:function(t){return e.handleInput(t)}},this.options.map((function(t){return h("option",{value:t.value,selected:t.value===e.value},t.label)})))))};return e}();VerdocsSelectInput.style=verdocsSelectInputCss;var verdocsTextInputCss='verdocs-text-input{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-text-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:16px;height:28px;padding:4px 12px;outline:none}verdocs-text-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:focus{outline:1px solid #7d88ff}verdocs-text-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}';var VerdocsTextInput=function(){function e(e){registerInstance(this,e);this.value="";this.label="";this.placeholder="";this.autocomplete="";this.type="text";this.disabled=false;this._value=""}e.prototype.componentWillLoad=function(){};e.prototype.componentDidLoad=function(){};e.prototype.render=function(){return h(Host,{class:"input-field"},h("label",null,this.label?h("div",{class:"input-label"},this.label+":"):h("div",null),h("input",{type:this.type,value:this.value,class:"input-element","data-lpignore":"true",disabled:this.disabled,placeholder:this.placeholder,autoComplete:this.autocomplete})))};return e}();VerdocsTextInput.style=verdocsTextInputCss;export{VerdocsButtonPanel as verdocs_button_panel,VerdocsSelectInput as verdocs_select_input,VerdocsTextInput as verdocs_text_input};
 //# sourceMappingURL=verdocs-button-panel_3.entry.js.map

package/dist/esm-es5/verdocs-button-panel_3.entry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["src/components/controls/verdocs-button-panel/verdocs-button-panel.scss?tag=verdocs-button-panel","src/components/controls/verdocs-button-panel/verdocs-button-panel.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/controls/verdocs-text-input/verdocs-text-input.scss?tag=verdocs-text-input","src/components/controls/verdocs-text-input/verdocs-text-input.tsx"],"names":["verdocsButtonPanelCss","VerdocsButtonPanel","this","showing","prototype","componentDidRender","document","body","appendChild","panelEl","popperInstance","destroy","createPopper","iconEl","disconnectedCallback","remove","toggle","e","_this","stopPropagation","_a","removeAttribute","_b","hiderEl","_c","setAttribute","_d","update","catch","createElement","style","zIndex","position","top","left","right","bottom","onclick","render","h","Host","class","innerHTML","icon","onClick","ref","el","role","data-popper-placement","data-popper-arrow","verdocsSelectInputCss","VerdocsSelectInput","componentWillLoad","_value","value","componentDidLoad","handleInput","target","fieldChange","emit","label","disabled","onInput","options","map","option","selected","verdocsTextInputCss","VerdocsTextInput","type","data-lpignore","placeholder","autoComplete","autocomplete"],"mappings":"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","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-button-panel {\n  font-family: $verdocs-primary-font;\n  display: inline-block;\n\n  .icon {\n    display: inline-block;\n    cursor: pointer;\n\n    svg {\n      fill: $light-border-color;\n    }\n\n    &:hover {\n      svg {\n        fill: $verdocs-grey-4;\n      }\n    }\n  }\n}\n\n.verdocs-button-panel-content {\n  font-family: $verdocs-primary-font;\n  box-shadow: 0 0 10px 1px #999999;\n  display: none;\n  background: #ffffff;\n  color: $label-color;\n  width: 280px;\n  font-weight: bold;\n  padding: 15px;\n  font-size: 14px;\n  position: relative;\n  border-radius: 4px;\n  z-index: 10000;\n\n  .arrow,\n  .arrow::before {\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background: inherit;\n  }\n\n  .arrow {\n    visibility: hidden;\n    top: -4px;\n  }\n\n  .arrow::before {\n    visibility: visible;\n    content: '';\n    transform: rotate(45deg);\n  }\n\n  &[data-show] {\n    display: block;\n  }\n\n  &[data-popper-placement^='top'] > .arrow {\n    bottom: -4px;\n  }\n\n  &[data-popper-placement^='bottom'] > .arrow {\n    top: -4px;\n  }\n\n  &[data-popper-placement^='left'] > .arrow {\n    right: -4px;\n  }\n\n  &[data-popper-placement^='right'] > .arrow {\n    left: -4px;\n  }\n\n  h6 {\n    color: $verdocs-grey-0;\n    font-size: 16px;\n    font-weight: bold;\n    margin: 0 0 8px 0;\n  }\n\n  form {\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n  }\n\n  label {\n    display: block;\n    font-size: 14px;\n    font-weight: bold;\n    margin: 0 0 3px 0;\n    color: $verdocs-grey-1;\n  }\n\n  input {\n    flex: 1;\n    height: 34px;\n    display: flex;\n    font-size: 14px;\n    margin: 0 0 10px 0;\n  }\n}\n","import {createPopper, Instance} from '@popperjs/core';\nimport {Component, h, Host, Prop} from '@stencil/core';\n\n/**\n * Displays a clickable icon. When clicked, a customizable drop-down panel will be displayed.\n */\n@Component({\n  tag: 'verdocs-button-panel',\n  styleUrl: 'verdocs-button-panel.scss',\n  shadow: false,\n})\nexport class VerdocsButtonPanel {\n  iconEl: HTMLDivElement;\n  panelEl: HTMLDivElement;\n  hiderEl?: HTMLDivElement;\n  popperInstance: Instance;\n\n  /**\n   * SVG icon to display\n   */\n  @Prop() icon: string = '';\n\n  componentDidRender() {\n    document.body.appendChild(this.panelEl);\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n    }\n\n    this.popperInstance = createPopper(this.iconEl, this.panelEl, {\n      // placement: 'top-end',\n      // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n\n    if (this.panelEl) {\n      this.panelEl.remove();\n    }\n  }\n\n  showing = false;\n  toggle(e: any) {\n    e.stopPropagation();\n\n    if (this.showing) {\n      this.panelEl?.removeAttribute('data-show');\n      this.hiderEl?.remove();\n      this.showing = false;\n    } else {\n      this.panelEl?.setAttribute('data-show', '');\n      this.popperInstance?.update().catch(() => {});\n      this.showing = true;\n\n      this.hiderEl = document.createElement('div');\n      this.hiderEl.style.zIndex = '100';\n      this.hiderEl.style.position = 'absolute';\n      this.hiderEl.style.top = '0px';\n      this.hiderEl.style.left = '0px';\n      this.hiderEl.style.right = '0px';\n      this.hiderEl.style.bottom = '0px';\n      this.hiderEl.onclick = (e: any) => this.toggle(e);\n      document.body.appendChild(this.hiderEl);\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"icon\" innerHTML={this.icon} onClick={(e: any) => this.toggle(e)} ref={el => (this.iconEl = el)} />\n        <div role=\"tooltip\" class=\"verdocs-button-panel-content\" data-popper-placement=\"bottom\" ref={el => (this.panelEl = el as HTMLDivElement)}>\n          <div data-popper-arrow=\"true\" class=\"arrow\" />\n          <slot />\n        </div>\n      </Host>\n    );\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    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: 28px;\n    padding: 4px 12px;\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, State, Host, h, Event, EventEmitter} 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 emmit.\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  @State() _value: string = '';\n\n  /**\n   * Event fired when the selection has changed\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  componentWillLoad() {\n    this._value = this.value;\n  }\n\n  componentDidLoad() {}\n\n  handleInput(e: any) {\n    this._value = e.target.value;\n    this.fieldChange?.emit(e.target.value);\n  }\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} onInput={e => this.handleInput(e)}>\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-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: 28px;\n    padding: 4px 12px;\n    outline: none;\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","import {Component, Prop, State, 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 emmit.\n */\n@Component({\n  tag: 'verdocs-text-input',\n  styleUrl: 'verdocs-text-input.scss',\n})\nexport class VerdocsTextInput {\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 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   * 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  @State() _value: string = '';\n\n  componentWillLoad() {\n    this._value = this.value;\n  }\n\n  componentDidLoad() {}\n\n  handleInput(e: any) {\n    this._value = e.target.value;\n  }\n\n  render() {\n    return (\n      <Host class=\"input-field\">\n        <label>\n          {this.label ? <div class=\"input-label\">{this.label + ':'}</div> : <div />}\n          <input\n            type={this.type}\n            value={this._value}\n            class=\"input-element\"\n            data-lpignore=\"true\"\n            disabled={this.disabled}\n            placeholder={this.placeholder}\n            autoComplete={this.autocomplete}\n            onInput={e => this.handleInput(e)}\n          />\n        </label>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["src/components/controls/verdocs-button-panel/verdocs-button-panel.scss?tag=verdocs-button-panel","src/components/controls/verdocs-button-panel/verdocs-button-panel.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/controls/verdocs-text-input/verdocs-text-input.scss?tag=verdocs-text-input","src/components/controls/verdocs-text-input/verdocs-text-input.tsx"],"names":["verdocsButtonPanelCss","VerdocsButtonPanel","this","showing","prototype","componentDidRender","document","body","appendChild","panelEl","popperInstance","destroy","createPopper","iconEl","disconnectedCallback","remove","toggle","e","_this","stopPropagation","_a","removeAttribute","_b","hiderEl","_c","setAttribute","_d","update","catch","createElement","style","zIndex","position","top","left","right","bottom","onclick","render","h","Host","class","innerHTML","icon","onClick","ref","el","role","data-popper-placement","data-popper-arrow","verdocsSelectInputCss","VerdocsSelectInput","componentWillLoad","_value","value","componentDidLoad","handleInput","target","fieldChange","emit","label","disabled","onInput","options","map","option","selected","verdocsTextInputCss","VerdocsTextInput","type","data-lpignore","placeholder","autoComplete","autocomplete"],"mappings":"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","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-button-panel {\n  font-family: $verdocs-primary-font;\n  display: inline-block;\n\n  .icon {\n    display: inline-block;\n    cursor: pointer;\n\n    svg {\n      fill: $light-border-color;\n    }\n\n    &:hover {\n      svg {\n        fill: $verdocs-grey-4;\n      }\n    }\n  }\n}\n\n.verdocs-button-panel-content {\n  font-family: $verdocs-primary-font;\n  box-shadow: 0 0 10px 1px #999999;\n  display: none;\n  background: #ffffff;\n  color: $label-color;\n  width: 280px;\n  font-weight: bold;\n  padding: 15px;\n  font-size: 14px;\n  position: relative;\n  border-radius: 4px;\n  z-index: 10000;\n\n  .arrow,\n  .arrow::before {\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background: inherit;\n  }\n\n  .arrow {\n    visibility: hidden;\n    top: -4px;\n  }\n\n  .arrow::before {\n    visibility: visible;\n    content: '';\n    transform: rotate(45deg);\n  }\n\n  &[data-show] {\n    display: block;\n  }\n\n  &[data-popper-placement^='top'] > .arrow {\n    bottom: -4px;\n  }\n\n  &[data-popper-placement^='bottom'] > .arrow {\n    top: -4px;\n  }\n\n  &[data-popper-placement^='left'] > .arrow {\n    right: -4px;\n  }\n\n  &[data-popper-placement^='right'] > .arrow {\n    left: -4px;\n  }\n\n  h6 {\n    color: $verdocs-grey-0;\n    font-size: 16px;\n    font-weight: bold;\n    margin: 0 0 8px 0;\n  }\n\n  form {\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n  }\n\n  label {\n    display: block;\n    font-size: 14px;\n    font-weight: bold;\n    margin: 0 0 3px 0;\n    color: $verdocs-grey-1;\n  }\n\n  input {\n    flex: 1;\n    height: 34px;\n    display: flex;\n    font-size: 14px;\n    margin: 0 0 10px 0;\n  }\n}\n","import {createPopper, Instance} from '@popperjs/core';\nimport {Component, h, Host, Prop} from '@stencil/core';\n\n/**\n * Displays a clickable icon. When clicked, a customizable drop-down panel will be displayed.\n */\n@Component({\n  tag: 'verdocs-button-panel',\n  styleUrl: 'verdocs-button-panel.scss',\n  shadow: false,\n})\nexport class VerdocsButtonPanel {\n  iconEl: HTMLDivElement;\n  panelEl: HTMLDivElement;\n  hiderEl?: HTMLDivElement;\n  popperInstance: Instance;\n\n  /**\n   * SVG icon to display\n   */\n  @Prop() icon: string = '';\n\n  componentDidRender() {\n    document.body.appendChild(this.panelEl);\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n    }\n\n    this.popperInstance = createPopper(this.iconEl, this.panelEl, {\n      // placement: 'top-end',\n      // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n\n    if (this.panelEl) {\n      this.panelEl.remove();\n    }\n  }\n\n  showing = false;\n  toggle(e: any) {\n    e.stopPropagation();\n\n    if (this.showing) {\n      this.panelEl?.removeAttribute('data-show');\n      this.hiderEl?.remove();\n      this.showing = false;\n    } else {\n      this.panelEl?.setAttribute('data-show', '');\n      this.popperInstance?.update().catch(() => {});\n      this.showing = true;\n\n      this.hiderEl = document.createElement('div');\n      this.hiderEl.style.zIndex = '100';\n      this.hiderEl.style.position = 'absolute';\n      this.hiderEl.style.top = '0px';\n      this.hiderEl.style.left = '0px';\n      this.hiderEl.style.right = '0px';\n      this.hiderEl.style.bottom = '0px';\n      this.hiderEl.onclick = (e: any) => this.toggle(e);\n      document.body.appendChild(this.hiderEl);\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"icon\" innerHTML={this.icon} onClick={(e: any) => this.toggle(e)} ref={el => (this.iconEl = el)} />\n        <div role=\"tooltip\" class=\"verdocs-button-panel-content\" data-popper-placement=\"bottom\" ref={el => (this.panelEl = el as HTMLDivElement)}>\n          <div data-popper-arrow=\"true\" class=\"arrow\" />\n          <slot />\n        </div>\n      </Host>\n    );\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    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: 28px;\n    padding: 4px 12px;\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, State, Host, h, Event, EventEmitter} 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 emmit.\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  @State() _value: string = '';\n\n  /**\n   * Event fired when the selection has changed\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  componentWillLoad() {\n    this._value = this.value;\n  }\n\n  componentDidLoad() {}\n\n  handleInput(e: any) {\n    this._value = e.target.value;\n    this.fieldChange?.emit(e.target.value);\n  }\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} onInput={e => this.handleInput(e)}>\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-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: 28px;\n    padding: 4px 12px;\n    outline: none;\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","import {Component, Prop, State, 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 emmit.\n */\n@Component({\n  tag: 'verdocs-text-input',\n  styleUrl: 'verdocs-text-input.scss',\n})\nexport class VerdocsTextInput {\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 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   * 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  @State() _value: string = '';\n\n  componentWillLoad() {\n    // this._value = this.value;\n  }\n\n  componentDidLoad() {}\n\n  // handleInput(e: any) {\n  //   this._value = e.target.value;\n  // }\n\n  render() {\n    return (\n      <Host class=\"input-field\">\n        <label>\n          {this.label ? <div class=\"input-label\">{this.label + ':'}</div> : <div />}\n          <input\n            type={this.type}\n            value={this.value}\n            class=\"input-element\"\n            data-lpignore=\"true\"\n            disabled={this.disabled}\n            placeholder={this.placeholder}\n            autoComplete={this.autocomplete}\n            // onInput={e => this.handleInput(e)}\n          />\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/esm-es5/verdocs-dropdown_3.entry.js

@@ -1,2 +1,2 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var o,t=1,i=arguments.length;t<i;t++){o=arguments[t];for(var r in o)if(Object.prototype.hasOwnProperty.call(o,r))e[r]=o[r]}return e};return __assign.apply(this,arguments)};var __spreadArray=this&&this.__spreadArray||function(e,o,t){if(t||arguments.length===2)for(var i=0,r=o.length,n;i<r;i++){if(n||!(i in o)){if(!n)n=Array.prototype.slice.call(o,0,i);n[i]=o[i]}}return e.concat(n||Array.prototype.slice.call(o))};import{r as registerInstance,c as createEvent,h,H as Host}from"./index-aadbff90.js";import{c as createPopper}from"./popper-f860750c.js";import{g as getFieldSettings}from"./utils-3f23facc.js";var SortDown='<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#50BE80"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 10l5 5 5-5H7z"/></svg>\n';var verdocsDropdownCss='verdocs-dropdown{font-family:"Barlow", sans-serif;display:block}verdocs-dropdown .arrow{width:32px;height:26px;background:#fff;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;border:1px solid #cccccc;-ms-flex-pack:center;justify-content:center}verdocs-dropdown .arrow svg{fill:#55bc81;-webkit-transition:0.3s;transition:0.3s}verdocs-dropdown .items{width:200px;display:none;z-index:10000;border-radius:5px;background:#33354c;border:1px solid #654dcb}verdocs-dropdown .items[data-show]{display:block}verdocs-dropdown .option{width:100%;color:#fff;border:none;display:block;text-align:left;background:none;padding:10px 20px}verdocs-dropdown .option:hover{cursor:pointer;background:#55bc81}verdocs-dropdown .option[disabled]{color:#aaaaaa}verdocs-dropdown .option[disabled]:hover{color:#aaaaaa;cursor:inherit;background:transparent}verdocs-dropdown.open .items{display:block}verdocs-dropdown.open .arrow{background:#4c56cb;border:1px solid #707ae5}verdocs-dropdown.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1);fill:#fff}';var VerdocsDropdown=function(){function e(e){registerInstance(this,e);this.optionSelected=createEvent(this,"optionSelected",7);this.options=[];this.open=undefined;this.isOpen=undefined}e.prototype.componentWillLoad=function(){this.isOpen=!!this.open};e.prototype.componentDidLoad=function(){this.popper=createPopper(this.dropdownButton,this.dropdownMenu,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,6]}}]})};e.prototype.handleSelectOption=function(e){this.isOpen=false;this.optionSelected.emit(e);this.hide()};e.prototype.showDropdown=function(){var e,o;this.isOpen=true;this.dropdownMenu.setAttribute("data-show","");this.dropdownMenu.removeAttribute("aria-hidden");(e=this.popper)===null||e===void 0?void 0:e.setOptions((function(e){return __assign(__assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:true}],false)})}));(o=this.popper)===null||o===void 0?void 0:o.update()};e.prototype.handleHideDropdown=function(e){var o,t;if(((o=e===null||e===void 0?void 0:e.target)===null||o===void 0?void 0:o.localName)==="button"&&((t=e===null||e===void 0?void 0:e.target)===null||t===void 0?void 0:t.className)==="arrow"){return}this.hide()};e.prototype.toggleDropdown=function(){if(this.isOpen){this.hide()}else{this.showDropdown()}};e.prototype.hide=function(){var e;this.isOpen=false;this.dropdownMenu.removeAttribute("data-show");this.dropdownMenu.setAttribute("aria-hidden","true");(e=this.popper)===null||e===void 0?void 0:e.setOptions((function(e){return __assign(__assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:false}],false)})}))};e.prototype.render=function(){var e=this;var o;return h(Host,{class:{storybook:!!(window===null||window===void 0?void 0:window["STORYBOOK_ENV"]),open:!!this.isOpen}},h("button",{class:"arrow",innerHTML:SortDown,"aria-label":"Open Menu",onClick:function(){return e.toggleDropdown()},onBlur:function(o){return e.handleHideDropdown(o)},ref:function(o){return e.dropdownButton=o}}),h("div",{class:"items","aria-hidden":!this.open,ref:function(o){return e.dropdownMenu=o}},(o=this.options)===null||o===void 0?void 0:o.map((function(o){return h("button",{onClick:function(){return e.handleSelectOption(o)},class:"option",disabled:o.disabled},o.label)}))))};return e}();VerdocsDropdown.style=verdocsDropdownCss;var verdocsFieldCheckboxCss='@charset "UTF-8";verdocs-field-checkbox{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-checkbox.disabled{opacity:0.5}verdocs-field-checkbox label>input[type=checkbox]{display:none}verdocs-field-checkbox label>input[type=checkbox]+*::before{content:"";position:absolute;display:block;top:1px;left:1px;width:10px;height:10px;border-radius:2px;background:#f5f5fa;border:1px solid rgba(0, 0, 0, 0.7)}verdocs-field-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-field-checkbox label>input[type=checkbox]:checked+*::before{content:"✓";color:white;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-field-checkbox.required label>input[type=checkbox]+*::before{border:1px solid #cc0000}verdocs-field-checkbox.hide{display:none}verdocs-field-checkbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';var VerdocsFieldCheckbox=function(){function e(e){registerInstance(this,e);this.fieldChange=createEvent(this,"fieldChange",7);this.field=null;this.recipient=undefined;this.option=0;this.disabled=false}e.prototype.handleChange=function(e){this.fieldChange.emit({option:this.option,value:e.target.checked})};e.prototype.render=function(){var e=this;var o,t,i,r;var n=getFieldSettings(this.field);var d=(t=(o=n.options)===null||o===void 0?void 0:o[this.option])!==null&&t!==void 0?t:{checked:false};var s=(r=(i=this.disabled)!==null&&i!==void 0?i:n.disabled)!==null&&r!==void 0?r:false;return h(Host,{class:{required:n.required,disabled:s}},h("label",null,h("input",{type:"checkbox",tabIndex:n.order,checked:d.checked,disabled:s,required:n.required,onChange:function(o){return e.handleChange(o)}}),h("span",null)))};return e}();VerdocsFieldCheckbox.style=verdocsFieldCheckboxCss;var verdocsFieldRadioButtonCss='verdocs-field-radio-button{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:14px;height:14px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio-button.disabled{opacity:0.5}verdocs-field-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-field-radio-button input[type=radio]+label:before{content:"";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:10px;height:10px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-field-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-field-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-field-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-field-radio-button.hide{display:none}verdocs-field-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';var VerdocsFieldRadioButton=function(){function e(e){registerInstance(this,e);this.fieldChange=createEvent(this,"fieldChange",7);this.field=null;this.recipient=undefined;this.option=0;this.disabled=false}e.prototype.handleChange=function(e){console.log("changed",e);this.fieldChange.emit({option:this.option,value:e.target.checked})};e.prototype.render=function(){var e=this;var o,t;var i=getFieldSettings(this.field);var r=(t=(o=this.disabled)!==null&&o!==void 0?o:i.disabled)!==null&&t!==void 0?t:false;return h(Host,{class:{required:i.required,disabled:r}},h("input",{type:"radio",tabIndex:i.order,value:i.value,name:i.name,id:"".concat(i.name,"=").concat(i.value),checked:i.checked,disabled:r,required:i.required,onChange:function(o){return e.handleChange(o)}}),h("label",{htmlFor:"".concat(i.name,"=").concat(i.value)}))};return e}();VerdocsFieldRadioButton.style=verdocsFieldRadioButtonCss;export{VerdocsDropdown as verdocs_dropdown,VerdocsFieldCheckbox as verdocs_field_checkbox,VerdocsFieldRadioButton as verdocs_field_radio_button};
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var o,t=1,i=arguments.length;t<i;t++){o=arguments[t];for(var r in o)if(Object.prototype.hasOwnProperty.call(o,r))e[r]=o[r]}return e};return __assign.apply(this,arguments)};var __spreadArray=this&&this.__spreadArray||function(e,o,t){if(t||arguments.length===2)for(var i=0,r=o.length,n;i<r;i++){if(n||!(i in o)){if(!n)n=Array.prototype.slice.call(o,0,i);n[i]=o[i]}}return e.concat(n||Array.prototype.slice.call(o))};import{r as registerInstance,c as createEvent,h,H as Host}from"./index-aadbff90.js";import{c as createPopper}from"./popper-f860750c.js";import{g as getFieldSettings}from"./utils-3f23facc.js";var SortDown='<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#50BE80"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 10l5 5 5-5H7z"/></svg>\n';var verdocsDropdownCss='verdocs-dropdown{font-family:"Barlow", sans-serif;display:block}verdocs-dropdown .arrow{width:32px;height:26px;background:#fff;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;border:1px solid #cccccc;-ms-flex-pack:center;justify-content:center}verdocs-dropdown .arrow svg{fill:#55bc81;-webkit-transition:0.3s;transition:0.3s}verdocs-dropdown .items{width:200px;display:none;z-index:10000;border-radius:5px;background:#33354c;border:1px solid #654dcb}verdocs-dropdown .items[data-show]{display:block}verdocs-dropdown .option{width:100%;color:#fff;border:none;display:block;text-align:left;background:none;padding:10px 20px}verdocs-dropdown .option:hover{cursor:pointer;background:#55bc81}verdocs-dropdown .option[disabled]{color:#aaaaaa}verdocs-dropdown .option[disabled]:hover{color:#aaaaaa;cursor:inherit;background:transparent}verdocs-dropdown.open .items{display:block}verdocs-dropdown.open .arrow{background:#4c56cb;border:1px solid #707ae5}verdocs-dropdown.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1);fill:#fff}';var VerdocsDropdown=function(){function e(e){registerInstance(this,e);this.optionSelected=createEvent(this,"optionSelected",7);this.options=[];this.open=undefined;this.isOpen=undefined}e.prototype.componentWillLoad=function(){this.isOpen=!!this.open};e.prototype.componentDidLoad=function(){this.popper=createPopper(this.dropdownButton,this.dropdownMenu,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,6]}}]})};e.prototype.handleSelectOption=function(e,o){e.stopPropagation();this.isOpen=false;this.optionSelected.emit(o);this.hide()};e.prototype.showDropdown=function(){var e,o;this.isOpen=true;this.dropdownMenu.setAttribute("data-show","");this.dropdownMenu.removeAttribute("aria-hidden");(e=this.popper)===null||e===void 0?void 0:e.setOptions((function(e){return __assign(__assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:true}],false)})}));(o=this.popper)===null||o===void 0?void 0:o.update()};e.prototype.handleHideDropdown=function(e){var o,t;if(((o=e===null||e===void 0?void 0:e.target)===null||o===void 0?void 0:o.localName)==="button"&&((t=e===null||e===void 0?void 0:e.target)===null||t===void 0?void 0:t.className)==="arrow"){return}this.hide()};e.prototype.toggleDropdown=function(e){e.stopPropagation();if(this.isOpen){this.hide()}else{this.showDropdown()}};e.prototype.hide=function(){var e;this.isOpen=false;this.dropdownMenu.removeAttribute("data-show");this.dropdownMenu.setAttribute("aria-hidden","true");(e=this.popper)===null||e===void 0?void 0:e.setOptions((function(e){return __assign(__assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:false}],false)})}))};e.prototype.render=function(){var e=this;var o;return h(Host,{class:{storybook:!!(window===null||window===void 0?void 0:window["STORYBOOK_ENV"]),open:!!this.isOpen}},h("button",{class:"arrow",innerHTML:SortDown,"aria-label":"Open Menu",onClick:function(o){return e.toggleDropdown(o)},onBlur:function(o){return e.handleHideDropdown(o)},ref:function(o){return e.dropdownButton=o}}),h("div",{class:"items","aria-hidden":!this.open,ref:function(o){return e.dropdownMenu=o}},(o=this.options)===null||o===void 0?void 0:o.map((function(o){return h("button",{onClick:function(t){return e.handleSelectOption(t,o)},class:"option",disabled:o.disabled},o.label)}))))};return e}();VerdocsDropdown.style=verdocsDropdownCss;var verdocsFieldCheckboxCss='@charset "UTF-8";verdocs-field-checkbox{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-checkbox.disabled{opacity:0.5}verdocs-field-checkbox label>input[type=checkbox]{display:none}verdocs-field-checkbox label>input[type=checkbox]+*::before{content:"";position:absolute;display:block;top:1px;left:1px;width:10px;height:10px;border-radius:2px;background:#f5f5fa;border:1px solid rgba(0, 0, 0, 0.7)}verdocs-field-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-field-checkbox label>input[type=checkbox]:checked+*::before{content:"✓";color:white;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-field-checkbox.required label>input[type=checkbox]+*::before{border:1px solid #cc0000}verdocs-field-checkbox.hide{display:none}verdocs-field-checkbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';var VerdocsFieldCheckbox=function(){function e(e){registerInstance(this,e);this.fieldChange=createEvent(this,"fieldChange",7);this.field=null;this.recipient=undefined;this.option=0;this.disabled=false}e.prototype.handleChange=function(e){this.fieldChange.emit({option:this.option,value:e.target.checked})};e.prototype.render=function(){var e=this;var o,t,i,r;var n=getFieldSettings(this.field);var d=(t=(o=n.options)===null||o===void 0?void 0:o[this.option])!==null&&t!==void 0?t:{checked:false};var s=(r=(i=this.disabled)!==null&&i!==void 0?i:n.disabled)!==null&&r!==void 0?r:false;return h(Host,{class:{required:n.required,disabled:s}},h("label",null,h("input",{type:"checkbox",tabIndex:n.order,checked:d.checked,disabled:s,required:n.required,onChange:function(o){return e.handleChange(o)}}),h("span",null)))};return e}();VerdocsFieldCheckbox.style=verdocsFieldCheckboxCss;var verdocsFieldRadioButtonCss='verdocs-field-radio-button{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:14px;height:14px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio-button.disabled{opacity:0.5}verdocs-field-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-field-radio-button input[type=radio]+label:before{content:"";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:10px;height:10px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-field-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-field-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-field-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-field-radio-button.hide{display:none}verdocs-field-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';var VerdocsFieldRadioButton=function(){function e(e){registerInstance(this,e);this.fieldChange=createEvent(this,"fieldChange",7);this.field=null;this.recipient=undefined;this.option=0;this.disabled=false}e.prototype.handleChange=function(e){console.log("changed",e);this.fieldChange.emit({option:this.option,value:e.target.checked})};e.prototype.render=function(){var e=this;var o,t;var i=getFieldSettings(this.field);var r=(t=(o=this.disabled)!==null&&o!==void 0?o:i.disabled)!==null&&t!==void 0?t:false;return h(Host,{class:{required:i.required,disabled:r}},h("input",{type:"radio",tabIndex:i.order,value:i.value,name:i.name,id:"".concat(i.name,"=").concat(i.value),checked:i.checked,disabled:r,required:i.required,onChange:function(o){return e.handleChange(o)}}),h("label",{htmlFor:"".concat(i.name,"=").concat(i.value)}))};return e}();VerdocsFieldRadioButton.style=verdocsFieldRadioButtonCss;export{VerdocsDropdown as verdocs_dropdown,VerdocsFieldCheckbox as verdocs_field_checkbox,VerdocsFieldRadioButton as verdocs_field_radio_button};
 //# sourceMappingURL=verdocs-dropdown_3.entry.js.map

package/dist/esm-es5/verdocs-dropdown_3.entry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["src/components/controls/verdocs-dropdown/verdocs-dropdown.scss?tag=verdocs-dropdown","src/components/controls/verdocs-dropdown/verdocs-dropdown.tsx","src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.scss?tag=verdocs-field-checkbox","src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.tsx","src/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.scss?tag=verdocs-field-radio-button","src/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.tsx"],"names":["verdocsDropdownCss","VerdocsDropdown","class_1","prototype","componentWillLoad","this","isOpen","open","componentDidLoad","popper","createPopper","dropdownButton","dropdownMenu","placement","modifiers","name","options","offset","handleSelectOption","option","optionSelected","emit","hide","showDropdown","setAttribute","removeAttribute","_a","setOptions","__assign","__spreadArray","enabled","_b","update","handleHideDropdown","e","target","localName","className","toggleDropdown","render","_this","h","Host","class","storybook","window","innerHTML","SortDown","aria-label","onClick","onBlur","ref","el","aria-hidden","map","disabled","label","verdocsFieldCheckboxCss","VerdocsFieldCheckbox","handleChange","fieldChange","value","checked","settings","getFieldSettings","field","_d","_c","required","type","tabIndex","order","onChange","verdocsFieldRadioButtonCss","VerdocsFieldRadioButton","console","log","id","concat","htmlFor"],"mappings":"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","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-dropdown {\n  font-family: $primary-font;\n  display: block;\n\n  .arrow {\n    width: 32px;\n    height: 26px;\n    background: #fff;\n    cursor: pointer;\n    border-radius: 4px;\n    align-items: center;\n    display: inline-flex;\n    border: 1px solid $light-border-color;\n    justify-content: center;\n  }\n\n  .arrow svg {\n    fill: $primary-color;\n    transition: 0.3s;\n  }\n\n  .items {\n    width: 200px;\n    display: none;\n    z-index: 10000;\n    border-radius: 5px;\n    background: $medium-bg;\n    border: 1px solid $item-border-color;\n  }\n\n  .items[data-show] {\n    display: block;\n  }\n\n  .option {\n    width: 100%;\n    color: #fff;\n    border: none;\n    display: block;\n    text-align: left;\n    background: none;\n    padding: 10px 20px;\n  }\n\n  .option:hover {\n    cursor: pointer;\n    background: $primary-color;\n  }\n\n  .option[disabled] {\n    color: $light-disabled-color;\n  }\n\n  .option[disabled]:hover {\n    color: $light-disabled-color;\n    cursor: inherit;\n    background: transparent;\n  }\n\n  &.open {\n    .items {\n      display: block;\n    }\n\n    .arrow {\n      background: $secondary-color;\n      border: 1px solid $border-color;\n    }\n\n    .arrow svg {\n      transform: scaleY(-1);\n      fill: #fff;\n    }\n  }\n}\n","import {Host} from '@stencil/core';\nimport {createPopper, Instance} from '@popperjs/core';\nimport {Component, Prop, State, h, Event, EventEmitter} from '@stencil/core';\nimport SortDown from './down-arrow.svg';\n\nexport interface IMenuOption {\n  label: string;\n  id?: any;\n  faIcon?: any;\n  disabled?: boolean;\n}\n\n/**\n * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden\n * when the button is pressed again, or an option is selected.\n */\n@Component({\n  tag: 'verdocs-dropdown',\n  styleUrl: 'verdocs-dropdown.scss',\n})\nexport class VerdocsDropdown {\n  private dropdownButton?: HTMLButtonElement;\n  private dropdownMenu?: HTMLDivElement;\n  private popper?: Instance;\n\n  /**\n   * The menu options to display.\n   */\n  @Prop() options: IMenuOption[] = [];\n\n  /**\n   * If set, the component will be open by default. This is primarily intended to be used for testing.\n   */\n  @Prop() open: boolean;\n\n  /**\n   * If set, the component will be open by default.\n   */\n  @State() isOpen: boolean;\n\n  /**\n   * Event fired when a menu option is clicked.\n   * Web Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.\n   */\n  @Event({composed: true}) optionSelected: EventEmitter<IMenuOption>;\n\n  componentWillLoad() {\n    this.isOpen = !!this.open;\n  }\n\n  componentDidLoad() {\n    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, {placement: 'bottom-start', modifiers: [{name: 'offset', options: {offset: [0, 6]}}]});\n  }\n\n  handleSelectOption(option: IMenuOption) {\n    this.isOpen = false;\n    this.optionSelected.emit(option);\n    this.hide();\n  }\n\n  // See https://popper.js.org/docs/v2/tutorial/\n  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists\n  showDropdown() {\n    this.isOpen = true;\n    this.dropdownMenu.setAttribute('data-show', '');\n    this.dropdownMenu.removeAttribute('aria-hidden');\n\n    this.popper?.setOptions(options => ({\n      ...options,\n      modifiers: [...options.modifiers, {name: 'eventListeners', enabled: true}],\n    }));\n\n    this.popper?.update();\n  }\n\n  handleHideDropdown(e: any) {\n    if (e?.target?.localName === 'button' && e?.target?.className === 'arrow') {\n      // This event is fired when a menu element is clicked because the button \"loses focus\" then too\n      return;\n    }\n\n    this.hide();\n  }\n\n  toggleDropdown() {\n    if (this.isOpen) {\n      this.hide();\n    } else {\n      this.showDropdown();\n    }\n  }\n\n  hide() {\n    this.isOpen = false;\n    this.dropdownMenu.removeAttribute('data-show');\n    this.dropdownMenu.setAttribute('aria-hidden', 'true');\n    this.popper?.setOptions(options => ({\n      ...options,\n      modifiers: [...options.modifiers, {name: 'eventListeners', enabled: false}],\n    }));\n  }\n\n  render() {\n    return (\n      <Host class={{storybook: !!window?.['STORYBOOK_ENV'], open: !!this.isOpen}}>\n        <button\n          class=\"arrow\"\n          innerHTML={SortDown}\n          aria-label=\"Open Menu\"\n          onClick={() => this.toggleDropdown()}\n          onBlur={e => this.handleHideDropdown(e)}\n          ref={el => (this.dropdownButton = el as HTMLButtonElement)}\n        />\n\n        <div class=\"items\" aria-hidden={!this.open} ref={el => (this.dropdownMenu = el as HTMLDivElement)}>\n          {this.options?.map(option => (\n            <button onClick={() => this.handleSelectOption(option)} class=\"option\" disabled={option.disabled}>\n              {option.label}\n            </button>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\n// See https://www.kallmanation.com/styling-a-checkbox-with-only-css\nverdocs-field-checkbox {\n  font-family: $verdocs-primary-font;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  label > input[type='checkbox'] {\n    display: none;\n  }\n\n  label > input[type='checkbox'] + *::before {\n    content: '';\n    position: absolute;\n    display: block;\n    top: 1px;\n    left: 1px;\n    width: 10px;\n    height: 10px;\n    border-radius: 2px;\n    background: $verdocs-grey-3;\n    border: 1px solid rgba(0, 0, 0, 0.7);\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  &.required {\n    label > input[type='checkbox'] + *::before {\n      border: 1px solid $verdocs-red-1;\n    }\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField, IRecipient} from '@verdocs/js-sdk/Documents/Types';\nimport {Component, h, Host, Prop, Event, EventEmitter} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\n\n/**\n * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\n * input types like text and checkbox.\n */\n@Component({\n  tag: 'verdocs-field-checkbox',\n  styleUrl: 'verdocs-field-checkbox.scss',\n  shadow: false,\n})\nexport class VerdocsFieldCheckbox {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * The recipient completing the form, if known.\n   */\n  @Prop() recipient?: IRecipient;\n\n  /**\n   * The index of the settings option this particular checkbox is for\n   */\n  @Prop() option: number = 0;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<{option: number; value: boolean}>;\n\n  handleChange(e: any) {\n    this.fieldChange.emit({option: this.option, value: e.target.checked});\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const option = settings.options?.[this.option] ?? {checked: false};\n\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    return (\n      <Host class={{required: settings.required, disabled}}>\n        <label>\n          <input type=\"checkbox\" tabIndex={settings.order} checked={option.checked} disabled={disabled} required={settings.required} onChange={e => this.handleChange(e)} />\n          <span />\n        </label>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\n// See https://www.sliderrevolution.com/resources/styling-radio-buttons/\nverdocs-field-radio-button {\n  font-family: $verdocs-primary-font;\n  width: 14px;\n  height: 14px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n  border-radius: 100%;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  input[type='radio'] {\n    position: absolute;\n    opacity: 0;\n\n    + label {\n      &:before {\n        content: '';\n        background: $verdocs-grey-3;\n        border-radius: 100%;\n        border: 1px solid rgba(0, 0, 0, 0.6);\n        display: inline-block;\n        width: 10px;\n        height: 10px;\n        position: absolute;\n        left: 1px;\n        top: 1px;\n        cursor: pointer;\n        text-align: center;\n        transition: all 250ms ease;\n      }\n    }\n\n    &:checked {\n      + label {\n        &:before {\n          background-color: $verdocs-green;\n          box-shadow: inset 0 0 0 2px $verdocs-grey-3;\n        }\n      }\n    }\n\n    &:focus {\n      + label {\n        &:before {\n          outline: none;\n          border-color: $verdocs-green;\n        }\n      }\n    }\n\n    &:disabled {\n      + label {\n        &:before {\n          box-shadow: inset 0 0 0 4px $verdocs-grey-3;\n          border-color: darken($verdocs-grey-3, 25%);\n          background: darken($verdocs-grey-3, 25%);\n        }\n      }\n    }\n\n    + label {\n      &:empty {\n        &:before {\n          margin-right: 0;\n        }\n      }\n    }\n  }\n\n  &.required {\n    input[type='radio'] {\n      + label {\n        &:before {\n          border: 1px solid $verdocs-red-1;\n        }\n      }\n    }\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField, IRecipient} from '@verdocs/js-sdk/Documents/Types';\nimport {Component, h, Host, Prop, Event, EventEmitter} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\n\n/**\n * Displays a radio button.\n */\n@Component({\n  tag: 'verdocs-field-radio-button',\n  styleUrl: 'verdocs-field-radio-button.scss',\n  shadow: false,\n})\nexport class VerdocsFieldRadioButton {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * The recipient completing the form, if known.\n   */\n  @Prop() recipient?: IRecipient;\n\n  /**\n   * The index of the settings option this particular checkbox is for\n   */\n  @Prop() option: number = 0;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<{option: number; value: boolean}>;\n\n  handleChange(e: any) {\n    console.log('changed', e);\n    this.fieldChange.emit({option: this.option, value: e.target.checked});\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    return (\n      <Host class={{required: settings.required, disabled}}>\n        <input\n          type=\"radio\"\n          tabIndex={settings.order}\n          value={settings.value}\n          name={settings.name}\n          id={`${settings.name}=${settings.value}`}\n          checked={settings.checked}\n          disabled={disabled}\n          required={settings.required}\n          onChange={e => this.handleChange(e)}\n        />\n        <label htmlFor={`${settings.name}=${settings.value}`} />\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["src/components/controls/verdocs-dropdown/verdocs-dropdown.scss?tag=verdocs-dropdown","src/components/controls/verdocs-dropdown/verdocs-dropdown.tsx","src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.scss?tag=verdocs-field-checkbox","src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.tsx","src/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.scss?tag=verdocs-field-radio-button","src/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.tsx"],"names":["verdocsDropdownCss","VerdocsDropdown","class_1","prototype","componentWillLoad","this","isOpen","open","componentDidLoad","popper","createPopper","dropdownButton","dropdownMenu","placement","modifiers","name","options","offset","handleSelectOption","e","option","stopPropagation","optionSelected","emit","hide","showDropdown","setAttribute","removeAttribute","_a","setOptions","__assign","__spreadArray","enabled","_b","update","handleHideDropdown","target","localName","className","toggleDropdown","render","_this","h","Host","class","storybook","window","innerHTML","SortDown","aria-label","onClick","onBlur","ref","el","aria-hidden","map","disabled","label","verdocsFieldCheckboxCss","VerdocsFieldCheckbox","handleChange","fieldChange","value","checked","settings","getFieldSettings","field","_d","_c","required","type","tabIndex","order","onChange","verdocsFieldRadioButtonCss","VerdocsFieldRadioButton","console","log","id","concat","htmlFor"],"mappings":"m3BAAA,IAAMA,mBAAqB,8lCCoBdC,gBAAe,wHAQO,6CAkBjCC,EAAAC,UAAAC,kBAAA,WACEC,KAAKC,SAAWD,KAAKE,MAGvBL,EAAAC,UAAAK,iBAAA,WACEH,KAAKI,OAASC,aAAaL,KAAKM,eAAgBN,KAAKO,aAAc,CAACC,UAAW,eAAgBC,UAAW,CAAC,CAACC,KAAM,SAAUC,QAAS,CAACC,OAAQ,CAAC,EAAG,SAGpJf,EAAAC,UAAAe,mBAAA,SAAmBC,EAAQC,GACzBD,EAAEE,kBACFhB,KAAKC,OAAS,MACdD,KAAKiB,eAAeC,KAAKH,GACzBf,KAAKmB,QAKPtB,EAAAC,UAAAsB,aAAA,mBACEpB,KAAKC,OAAS,KACdD,KAAKO,aAAac,aAAa,YAAa,IAC5CrB,KAAKO,aAAae,gBAAgB,gBAElCC,EAAAvB,KAAKI,UAAM,MAAAmB,SAAA,OAAA,EAAAA,EAAEC,YAAW,SAAAb,GAAO,OAAAc,SAAAA,SAAA,GAC1Bd,GAAO,CACVF,UAASiB,cAAAA,cAAA,GAAMf,EAAQF,UAAS,MAAA,CAAE,CAACC,KAAM,iBAAkBiB,QAAS,OAAK,aAG3EC,EAAA5B,KAAKI,UAAM,MAAAwB,SAAA,OAAA,EAAAA,EAAEC,UAGfhC,EAAAC,UAAAgC,mBAAA,SAAmBhB,WACjB,KAAIS,EAAAT,IAAC,MAADA,SAAC,OAAA,EAADA,EAAGiB,UAAM,MAAAR,SAAA,OAAA,EAAAA,EAAES,aAAc,YAAYJ,EAAAd,IAAC,MAADA,SAAC,OAAA,EAADA,EAAGiB,UAAM,MAAAH,SAAA,OAAA,EAAAA,EAAEK,aAAc,QAAS,CAEzE,OAGFjC,KAAKmB,QAGPtB,EAAAC,UAAAoC,eAAA,SAAepB,GACbA,EAAEE,kBAEF,GAAIhB,KAAKC,OAAQ,CACfD,KAAKmB,WACA,CACLnB,KAAKoB,iBAITvB,EAAAC,UAAAqB,KAAA,iBACEnB,KAAKC,OAAS,MACdD,KAAKO,aAAae,gBAAgB,aAClCtB,KAAKO,aAAac,aAAa,cAAe,SAC9CE,EAAAvB,KAAKI,UAAM,MAAAmB,SAAA,OAAA,EAAAA,EAAEC,YAAW,SAAAb,GAAO,OAAAc,SAAAA,SAAA,GAC1Bd,GAAO,CACVF,UAASiB,cAAAA,cAAA,GAAMf,EAAQF,UAAS,MAAA,CAAE,CAACC,KAAM,iBAAkBiB,QAAS,QAAM,aAI9E9B,EAAAC,UAAAqC,OAAA,WAAA,IAAAC,EAAApC,WACE,OACEqC,EAACC,KAAI,CAACC,MAAO,CAACC,aAAaC,SAAM,MAANA,cAAM,OAAA,EAANA,OAAS,kBAAkBvC,OAAQF,KAAKC,SACjEoC,EAAA,SAAA,CACEE,MAAM,QACNG,UAAWC,SAAQC,aACR,YACXC,QAAS,SAAA/B,GAAK,OAAAsB,EAAKF,eAAepB,IAClCgC,OAAQ,SAAAhC,GAAK,OAAAsB,EAAKN,mBAAmBhB,IACrCiC,IAAK,SAAAC,GAAE,OAAKZ,EAAK9B,eAAiB0C,KAGpCX,EAAA,MAAA,CAAKE,MAAM,QAAOU,eAAejD,KAAKE,KAAM6C,IAAK,SAAAC,GAAE,OAAKZ,EAAK7B,aAAeyC,KACzEzB,EAAAvB,KAAKW,WAAO,MAAAY,SAAA,OAAA,EAAAA,EAAE2B,KAAI,SAAAnC,GAAM,OACvBsB,EAAA,SAAA,CAAQQ,QAAS,SAAA/B,GAAK,OAAAsB,EAAKvB,mBAAmBC,EAAGC,IAASwB,MAAM,SAASY,SAAUpC,EAAOoC,UACvFpC,EAAOqC,sBApGM,4CCpB5B,IAAMC,wBAA0B,miCCcnBC,qBAAoB,gHAIyB,0CAU/B,gBAKI,MAS7BA,EAAAxD,UAAAyD,aAAA,SAAazC,GACXd,KAAKwD,YAAYtC,KAAK,CAACH,OAAQf,KAAKe,OAAQ0C,MAAO3C,EAAEiB,OAAO2B,WAG9DJ,EAAAxD,UAAAqC,OAAA,WAAA,IAAAC,EAAApC,iBACE,IAAM2D,EAAWC,iBAAiB5D,KAAK6D,OACvC,IAAM9C,GAASa,GAAAL,EAAAoC,EAAShD,WAAO,MAAAY,SAAA,OAAA,EAAAA,EAAGvB,KAAKe,WAAO,MAAAa,SAAA,EAAAA,EAAI,CAAC8B,QAAS,OAE5D,IAAMP,GAAWW,GAAAC,EAAA/D,KAAKmD,YAAQ,MAAAY,SAAA,EAAAA,EAAIJ,EAASR,YAAQ,MAAAW,SAAA,EAAAA,EAAI,MACvD,OACEzB,EAACC,KAAI,CAACC,MAAO,CAACyB,SAAUL,EAASK,SAAUb,SAAQA,IACjDd,EAAA,QAAA,KACEA,EAAA,QAAA,CAAO4B,KAAK,WAAWC,SAAUP,EAASQ,MAAOT,QAAS3C,EAAO2C,QAASP,SAAUA,EAAUa,SAAUL,EAASK,SAAUI,SAAU,SAAAtD,GAAK,OAAAsB,EAAKmB,aAAazC,MAC5JuB,EAAA,OAAA,kBAzCuB,sDCdjC,IAAMgC,2BAA6B,w/CCatBC,wBAAuB,gHAIsB,0CAU/B,gBAKI,MAS7BA,EAAAxE,UAAAyD,aAAA,SAAazC,GACXyD,QAAQC,IAAI,UAAW1D,GACvBd,KAAKwD,YAAYtC,KAAK,CAACH,OAAQf,KAAKe,OAAQ0C,MAAO3C,EAAEiB,OAAO2B,WAG9DY,EAAAxE,UAAAqC,OAAA,WAAA,IAAAC,EAAApC,aACE,IAAM2D,EAAWC,iBAAiB5D,KAAK6D,OACvC,IAAMV,GAAWvB,GAAAL,EAAAvB,KAAKmD,YAAQ,MAAA5B,SAAA,EAAAA,EAAIoC,EAASR,YAAQ,MAAAvB,SAAA,EAAAA,EAAI,MACvD,OACES,EAACC,KAAI,CAACC,MAAO,CAACyB,SAAUL,EAASK,SAAUb,SAAQA,IACjDd,EAAA,QAAA,CACE4B,KAAK,QACLC,SAAUP,EAASQ,MACnBV,MAAOE,EAASF,MAChB/C,KAAMiD,EAASjD,KACf+D,GAAI,GAAAC,OAAGf,EAASjD,KAAI,KAAAgE,OAAIf,EAASF,OACjCC,QAASC,EAASD,QAClBP,SAAUA,EACVa,SAAUL,EAASK,SACnBI,SAAU,SAAAtD,GAAK,OAAAsB,EAAKmB,aAAazC,MAEnCuB,EAAA,QAAA,CAAOsC,QAAS,GAAAD,OAAGf,EAASjD,KAAI,KAAAgE,OAAIf,EAASF,oBAjDjB","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-dropdown {\n  font-family: $primary-font;\n  display: block;\n\n  .arrow {\n    width: 32px;\n    height: 26px;\n    background: #fff;\n    cursor: pointer;\n    border-radius: 4px;\n    align-items: center;\n    display: inline-flex;\n    border: 1px solid $light-border-color;\n    justify-content: center;\n  }\n\n  .arrow svg {\n    fill: $primary-color;\n    transition: 0.3s;\n  }\n\n  .items {\n    width: 200px;\n    display: none;\n    z-index: 10000;\n    border-radius: 5px;\n    background: $medium-bg;\n    border: 1px solid $item-border-color;\n  }\n\n  .items[data-show] {\n    display: block;\n  }\n\n  .option {\n    width: 100%;\n    color: #fff;\n    border: none;\n    display: block;\n    text-align: left;\n    background: none;\n    padding: 10px 20px;\n  }\n\n  .option:hover {\n    cursor: pointer;\n    background: $primary-color;\n  }\n\n  .option[disabled] {\n    color: $light-disabled-color;\n  }\n\n  .option[disabled]:hover {\n    color: $light-disabled-color;\n    cursor: inherit;\n    background: transparent;\n  }\n\n  &.open {\n    .items {\n      display: block;\n    }\n\n    .arrow {\n      background: $secondary-color;\n      border: 1px solid $border-color;\n    }\n\n    .arrow svg {\n      transform: scaleY(-1);\n      fill: #fff;\n    }\n  }\n}\n","import {Host} from '@stencil/core';\nimport {createPopper, Instance} from '@popperjs/core';\nimport {Component, Prop, State, h, Event, EventEmitter} from '@stencil/core';\nimport SortDown from './down-arrow.svg';\n\nexport interface IMenuOption {\n  label: string;\n  id?: any;\n  faIcon?: any;\n  disabled?: boolean;\n}\n\n/**\n * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden\n * when the button is pressed again, or an option is selected.\n */\n@Component({\n  tag: 'verdocs-dropdown',\n  styleUrl: 'verdocs-dropdown.scss',\n})\nexport class VerdocsDropdown {\n  private dropdownButton?: HTMLButtonElement;\n  private dropdownMenu?: HTMLDivElement;\n  private popper?: Instance;\n\n  /**\n   * The menu options to display.\n   */\n  @Prop() options: IMenuOption[] = [];\n\n  /**\n   * If set, the component will be open by default. This is primarily intended to be used for testing.\n   */\n  @Prop() open: boolean;\n\n  /**\n   * If set, the component will be open by default.\n   */\n  @State() isOpen: boolean;\n\n  /**\n   * Event fired when a menu option is clicked.\n   * Web Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.\n   */\n  @Event({composed: true}) optionSelected: EventEmitter<IMenuOption>;\n\n  componentWillLoad() {\n    this.isOpen = !!this.open;\n  }\n\n  componentDidLoad() {\n    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, {placement: 'bottom-start', modifiers: [{name: 'offset', options: {offset: [0, 6]}}]});\n  }\n\n  handleSelectOption(e: any, option: IMenuOption) {\n    e.stopPropagation();\n    this.isOpen = false;\n    this.optionSelected.emit(option);\n    this.hide();\n  }\n\n  // See https://popper.js.org/docs/v2/tutorial/\n  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists\n  showDropdown() {\n    this.isOpen = true;\n    this.dropdownMenu.setAttribute('data-show', '');\n    this.dropdownMenu.removeAttribute('aria-hidden');\n\n    this.popper?.setOptions(options => ({\n      ...options,\n      modifiers: [...options.modifiers, {name: 'eventListeners', enabled: true}],\n    }));\n\n    this.popper?.update();\n  }\n\n  handleHideDropdown(e: any) {\n    if (e?.target?.localName === 'button' && e?.target?.className === 'arrow') {\n      // This event is fired when a menu element is clicked because the button \"loses focus\" then too\n      return;\n    }\n\n    this.hide();\n  }\n\n  toggleDropdown(e: any) {\n    e.stopPropagation();\n\n    if (this.isOpen) {\n      this.hide();\n    } else {\n      this.showDropdown();\n    }\n  }\n\n  hide() {\n    this.isOpen = false;\n    this.dropdownMenu.removeAttribute('data-show');\n    this.dropdownMenu.setAttribute('aria-hidden', 'true');\n    this.popper?.setOptions(options => ({\n      ...options,\n      modifiers: [...options.modifiers, {name: 'eventListeners', enabled: false}],\n    }));\n  }\n\n  render() {\n    return (\n      <Host class={{storybook: !!window?.['STORYBOOK_ENV'], open: !!this.isOpen}}>\n        <button\n          class=\"arrow\"\n          innerHTML={SortDown}\n          aria-label=\"Open Menu\"\n          onClick={e => this.toggleDropdown(e)}\n          onBlur={e => this.handleHideDropdown(e)}\n          ref={el => (this.dropdownButton = el as HTMLButtonElement)}\n        />\n\n        <div class=\"items\" aria-hidden={!this.open} ref={el => (this.dropdownMenu = el as HTMLDivElement)}>\n          {this.options?.map(option => (\n            <button onClick={e => this.handleSelectOption(e, option)} class=\"option\" disabled={option.disabled}>\n              {option.label}\n            </button>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\n// See https://www.kallmanation.com/styling-a-checkbox-with-only-css\nverdocs-field-checkbox {\n  font-family: $verdocs-primary-font;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  label > input[type='checkbox'] {\n    display: none;\n  }\n\n  label > input[type='checkbox'] + *::before {\n    content: '';\n    position: absolute;\n    display: block;\n    top: 1px;\n    left: 1px;\n    width: 10px;\n    height: 10px;\n    border-radius: 2px;\n    background: $verdocs-grey-3;\n    border: 1px solid rgba(0, 0, 0, 0.7);\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  &.required {\n    label > input[type='checkbox'] + *::before {\n      border: 1px solid $verdocs-red-1;\n    }\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField, IRecipient} from '@verdocs/js-sdk/Documents/Types';\nimport {Component, h, Host, Prop, Event, EventEmitter} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\n\n/**\n * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\n * input types like text and checkbox.\n */\n@Component({\n  tag: 'verdocs-field-checkbox',\n  styleUrl: 'verdocs-field-checkbox.scss',\n  shadow: false,\n})\nexport class VerdocsFieldCheckbox {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * The recipient completing the form, if known.\n   */\n  @Prop() recipient?: IRecipient;\n\n  /**\n   * The index of the settings option this particular checkbox is for\n   */\n  @Prop() option: number = 0;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<{option: number; value: boolean}>;\n\n  handleChange(e: any) {\n    this.fieldChange.emit({option: this.option, value: e.target.checked});\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const option = settings.options?.[this.option] ?? {checked: false};\n\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    return (\n      <Host class={{required: settings.required, disabled}}>\n        <label>\n          <input type=\"checkbox\" tabIndex={settings.order} checked={option.checked} disabled={disabled} required={settings.required} onChange={e => this.handleChange(e)} />\n          <span />\n        </label>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\n// See https://www.sliderrevolution.com/resources/styling-radio-buttons/\nverdocs-field-radio-button {\n  font-family: $verdocs-primary-font;\n  width: 14px;\n  height: 14px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n  border-radius: 100%;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  input[type='radio'] {\n    position: absolute;\n    opacity: 0;\n\n    + label {\n      &:before {\n        content: '';\n        background: $verdocs-grey-3;\n        border-radius: 100%;\n        border: 1px solid rgba(0, 0, 0, 0.6);\n        display: inline-block;\n        width: 10px;\n        height: 10px;\n        position: absolute;\n        left: 1px;\n        top: 1px;\n        cursor: pointer;\n        text-align: center;\n        transition: all 250ms ease;\n      }\n    }\n\n    &:checked {\n      + label {\n        &:before {\n          background-color: $verdocs-green;\n          box-shadow: inset 0 0 0 2px $verdocs-grey-3;\n        }\n      }\n    }\n\n    &:focus {\n      + label {\n        &:before {\n          outline: none;\n          border-color: $verdocs-green;\n        }\n      }\n    }\n\n    &:disabled {\n      + label {\n        &:before {\n          box-shadow: inset 0 0 0 4px $verdocs-grey-3;\n          border-color: darken($verdocs-grey-3, 25%);\n          background: darken($verdocs-grey-3, 25%);\n        }\n      }\n    }\n\n    + label {\n      &:empty {\n        &:before {\n          margin-right: 0;\n        }\n      }\n    }\n  }\n\n  &.required {\n    input[type='radio'] {\n      + label {\n        &:before {\n          border: 1px solid $verdocs-red-1;\n        }\n      }\n    }\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField, IRecipient} from '@verdocs/js-sdk/Documents/Types';\nimport {Component, h, Host, Prop, Event, EventEmitter} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\n\n/**\n * Displays a radio button.\n */\n@Component({\n  tag: 'verdocs-field-radio-button',\n  styleUrl: 'verdocs-field-radio-button.scss',\n  shadow: false,\n})\nexport class VerdocsFieldRadioButton {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * The recipient completing the form, if known.\n   */\n  @Prop() recipient?: IRecipient;\n\n  /**\n   * The index of the settings option this particular checkbox is for\n   */\n  @Prop() option: number = 0;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<{option: number; value: boolean}>;\n\n  handleChange(e: any) {\n    console.log('changed', e);\n    this.fieldChange.emit({option: this.option, value: e.target.checked});\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    return (\n      <Host class={{required: settings.required, disabled}}>\n        <input\n          type=\"radio\"\n          tabIndex={settings.order}\n          value={settings.value}\n          name={settings.name}\n          id={`${settings.name}=${settings.value}`}\n          checked={settings.checked}\n          disabled={disabled}\n          required={settings.required}\n          onChange={e => this.handleChange(e)}\n        />\n        <label htmlFor={`${settings.name}=${settings.value}`} />\n      </Host>\n    );\n  }\n}\n"]}