legalesign-document-viewer 0.1.0 → 0.1.2

package/dist/collection/components/ls-document-viewer/adapter/elementActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementActions.js","sourceRoot":"","sources":["../../../../src/components/ls-document-viewer/adapter/elementActions.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,MAAM,aAAa,GAAG,OAAO,CAAC,EAAE;IAC9B,OAAO;;;qBAGY,OAAO,CAAC,UAAU;YAC3B,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,EAAE;qBACD,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;;eAEzC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;cAC9B,OAAO,CAAC,IAAI;oBACN,OAAO,CAAC,UAAU;kBACpB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC;kBAChC,OAAO,CAAC,QAAQ;kBAChB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC;oBAC9B,OAAO,CAAC,UAAU;oBAClB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC;eACvC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;kBAC1B,OAAO,CAAC,QAAQ;iBACjB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;qBAC3B,OAAO,CAAC,WAAW;oBACpB,OAAO,CAAC,UAAU;eACvB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;eAC7B,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;gBAC5B,OAAO,CAAC,MAAM;qBACT,OAAO,CAAC,WAAW;oBACpB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC;IAClD,CAAC;AACL,CAAC,CAAC;AAEF,iCAAiC;AACjC,MAAM,aAAa,GAAG,OAAO,CAAC,EAAE;IAC9B,OAAO;;0BAEiB,OAAO,CAAC,EAAE;UAC1B,OAAO,CAAC,EAAE;UACV,OAAO,CAAC,EAAE;UACV,OAAO,CAAC,EAAE;UACV,OAAO,CAAC,EAAE;mBACD,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;aACzC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;YAC9B,OAAO,CAAC,IAAI;kBACN,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI;gBAChD,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC;gBAChC,OAAO,CAAC,QAAQ;iBACf,OAAO,CAAC,QAAQ;kBACf,OAAO,CAAC,UAAU;kBAClB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC;cACtC,OAAO,CAAC,KAAK;gBACX,OAAO,CAAC,QAAQ;eACjB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;;mBAE3B,OAAO,CAAC,WAAW;kBACpB,OAAO,CAAC,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU;cAC5D,OAAO,CAAC,KAAK;cACb,OAAO,CAAC,KAAK;cACb,OAAO,CAAC,MAAM;mBACT,OAAO,CAAC,WAAW;mBACnB,OAAO,CAAC,UAAU;EACnC,CAAC;AACH,CAAC,CAAC;AAEF,iCAAiC;AACjC,MAAM,aAAa,GAAG,GAAG,CAAC,EAAE;IAC1B,OAAO;;0BAEiB,GAAG,CAAC,EAAE;IAC5B,CAAC;AACL,CAAC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC","sourcesContent":["// Construct all mutations for a template element.\nconst createElement = element => {\n  return `\n  mutation AddField {\n    createTemplateElement(input: {\n      templateId: \"${element.templateId}\", \n      ax: ${element.ax}, \n      ay: ${element.ay}, \n      bx: ${element.bx}, \n      by: ${element.by}, \n      elementType: ${JSON.stringify(element.elementType)}, \n      role: \"1\",\n      label: ${JSON.stringify(element.label)}, \n      page: ${element.page}, \n      fieldOrder: ${element.fieldOrder}, \n      fontName: ${JSON.stringify(element.fontName)}, \n      fontSize: ${element.fontSize}, \n      helpText: ${JSON.stringify(element.helpText)}, \n      hideBorder: ${element.hideBorder}, \n      logicGroup: ${JSON.stringify(element.logicGroup)}, \n      mapTo: ${JSON.stringify(element.mapTo)}, \n      optional: ${element.optional}, \n      options: ${JSON.stringify(element.options)}, \n      substantive: ${element.substantive}, \n      validation: ${element.validation}, \n      value: ${JSON.stringify(element.value)}, \n      align: ${JSON.stringify(element.align)}, \n      signer: ${element.signer}, \n      logicAction: ${element.logicAction}, \n      labelExtra: ${JSON.stringify(element.labelExtra)}})\n  }`;\n};\n\n// Save any changes to an element\nconst updateElement = element => {\n  return `mutation ChangeField {\n  updateTemplateElement(input: {\n    templateElementId: \"${element.id}\", \n    ax: ${element.ax}, \n    ay: ${element.ay}, \n    bx: ${element.bx}, \n    by: ${element.by}, \n    elementType: ${JSON.stringify(element.elementType)}, \n    label: ${JSON.stringify(element.label)}, \n    page: ${element.page}, \n    fieldOrder: ${element.fieldOrder ? element.fieldOrder : null}, \n    fontName: ${JSON.stringify(element.fontName)}, \n    fontSize: ${element.fontSize}, \n    helpText: \"${element.helpText}\", \n    hideBorder: ${element.hideBorder}, \n    logicGroup: ${JSON.stringify(element.logicGroup)}, \n    mapTo: \"${element.mapTo}\", \n    optional: ${element.optional}, \n    options: ${JSON.stringify(element.options)}, \n    role: \"1\", \n    substantive: ${element.substantive}, \n    validation: ${element.validation === '0' ? 'null' : element.validation}, \n    value: \"${element.value}\", \n    align: \"${element.align}\", \n    signer: ${element.signer}, \n    logicAction: ${element.logicAction}, \n    labelExtra: \"${element.labelExtra}\"})\n}`;\n};\n\n// Save any changes to an element\nconst deleteElement = obj => {\n  return `mutation DeleteField {\n  deleteTemplateElement(input: {\n    templateElementId: \"${obj.id}\"})\n  }`;\n};\n\nexport { createElement, updateElement, deleteElement };\n"]}

package/dist/collection/components/ls-document-viewer/adapter/parameters.js

@@ -0,0 +1,16 @@
+////////////////////////////////////////////////////////////////////////
+/// Parameters used by the default platform (valid for UK/EU processing)
+/// https://docs.aws.amazon.com/appsync/latest/eventapi/event-api-websocket-protocol.html
+////////////////////////////////////////////////////////////////////////
+export const Parameters = {
+    endpoints: {
+        graphQL: "https://k2howlr3ynfy3lbx7oxz4qyrlq.appsync-api.eu-west-2.amazonaws.com/graphql",
+        wssHost: "dypxviim4zgwtpev7valhchaem.appsync-api.eu-west-2.amazonaws.com",
+        wssRealTime: 'wss://dypxviim4zgwtpev7valhchaem.appsync-realtime-api.eu-west-2.amazonaws.com/graphql'
+    },
+    buckets: {
+        region: "eu-west-2",
+        clearing: "lon-files-clearing",
+    },
+};
+//# sourceMappingURL=parameters.js.map

package/dist/collection/components/ls-document-viewer/adapter/parameters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parameters.js","sourceRoot":"","sources":["../../../../src/components/ls-document-viewer/adapter/parameters.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,wEAAwE;AACxE,yFAAyF;AACzF,wEAAwE;AACxE,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,SAAS,EAAE;QACT,OAAO,EACL,gFAAgF;QAClF,OAAO,EAAE,gEAAgE;QACzE,WAAW,EAAE,uFAAuF;KACrG;IACD,OAAO,EAAE;QACP,MAAM,EAAE,WAAW;QACnB,QAAQ,EAAE,oBAAoB;KAC/B;CACF,CAAC","sourcesContent":["////////////////////////////////////////////////////////////////////////\n/// Parameters used by the default platform (valid for UK/EU processing)\n/// https://docs.aws.amazon.com/appsync/latest/eventapi/event-api-websocket-protocol.html\n////////////////////////////////////////////////////////////////////////\nexport const Parameters = {\n  endpoints: {\n    graphQL:\n      \"https://k2howlr3ynfy3lbx7oxz4qyrlq.appsync-api.eu-west-2.amazonaws.com/graphql\",\n    wssHost: \"dypxviim4zgwtpev7valhchaem.appsync-api.eu-west-2.amazonaws.com\",\n    wssRealTime: 'wss://dypxviim4zgwtpev7valhchaem.appsync-realtime-api.eu-west-2.amazonaws.com/graphql'\n  },\n  buckets: {\n    region: \"eu-west-2\",\n    clearing: \"lon-files-clearing\",\n  },\n};\n\n"]}

package/dist/collection/components/ls-document-viewer/adapter/roleActions.js

@@ -0,0 +1,53 @@
+// Add a role
+const createRole = (role) => {
+    const newParent = role?.signerParent ? `"${role.signerParent}"` : 'null';
+    return `
+  mutation AddRole {
+    createTemplateRole(input: {
+      templateId: "${role.templateId}"       
+        signerIndex: ${role.signerIndex}
+        signerParent: ${newParent}
+        name: ${JSON.stringify(role.name)}
+        ordinal: ${role.ordinal}
+        roleType: ${role.roleType}
+        experience: "${role.experience}"
+     })
+  }`;
+};
+// Remove a role
+const deleteRole = (role) => {
+    return `
+    mutation removeRole {
+      deleteTemplateRole(input: {
+        templateRoleId: "${role.id}"       
+       })
+    }`;
+};
+// Save any changes to an role
+const updateRole = (role) => {
+    const newParent = role?.signerParent ? `"${role.signerParent}"` : 'null';
+    return `
+    mutation updateRole {
+      updateTemplateRole(input: {
+        templateRoleId: "${role.id}"       
+        signerIndex: ${role.signerIndex}
+        ordinal: ${role.ordinal}
+        signerParent: ${newParent}
+        name: ${JSON.stringify(role.name)}
+        roleType: ${role.roleType}
+        experience: "${role.experience}"
+       })
+    }`;
+};
+// swap two adjacent roles
+const swapRoles = (roleId1, roleId2) => {
+    return `
+    mutation swapRole {
+      swapRoles(input: {
+        roleId1: "${roleId1}"       
+        roleId2: "${roleId2}"
+       })
+    }`;
+};
+export { createRole, updateRole, deleteRole, swapRoles };
+//# sourceMappingURL=roleActions.js.map

package/dist/collection/components/ls-document-viewer/adapter/roleActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"roleActions.js","sourceRoot":"","sources":["../../../../src/components/ls-document-viewer/adapter/roleActions.ts"],"names":[],"mappings":"AACA,aAAa;AACb,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,EAAE;IAC1B,MAAM,SAAS,GAAG,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IACzE,OAAO;;;qBAGY,IAAI,CAAC,UAAU;uBACb,IAAI,CAAC,WAAW;wBACf,SAAS;gBACjB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;mBACtB,IAAI,CAAC,OAAO;oBACX,IAAI,CAAC,QAAQ;uBACV,IAAI,CAAC,UAAU;;IAElC,CAAA;AACJ,CAAC,CAAC;AAEF,gBAAgB;AAChB,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,EAAE;IAC1B,OAAO;;;2BAGkB,IAAI,CAAC,EAAE;;MAE5B,CAAA;AACN,CAAC,CAAC;AAEF,8BAA8B;AAC9B,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,EAAE;IAC1B,MAAM,SAAS,GAAG,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IACzE,OAAO;;;2BAGkB,IAAI,CAAC,EAAE;uBACX,IAAI,CAAC,WAAW;mBACpB,IAAI,CAAC,OAAO;wBACP,SAAS;gBACjB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;oBACrB,IAAI,CAAC,QAAQ;uBACV,IAAI,CAAC,UAAU;;MAEhC,CAAA;AACN,CAAC,CAAC;AAEF,0BAA0B;AAC1B,MAAM,SAAS,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE;IAErC,OAAO;;;oBAGW,OAAO;oBACP,OAAO;;MAErB,CAAC;AAEP,CAAC,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC","sourcesContent":["\n// Add a role\nconst createRole = (role) => {\n  const newParent = role?.signerParent ? `\"${role.signerParent}\"` : 'null';\n  return `\n  mutation AddRole {\n    createTemplateRole(input: {\n      templateId: \"${role.templateId}\"       \n        signerIndex: ${role.signerIndex}\n        signerParent: ${newParent}\n        name: ${JSON.stringify(role.name)}\n        ordinal: ${role.ordinal}\n        roleType: ${role.roleType}\n        experience: \"${role.experience}\"\n     })\n  }`  \n};\n\n// Remove a role\nconst deleteRole = (role) => {\n  return `\n    mutation removeRole {\n      deleteTemplateRole(input: {\n        templateRoleId: \"${role.id}\"       \n       })\n    }`\n};\n\n// Save any changes to an role\nconst updateRole = (role) => {\n  const newParent = role?.signerParent ? `\"${role.signerParent}\"` : 'null';\n  return `\n    mutation updateRole {\n      updateTemplateRole(input: {\n        templateRoleId: \"${role.id}\"       \n        signerIndex: ${role.signerIndex}\n        ordinal: ${role.ordinal}\n        signerParent: ${newParent}\n        name: ${JSON.stringify(role.name)}\n        roleType: ${role.roleType}\n        experience: \"${role.experience}\"\n       })\n    }`\n};\n\n// swap two adjacent roles\nconst swapRoles = (roleId1, roleId2) => {\n\n  return `\n    mutation swapRole {\n      swapRoles(input: {\n        roleId1: \"${roleId1}\"       \n        roleId2: \"${roleId2}\"\n       })\n    }`;\n\n};\n\n\nexport { createRole, updateRole, deleteRole, swapRoles };\n"]}

package/dist/collection/components/ls-document-viewer/adapter/templateActions.js

@@ -0,0 +1,87 @@
+// Add a role
+const updateTemplate = (template) => {
+    return `
+    mutation updateTemplate {
+      updateTemplate(input: {
+        templateId: "${template.id}", 
+        title: "${template.title}",
+        locked: ${template.locked},
+        autoArchive: ${template.autoArchive},
+        fixSignatureScale: ${template.fixSignatureScale ? template.fixSignatureScale : false}
+      })
+    }
+  `;
+};
+const getTemplate = (id) => {
+    return `
+        query GetTemplate {
+          template(id: "${id}") {
+            id
+            title
+            fileName
+            pageDimensions
+            pageCount
+            modified
+            link
+            valid
+            locked
+            autoArchive
+            archived
+            tags
+            created
+            createdBy
+            lastSent
+            fixSignatureScale
+            roles{
+              id
+              signerIndex
+            }
+            elementConnection {
+              templateElements {
+                align
+                ax
+                ay
+                bx
+                by
+                elementType
+                formElementType
+                fieldOrder
+                fontName
+                fontSize
+                helpText
+                hideBorder
+                id
+                label
+                labelExtra
+                logicAction
+                logicGroup
+                mapTo
+                options
+                optional
+                page
+                role
+                signer
+                substantive
+                validation
+                value
+              }
+              totalCount
+            }
+            userSignatureConnection {
+              userSignatureElements {
+                id
+                userId
+                ax
+                ay
+                bx
+                by
+                page
+                link
+              }
+            }
+          }
+        }
+      `;
+};
+export { updateTemplate, getTemplate };
+//# sourceMappingURL=templateActions.js.map

package/dist/collection/components/ls-document-viewer/adapter/templateActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templateActions.js","sourceRoot":"","sources":["../../../../src/components/ls-document-viewer/adapter/templateActions.ts"],"names":[],"mappings":"AACA,aAAa;AACb,MAAM,cAAc,GAAG,CAAC,QAAQ,EAAE,EAAE;IAClC,OAAO;;;uBAGc,QAAQ,CAAC,EAAE;kBAChB,QAAQ,CAAC,KAAK;kBACd,QAAQ,CAAC,MAAM;uBACV,QAAQ,CAAC,WAAW;6BACd,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK;;;GAGzF,CAAA;AACH,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAU,EAAE,EAAE;IACjC,OAAO;;0BAEiB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAkErB,CAAC;AACR,CAAC,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC","sourcesContent":[" \n// Add a role\nconst updateTemplate = (template) => {  \n  return `\n    mutation updateTemplate {\n      updateTemplate(input: {\n        templateId: \"${template.id}\", \n        title: \"${template.title}\",\n        locked: ${template.locked},\n        autoArchive: ${template.autoArchive},\n        fixSignatureScale: ${template.fixSignatureScale ? template.fixSignatureScale : false}\n      })\n    }\n  ` \n};\n\nconst getTemplate = (id: string) => {\n  return `\n        query GetTemplate {\n          template(id: \"${id}\") {\n            id\n            title\n            fileName\n            pageDimensions\n            pageCount\n            modified\n            link\n            valid\n            locked\n            autoArchive\n            archived\n            tags\n            created\n            createdBy\n            lastSent\n            fixSignatureScale\n            roles{\n              id\n              signerIndex\n            }\n            elementConnection {\n              templateElements {\n                align\n                ax\n                ay\n                bx\n                by\n                elementType\n                formElementType\n                fieldOrder\n                fontName\n                fontSize\n                helpText\n                hideBorder\n                id\n                label\n                labelExtra\n                logicAction\n                logicGroup\n                mapTo\n                options\n                optional\n                page\n                role\n                signer\n                substantive\n                validation\n                value\n              }\n              totalCount\n            }\n            userSignatureConnection {\n              userSignatureElements {\n                id\n                userId\n                ax\n                ay\n                bx\n                by\n                page\n                link\n              }\n            }\n          }\n        }\n      `;\n}\n\nexport { updateTemplate, getTemplate };\n"]}

package/dist/collection/components/ls-document-viewer/defaultPalette.js

@@ -0,0 +1,22 @@
+// import { RoleColor } from "../../types/RoleColor";
+// export const defaultRolePalette: RoleColor[] = [
+//   {primary:'rgb(50, 124, 244)', faded: 'rgb(240, 246, 255)'},
+//   {primary:'rgb(70, 219, 170)', faded: 'rgb(239, 255, 249)'},
+//   {primary:'rgb(240, 182, 24)', faded: 'rgb(255, 252, 239)'},
+//   {primary:'rgb(238, 229, 255)', faded: 'rgb(244, 240, 255)'},
+//   {primary:'rgb(240, 86, 178)', faded: 'rgb(255, 240, 249)'},
+//   {primary:'rgb(189, 240, 86)', faded: 'rgb(250, 255, 240)'},
+//   {primary:'rgb(246, 74, 68)', faded: 'rgb(246, 190, 188)'},
+//   {primary:'rgb(58, 0, 166)', faded: 'rgb(188, 169, 240)'},
+//   {primary:'rgba(1, 179, 34, 0.69)', faded: 'rgb(135, 173, 158)'},
+//    {primary:'rgb(201, 204, 0)', faded: 'rgba(246, 247, 203, 0.77)'},
+//   {primary:'rgb(249, 55, 129)', faded: 'rgb(255, 237, 244)'},
+//   {primary:'rgb(0, 14, 166)', faded: 'rgb(209, 212, 243)'},
+//   {primary:'rgb(135, 173, 158)', faded: 'rgb(205, 244, 228)'} ,
+//    {primary:'rgb(86, 199, 240)', faded: 'rgb(202, 236, 248)'},
+//   {primary:'rgb(246, 205, 68)', faded: 'rgb(244, 240, 255)'},
+//   {primary:'rgb(0, 94, 166)', faded: 'rgb(188, 169, 240)'},
+//   {primary:'rgba(179, 1, 63, 0.69)', faded: 'rgb(135, 173, 158)'}
+// ]
+export const defaultRolePalette = ['gray', 'blue', 'green', 'yellow', 'purple', 'teal', 'pink', 'lime', 'red', 'lightblue', 'aubergine', 'burnt', 'trueGreen', 'indigo', 'cyan'];
+//# sourceMappingURL=defaultPalette.js.map

package/dist/collection/components/ls-document-viewer/defaultPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultPalette.js","sourceRoot":"","sources":["../../../src/components/ls-document-viewer/defaultPalette.ts"],"names":[],"mappings":"AAAA,qDAAqD;AAErD,mDAAmD;AACnD,gEAAgE;AAChE,gEAAgE;AAChE,gEAAgE;AAChE,iEAAiE;AACjE,gEAAgE;AAChE,gEAAgE;AAChE,+DAA+D;AAC/D,8DAA8D;AAC9D,qEAAqE;AACrE,uEAAuE;AACvE,gEAAgE;AAChE,8DAA8D;AAC9D,kEAAkE;AAClE,iEAAiE;AACjE,gEAAgE;AAChE,8DAA8D;AAC9D,oEAAoE;AACpE,IAAI;AAEJ,MAAM,CAAC,MAAM,kBAAkB,GAAa,CAAC,MAAM,EAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC","sourcesContent":["// import { RoleColor } from \"../../types/RoleColor\";\n\n// export const defaultRolePalette: RoleColor[] = [\n//   {primary:'rgb(50, 124, 244)', faded: 'rgb(240, 246, 255)'},\n//   {primary:'rgb(70, 219, 170)', faded: 'rgb(239, 255, 249)'},\n//   {primary:'rgb(240, 182, 24)', faded: 'rgb(255, 252, 239)'},\n//   {primary:'rgb(238, 229, 255)', faded: 'rgb(244, 240, 255)'},\n//   {primary:'rgb(240, 86, 178)', faded: 'rgb(255, 240, 249)'},\n//   {primary:'rgb(189, 240, 86)', faded: 'rgb(250, 255, 240)'},\n//   {primary:'rgb(246, 74, 68)', faded: 'rgb(246, 190, 188)'},\n//   {primary:'rgb(58, 0, 166)', faded: 'rgb(188, 169, 240)'},\n//   {primary:'rgba(1, 179, 34, 0.69)', faded: 'rgb(135, 173, 158)'},\n//    {primary:'rgb(201, 204, 0)', faded: 'rgba(246, 247, 203, 0.77)'},\n//   {primary:'rgb(249, 55, 129)', faded: 'rgb(255, 237, 244)'},\n//   {primary:'rgb(0, 14, 166)', faded: 'rgb(209, 212, 243)'},\n//   {primary:'rgb(135, 173, 158)', faded: 'rgb(205, 244, 228)'} ,\n//    {primary:'rgb(86, 199, 240)', faded: 'rgb(202, 236, 248)'},\n//   {primary:'rgb(246, 205, 68)', faded: 'rgb(244, 240, 255)'},\n//   {primary:'rgb(0, 94, 166)', faded: 'rgb(188, 169, 240)'},\n//   {primary:'rgba(179, 1, 63, 0.69)', faded: 'rgb(135, 173, 158)'}\n// ]\n\nexport const defaultRolePalette: string[] = ['gray','blue', 'green', 'yellow', 'purple', 'teal', 'pink', 'lime', 'red', 'lightblue', 'aubergine', 'burnt', 'trueGreen', 'indigo', 'cyan'];\n"]}

package/dist/collection/components/ls-document-viewer/editorCalculator.js

@@ -0,0 +1,122 @@
+export const findIn = (fields, selector, restyle = false, additive = false) => {
+    const selected = new Array();
+    const { top, left, bottom, right } = selector.getBoundingClientRect();
+    fields.forEach(f => {
+        if (f.getBoundingClientRect().bottom <= bottom && f.getBoundingClientRect().top >= top && f.getBoundingClientRect().left >= left && f.getBoundingClientRect().right <= right) {
+            if (restyle)
+                f.selected = true;
+            selected.push(f);
+        }
+        else {
+            if (restyle && !additive)
+                f.selected = false;
+        }
+    });
+    return selected;
+};
+// Used to append new fields (dropped or loaded from template data)
+export function addField(frame, data) {
+    const node = document.createElement('ls-editor-field');
+    node.setAttribute('type', data.formElementType);
+    node.setAttribute('id', 'ls-field-' + data.id);
+    node.setAttribute('selected', 'selected');
+    node.style.zIndex = '100';
+    node.style.position = 'absolute';
+    node.style.top = Math.floor(data.top * this.zoom) + 'px';
+    node.style.left = Math.floor(data.left * this.zoom) + 'px';
+    node.style.height = Math.floor(data.height * this.zoom) + 'px';
+    node.style.width = Math.floor(data.width * this.zoom) + 'px';
+    node.style.fontSize = Math.floor(data.fontSize) + 'pt';
+    node.style.alignContent = data.align;
+    node.style.fontFamily = data.fontName;
+    node.dataItem = data;
+    frame.appendChild(node);
+    return node;
+}
+;
+export function moveField(item, data) {
+    item.style.top = Math.floor(data.top * this.zoom) + 'px';
+    item.style.left = Math.floor(data.left * this.zoom) + 'px';
+    item.style.height = Math.floor(data.height * this.zoom) + 'px';
+    item.style.width = Math.floor(data.width * this.zoom) + 'px';
+    item.style.fontSize = Math.floor(data.fontSize) + 'pt';
+    item.style.fontFamily = data.fontName;
+    item.style.textAlign = data.align;
+    item.dataItem = data;
+}
+;
+// calculates html compatible coords at current zoom level
+export const transformCoordinates = (sourceField, inputFieldWidth, inputFieldHeight, viewerWidth, viewerHeight, left, top, fontName, fontSize, zoom) => {
+    // Returns X, Y coordinates
+    const ax = left > 0 ? left / viewerWidth : 0;
+    const ay = top > 0 ? top / viewerHeight : 0;
+    const bx = (left + inputFieldWidth) / viewerWidth;
+    const by = (top + inputFieldHeight) / viewerHeight;
+    // Return with calculated styles that try to place it as it would appear on legacy signing page
+    return {
+        ...sourceField,
+        ax,
+        ay,
+        bx,
+        by,
+        cstyle: {
+            margin: 0,
+            verticalAlign: 'top',
+            boxSizing: 'content-box',
+            fontSize: viewerWidth < 640 ? `${(fontSize / 24) * zoom}rem` : `${fontSize * zoom}px`,
+            fontFamily: fontName || 'arial',
+            width: `${(inputFieldWidth * bx - inputFieldWidth * ax) * zoom}px`, // app1 input has padding-x 3px
+            height: `${inputFieldHeight * (by - ay) * zoom}px`, // app1 input has padding-y 2px
+            // minHeight: `${inputFieldHeight * (BY - AY) * zoom - 2}px`,
+            lineHeight: 'inherit',
+        },
+        divStyle: {
+            position: 'absolute',
+            top: `${inputFieldHeight * ay * zoom}px`,
+            left: `${inputFieldWidth * ax * zoom}px`,
+            width: `${(inputFieldWidth * bx - inputFieldWidth * ax) * zoom}px`,
+            height: `${inputFieldHeight * (by - ay) * zoom}px`,
+            zIndex: 1000,
+            fontSize: viewerWidth < 640 ? `${(fontSize / 24) * zoom}rem` : `${fontSize * zoom}px`,
+        },
+        objectHeight: `${inputFieldHeight * (by - ay) * zoom}px`,
+    };
+};
+// from a field element get all dimension data including LEGACY dimensions
+export const findDimensions = (frameContainer, sourceField, pageHeight, pageWidth, zoom) => {
+    // Position of widget frame
+    const frmDims = frameContainer.getBoundingClientRect();
+    // dimensions relative to viewport
+    const { height, width } = sourceField.getBoundingClientRect();
+    const zwidth = width / zoom;
+    const zheight = height / zoom;
+    const top = Math.floor((sourceField.getBoundingClientRect().top - frmDims.top) / zoom);
+    const left = Math.floor((sourceField.getBoundingClientRect().left - frmDims.left) / zoom);
+    // Returns X, Y coordinates
+    const ax = left > 0 ? left / pageWidth : 0;
+    const ay = top > 0 ? top / pageHeight : 0;
+    const bx = (left + zwidth) / pageWidth;
+    const by = (top + zheight) / pageHeight;
+    console.log({
+        top,
+        left,
+        zheight,
+        zwidth,
+        ax,
+        ay,
+        bx,
+        by,
+    });
+    // Return with calculated styles that try to place it as it would appear on legacy signing page
+    return {
+        top,
+        left,
+        height,
+        width,
+        ax,
+        ay,
+        bx,
+        by,
+    };
+};
+//# sourceMappingURL=editorCalculator.js.map

package/dist/collection/components/ls-document-viewer/editorCalculator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorCalculator.js","sourceRoot":"","sources":["../../../src/components/ls-document-viewer/editorCalculator.ts"],"names":[],"mappings":"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","sourcesContent":["import { LSApiElement } from '../../types/LSApiElement';\n\nexport const findIn = (fields: NodeListOf<HTMLLsEditorFieldElement>, selector: HTMLElement, restyle: boolean = false, additive: boolean = false): HTMLLsEditorFieldElement[] => {\n  const selected: HTMLLsEditorFieldElement[] = new Array();\n  const { top, left, bottom, right } = selector.getBoundingClientRect();\n\n  fields.forEach(f => {\n    if (f.getBoundingClientRect().bottom <= bottom && f.getBoundingClientRect().top >= top && f.getBoundingClientRect().left >= left && f.getBoundingClientRect().right <= right) {\n      if (restyle) f.selected = true;\n      selected.push(f);\n    } else {\n      if (restyle && !additive) f.selected = false;\n    }\n  });\n  return selected;\n};\n\n// Used to append new fields (dropped or loaded from template data)\nexport function addField(frame: HTMLElement, data): HTMLLsEditorFieldElement {\n  const node = document.createElement('ls-editor-field');\n  node.setAttribute('type', data.formElementType);\n  node.setAttribute('id', 'ls-field-' + data.id);\n  node.setAttribute('selected', 'selected');\n  node.style.zIndex = '100';\n  node.style.position = 'absolute';\n\n  node.style.top = Math.floor(data.top * this.zoom)  +'px';\n  node.style.left = Math.floor(data.left * this.zoom) + 'px';\n  node.style.height = Math.floor(data.height * this.zoom) + 'px';\n  node.style.width = Math.floor(data.width * this.zoom) + 'px';\n  node.style.fontSize = Math.floor(data.fontSize) + 'pt';\n  node.style.alignContent = data.align;\n  node.style.fontFamily = data.fontName;\n  node.dataItem = data;\n  frame.appendChild(node);\n\n  return node as any as HTMLLsEditorFieldElement;\n};\n\nexport function moveField(item: HTMLLsEditorFieldElement, data){\n  item.style.top = Math.floor(data.top * this.zoom) + 'px';\n  item.style.left = Math.floor(data.left * this.zoom) + 'px';\n  item.style.height = Math.floor(data.height * this.zoom) + 'px';\n  item.style.width = Math.floor(data.width * this.zoom) + 'px';\n  item.style.fontSize = Math.floor(data.fontSize) + 'pt';\n  item.style.fontFamily = data.fontName;\n  item.style.textAlign = data.align;\n  item.dataItem = data;\n};\n\n// calculates html compatible coords at current zoom level\nexport const transformCoordinates = (\n  sourceField: LSApiElement,\n  inputFieldWidth: number,\n  inputFieldHeight: number,\n  viewerWidth: number,\n  viewerHeight: number,\n  left: number,\n  top: number,\n  fontName: string,\n  fontSize: number,\n  zoom: number,\n): LSApiElement => {\n  // Returns X, Y coordinates\n  const ax = left > 0 ? left / viewerWidth : 0;\n  const ay = top > 0 ? top / viewerHeight : 0;\n  const bx = (left + inputFieldWidth) / viewerWidth;\n  const by = (top + inputFieldHeight) / viewerHeight;\n\n  // Return with calculated styles that try to place it as it would appear on legacy signing page\n  return {\n    ...sourceField,\n    ax,\n    ay,\n    bx,\n    by,\n    cstyle: {\n      margin: 0,\n      verticalAlign: 'top',\n      boxSizing: 'content-box',\n      fontSize: viewerWidth < 640 ? `${(fontSize / 24) * zoom}rem` : `${fontSize * zoom}px`,\n      fontFamily: fontName || 'arial',\n      width: `${(inputFieldWidth * bx - inputFieldWidth * ax) * zoom}px`, // app1 input has padding-x 3px\n      height: `${inputFieldHeight * (by - ay) * zoom}px`, // app1 input has padding-y 2px\n      // minHeight: `${inputFieldHeight * (BY - AY) * zoom - 2}px`,\n      lineHeight: 'inherit',\n    },\n    divStyle: {\n      position: 'absolute',\n      top: `${inputFieldHeight * ay * zoom}px`,\n      left: `${inputFieldWidth * ax * zoom}px`,\n      width: `${(inputFieldWidth * bx - inputFieldWidth * ax) * zoom}px`,\n      height: `${inputFieldHeight * (by - ay) * zoom}px`,\n      zIndex: 1000,\n      fontSize: viewerWidth < 640 ? `${(fontSize / 24) * zoom}rem` : `${fontSize * zoom}px`,\n    },\n    objectHeight: `${inputFieldHeight * (by - ay) * zoom}px`,\n  };\n};\n\n// from a field element get all dimension data including LEGACY dimensions\nexport const findDimensions = (\n  frameContainer: HTMLDivElement,\n  sourceField: HTMLLsEditorFieldElement,\n  pageHeight: number,\n  pageWidth: number,\n  zoom: number\n): { top: number; left: number; height: number; width: number; ax: number; ay: number; bx: number; by: number } => {\n\n  // Position of widget frame\n  const frmDims = frameContainer.getBoundingClientRect();\n  // dimensions relative to viewport\n  const { height, width } = sourceField.getBoundingClientRect();\n  const zwidth = width / zoom;\n  const zheight = height / zoom;\n  const top = Math.floor((sourceField.getBoundingClientRect().top - frmDims.top) / zoom);\n  const left = Math.floor((sourceField.getBoundingClientRect().left - frmDims.left) / zoom);\n  \n  // Returns X, Y coordinates\n  const ax = left > 0 ? left / pageWidth : 0;\n  const ay = top > 0 ? top / pageHeight : 0;\n  const bx = (left + zwidth) / pageWidth;\n  const by = (top + zheight) / pageHeight;\n\n  console.log({\n    top,\n    left,\n    zheight,\n    zwidth,\n    ax,\n    ay,\n    bx,\n    by,\n  })\n\n  // Return with calculated styles that try to place it as it would appear on legacy signing page\n  return {\n    top,\n    left,\n    height,\n    width,\n    ax,\n    ay,\n    bx,\n    by,\n  };\n};\n\n\n"]}

package/dist/collection/components/ls-document-viewer/editorUtils.js

@@ -0,0 +1,168 @@
+/**
+ * These utils are used to make document-viewer more readable
+ * but they must be called using the bind() function so that
+ * all code is executed within the correct 'this' scope.
+ *
+ * Avoid using arrow functions here as they reassign "thiss"
+ */
+/**
+ * Determines if an element will be plotted out of bounds, i.e. off
+ * the page.
+ */
+export function oob(obj) {
+    if (obj.left + obj.width > obj.pageDimensions.width || obj.top < 0 || obj.left < 0 || obj.top + obj.height > obj.pageDimensions.height)
+        return true;
+    else
+        return false;
+}
+export function alter(diffFn) {
+    const diffs = this.selected.map(c => {
+        return { action: 'update', data: diffFn(c.dataItem) };
+    });
+    this.mutate.emit(diffs);
+    this.update.emit(diffs);
+}
+export function resetDataItems() {
+    const fields = this.component.shadowRoot.querySelectorAll('ls-editor-field');
+    this.selected = Array.from(fields).filter(fx => fx.selected);
+    this.selectFields.emit(this.selected.map(fx => fx.dataItem));
+}
+export function debounce(func, timeout = 300) {
+    let timer;
+    return (...args) => {
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+            func.apply(this, args);
+        }, timeout);
+    };
+}
+// if a mutation has created a new id then update the dataitem with OLD id to the new one
+export function matchData(data) {
+    const newObj = data.result;
+    const fi = this.component.shadowRoot.getElementById('ls-field-' + data.obj.id);
+    console.log(fi, data);
+    // because mutations return the ID back with the mutation name we just assume its the first (and only) JSON prop
+    const id = newObj[Object.keys(newObj)[0]];
+    fi.setAttribute('id', 'ls-field-' + id);
+    fi.dataItem = { ...data.obj, id };
+}
+// Utility function which extracts the type from any API id
+export function getApiType(obj) {
+    if (!obj?.id)
+        return 'invalid';
+    const apiId = atob(obj.id);
+    if (apiId.length < 3)
+        return 'invalid';
+    const prefix = atob(obj.id).substring(0, 3);
+    switch (prefix) {
+        case 'ele':
+            return 'element';
+        case 'rol':
+            return 'role';
+        case 'tpl':
+            return 'template';
+        case 'doc':
+            return 'document';
+        default:
+            return 'unknown';
+    }
+}
+export const validationTypes = [
+    { id: 0, description: 'general purpose', formType: 'text', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 30, description: 'yyyy/mm/dd (auto sign day)', formType: 'signing date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 31, description: 'yy/mm/dd (auto sign day)', formType: 'signing date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 32, description: 'dd/mm/yyyy (auto sign day)', formType: 'signing date', defaultHeight: 16, defaultWidth: 200, typeDefault: true, inputType: 'text' },
+    { id: 33, description: 'dd/mm/yy (auto sign day)', formType: 'signing date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 34, description: 'mm/dd/yyyy (auto sign day)', formType: 'signing date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 35, description: 'mm/dd/yy (auto sign day)', formType: 'signing date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 36, description: 'yyyy.mm.dd (auto sign day)', formType: 'signing date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 37, description: 'yy.mm.dd (auto sign day)', formType: 'signing date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 38, description: 'dd.mm.yyyy (auto sign day)', formType: 'signing date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 39, description: 'dd.mm.yy (auto sign day)', formType: 'signing date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 40, description: 'mm.dd.yyyy (auto sign day)', formType: 'signing date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 41, description: 'mm.dd.yy (auto sign day)', formType: 'signing date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 42, description: 'yyyy-mm-dd (auto sign day)', formType: 'signing date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 43, description: 'yy-mm-dd (auto sign day)', formType: 'signing date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 44, description: 'dd-mm-yyyy (auto sign day)', formType: 'signing date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 45, description: 'dd-mm-yy (auto sign day)', formType: 'signing date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 46, description: 'mm-dd-yyyy (auto sign day)', formType: 'signing date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 47, description: 'mm-dd-yy (auto sign day)', formType: 'signing date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 48, description: 'd mmmm yyyy (auto sign day)', formType: 'signing date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 73, description: 'Secret Code', formType: 'text', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 77, description: 'Title caps (force text to title caps)', formType: 'text', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 78, description: 'Uppercase  (force text to uppercase)', formType: 'text', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 79, description: 'Lowercase (force text to lowercase)', formType: 'text', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 65, description: '1 character (any text)', formType: 'text', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 66, description: '2 character (any text)', formType: 'text', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 67, description: '3 character (any text)', formType: 'text', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 68, description: '4 character (any text)', formType: 'text', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 69, description: '5 character (any text)', formType: 'text', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 70, description: '6 character (any text)', formType: 'text', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 71, description: '7 character (any text)', formType: 'text', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 72, description: '8 character (any text)', formType: 'text', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 1000, description: 'First name field (special use)', formType: 'text', defaultHeight: 16, defaultWidth: 200, typeDefault: true, inputType: 'text' },
+    { id: 1001, description: 'Last name field (special use)', formType: 'text', defaultHeight: 16, defaultWidth: 200, typeDefault: true, inputType: 'text' },
+    { id: 1, description: 'Email', formType: 'email', defaultHeight: 16, defaultWidth: 200, typeDefault: true, inputType: 'text' },
+    { id: 1002, description: 'Email field (special use)', formType: 'email', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 50, description: 'Whole number', formType: 'number', defaultHeight: 16, defaultWidth: 200, typeDefault: true, inputType: 'number' },
+    { id: 51, description: 'Number', formType: 'number', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'number' },
+    { id: 52, description: 'Currency', formType: 'number', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'number' },
+    { id: 53, description: '1 number', formType: 'number', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'number' },
+    { id: 54, description: '2 numbers', formType: 'number', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'number' },
+    { id: 55, description: '3 numbers', formType: 'number', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'number' },
+    { id: 56, description: '4 numbers', formType: 'number', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'number' },
+    { id: 57, description: '5 numbers', formType: 'number', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'number' },
+    { id: 58, description: '6 numbers', formType: 'number', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'number' },
+    { id: 59, description: '7 numbers', formType: 'number', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'number' },
+    { id: 60, description: '8 numbers', formType: 'number', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'number' },
+    { id: 61, description: '9 numbers', formType: 'number', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'number' },
+    { id: 62, description: '10 numbers', formType: 'number', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'number' },
+    { id: 63, description: '11 numbers', formType: 'number', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'number' },
+    { id: 64, description: '12 numbers', formType: 'number', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'number' },
+    { id: 2, description: 'yyyy/mm/dd', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: true, inputType: 'date' },
+    { id: 3, description: 'yy/mm/dd', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 4, description: 'dd/mm/yyyy', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: true, inputType: 'date' },
+    { id: 5, description: 'dd/mm/yy', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 6, description: 'mm/dd/yyyy', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 7, description: 'mm/dd/yy', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 80, description: 'mm/yy', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 81, description: 'mm/yyyy', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 8, description: 'yyyy.mm.dd', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 9, description: 'yy.mm.dd', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 10, description: 'dd.mm.yyyy', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 11, description: 'dd.mm.yy', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 12, description: 'mm.dd.yyyy', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 13, description: 'mm.dd.yy', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 82, description: 'mm.yy', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 83, description: 'mm.yyyy', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 14, description: 'yyyy-mm-dd', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 15, description: 'yy-mm-dd', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 16, description: 'dd-mm-yyyy', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 17, description: 'dd-mm-yy', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 18, description: 'mm-dd-yyyy', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 19, description: 'mm-dd-yy', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 84, description: 'mm-yy', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 85, description: 'mm-yyyy', formType: 'date', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'date' },
+    { id: 20, description: 'Dropdown List', formType: 'dropdown', defaultHeight: 16, defaultWidth: 200, typeDefault: true, inputType: 'text' },
+    { id: 91, description: 'Countries', formType: 'dropdown', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 92, description: 'Name prefix titles', formType: 'dropdown', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 24, description: '✔/✗', formType: 'checkbox', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 25, description: '✔/empty', formType: 'checkbox', defaultHeight: 16, defaultWidth: 200, typeDefault: true, inputType: 'text' },
+    { id: 26, description: '✗/empty', formType: 'checkbox', defaultHeight: 16, defaultWidth: 16, typeDefault: false, inputType: 'text' },
+    { id: 74, description: 'File: attach to confirmatory email to sender', formType: 'file', defaultHeight: 16, defaultWidth: 200, typeDefault: true, inputType: 'text' },
+    { id: 75, description: 'File: append to PDF, PDF files only', formType: 'file', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 76, description: 'File: zip with PDF (for internal view, signed PDF for signer)', formType: 'file', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 90, description: 'Drawn field.', formType: 'drawn field', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 2000, description: 'Initials', formType: 'initials', defaultHeight: 16, defaultWidth: 200, typeDefault: true, inputType: 'text' },
+    { id: 93, description: 'Regular Expression field', formType: 'regular expression', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'text' },
+    { id: 3000, description: 'Auto Sign', formType: 'auto sign', defaultHeight: 16, defaultWidth: 200, typeDefault: true, inputType: 'text' },
+    { id: 4000, description: 'Text Area', formType: 'textarea', defaultHeight: 16, defaultWidth: 200, typeDefault: true, inputType: 'readonly' },
+];
+// See validation table in database for latest values - these have to be hard coded for our HTML control - ASW
+export function getInputType(validation) {
+    if (validation === null)
+        return validationTypes[0];
+    const inputType = validationTypes.find(v => v.id === validation);
+    return inputType === null ? validationTypes[0] : inputType;
+}
+//# sourceMappingURL=editorUtils.js.map