legalesign-document-viewer 0.7.3 → 0.7.4

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

@@ -0,0 +1,95 @@
+// Add a role
+const updateTemplate = template => {
+    return `
+    mutation LDVupdateTemplate {
+      updateTemplate(input: {
+        templateId: "${template.id}", 
+        title: "${template.title}",
+        locked: ${template.locked},
+        documentRetentionDays: ${template.documentRetentionDays},
+        autoArchive: ${template.autoArchive},
+        fixSignatureScale: ${template.fixSignatureScale ? template.fixSignatureScale : false}
+      })
+    }
+  `;
+};
+const getTemplate = (id) => {
+    return `
+        query LDVGetTemplate {
+          template(id: "${id}") {
+            id
+            title
+            fileName
+            pageDimensions
+            pageCount
+            modified
+            link
+            valid
+            locked
+            autoArchive
+            archived
+            tags
+            created
+            createdBy
+            lastSent
+            fixSignatureScale
+            groupId
+            documentRetentionDays
+            roles{
+              id
+              name
+              roleType
+              signerIndex
+              ordinal
+              signerParent
+              experience
+            }
+            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":"AAAA,aAAa;AACb,MAAM,cAAc,GAAG,QAAQ,CAAC,EAAE;IAChC,OAAO;;;uBAGc,QAAQ,CAAC,EAAE;kBAChB,QAAQ,CAAC,KAAK;kBACd,QAAQ,CAAC,MAAM;iCACA,QAAQ,CAAC,qBAAqB;uBACxC,QAAQ,CAAC,WAAW;6BACd,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK;;;GAGzF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAU,EAAE,EAAE;IACjC,OAAO;;0BAEiB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAyErB,CAAC;AACR,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC","sourcesContent":["// Add a role\nconst updateTemplate = template => {\n  return `\n    mutation LDVupdateTemplate {\n      updateTemplate(input: {\n        templateId: \"${template.id}\", \n        title: \"${template.title}\",\n        locked: ${template.locked},\n        documentRetentionDays: ${template.documentRetentionDays},\n        autoArchive: ${template.autoArchive},\n        fixSignatureScale: ${template.fixSignatureScale ? template.fixSignatureScale : false}\n      })\n    }\n  `;\n};\n\nconst getTemplate = (id: string) => {\n  return `\n        query LDVGetTemplate {\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            groupId\n            documentRetentionDays\n            roles{\n              id\n              name\n              roleType\n              signerIndex\n              ordinal\n              signerParent\n              experience\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/defaultFieldIcons.js

@@ -0,0 +1,20 @@
+export const defaultFieldIcons = {
+    'signature': 'signature',
+    'auto sign': 'auto-sign',
+    'text': 'text',
+    'signing date': 'auto-date',
+    'date': 'calender',
+    'initials': 'initials',
+    'checkbox': 'check',
+    'email': 'at-symbol',
+    'number': 'hashtag',
+    'image': 'photograph',
+    'dropdown': 'document-text',
+    'file': 'upload',
+    'drawn field': 'pencil',
+    'regular expression': 'code',
+};
+export function getFieldIcon(key) {
+    return defaultFieldIcons[key] || 'view-grid';
+}
+//# sourceMappingURL=defaultFieldIcons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaultFieldIcons.js","sourceRoot":"","sources":["../../../src/components/ls-document-viewer/defaultFieldIcons.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,iBAAiB,GAA4B;IACxD,WAAW,EAAE,WAAW;IACxB,WAAW,EAAE,WAAW;IACxB,MAAM,EAAE,MAAM;IACd,cAAc,EAAE,WAAW;IAC3B,MAAM,EAAE,UAAU;IAClB,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,OAAO;IACnB,OAAO,EAAE,WAAW;IACpB,QAAQ,EAAE,SAAS;IACnB,OAAO,EAAE,YAAY;IACrB,UAAU,EAAE,eAAe;IAC3B,MAAM,EAAE,QAAQ;IAChB,aAAa,EAAE,QAAQ;IACvB,oBAAoB,EAAE,MAAM;CAC7B,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,GAAW;IACtC,OAAO,iBAAiB,CAAC,GAAG,CAAC,IAAI,WAAW,CAAC;AAC/C,CAAC","sourcesContent":["import { Icon } from \"../../components\";\n\nexport const defaultFieldIcons: { [key: string]: Icon } = {\n  'signature': 'signature',\n  'auto sign': 'auto-sign',\n  'text': 'text',\n  'signing date': 'auto-date',\n  'date': 'calender',\n  'initials': 'initials',\n  'checkbox': 'check',\n  'email': 'at-symbol',\n  'number': 'hashtag',\n  'image': 'photograph',\n  'dropdown': 'document-text',\n  'file': 'upload',\n  'drawn field': 'pencil',\n  'regular expression': 'code',\n};\n\nexport function getFieldIcon(key: string): Icon | undefined {\n  return defaultFieldIcons[key] || 'view-grid';\n}\n\n"]}

package/dist/{ls-document-viewer/defaultFieldLabels-CUaKk41L.js → collection/components/ls-document-viewer/defaultFieldLabels.js}

@@ -1,4 +1,4 @@
-const defaultFieldLabels = {
+export const defaultFieldLabels = {
     'signature': 'Signature',
     'auto sign': 'Auto Sign',
     'text': 'Text',
@@ -14,10 +14,10 @@ const defaultFieldLabels = {
     'drawn field': 'Draw',
     'regular expression': 'RegEx',
 };
-function getFieldLabel(key) {
+export function getFieldLabel(key) {
     return defaultFieldLabels[key] || 'Unknown';
 }
-const defaultFieldTitles = {
+export const defaultFieldTitles = {
     'signature': 'eg. Sign Here',
     'auto sign': 'eg. Date of Signing',
     'text': 'eg. Full Name, Address, Company Name',
@@ -33,10 +33,10 @@ const defaultFieldTitles = {
     'drawn field': 'eg. Draw Here',
     'regular expression': 'eg. Sort Code',
 };
-function getFieldTitleSuggestion(key) {
+export function getFieldTitleSuggestion(key) {
     return defaultFieldTitles[key] || 'eg. Sign Here';
 }
-const defaultFieldPlaceholders = {
+export const defaultFieldPlaceholders = {
     'signature': 'Siganture',
     'auto sign': 'Date of Signing',
     'text': 'eg. John Doe, 123 Main St, Acme Corp',
@@ -52,11 +52,7 @@ const defaultFieldPlaceholders = {
     'drawn field': 'Draw',
     'regular expression': 'RegEx',
 };
-function getFieldPlaceholder(key) {
+export function getFieldPlaceholder(key) {
     return defaultFieldPlaceholders[key] || 'eg. Full Name, Address, Company Name';
 }
-
-export { getFieldPlaceholder as a, getFieldLabel as b, getFieldTitleSuggestion as g };
-//# sourceMappingURL=defaultFieldLabels-CUaKk41L.js.map
-
-//# sourceMappingURL=defaultFieldLabels-CUaKk41L.js.map
+//# sourceMappingURL=defaultFieldLabels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaultFieldLabels.js","sourceRoot":"","sources":["../../../src/components/ls-document-viewer/defaultFieldLabels.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAA8B;IAC3D,WAAW,EAAE,WAAW;IACxB,WAAW,EAAE,WAAW;IACxB,MAAM,EAAE,MAAM;IACd,cAAc,EAAE,WAAW;IAC3B,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,UAAU;IACtB,MAAM,EAAE,MAAM;IACd,aAAa,EAAE,MAAM;IACrB,oBAAoB,EAAE,OAAO;CAC9B,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,GAAW;IACvC,OAAO,kBAAkB,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC;AAC9C,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAA8B;IAC3D,WAAW,EAAE,eAAe;IAC5B,WAAW,EAAE,qBAAqB;IAClC,MAAM,EAAE,sCAAsC;IAC9C,cAAc,EAAE,qBAAqB;IACrC,MAAM,EAAE,mBAAmB;IAC3B,UAAU,EAAE,kBAAkB;IAC9B,UAAU,EAAE,oBAAoB;IAChC,OAAO,EAAE,6CAA6C;IACtD,QAAQ,EAAE,kCAAkC;IAC5C,OAAO,EAAE,wBAAwB;IACjC,UAAU,EAAE,sBAAsB;IAClC,MAAM,EAAE,qBAAqB;IAC7B,aAAa,EAAE,eAAe;IAC9B,oBAAoB,EAAE,eAAe;CACtC,CAAC;AAEF,MAAM,UAAU,uBAAuB,CAAC,GAAW;IACjD,OAAO,kBAAkB,CAAC,GAAG,CAAC,IAAI,eAAe,CAAC;AACpD,CAAC;AAED,MAAM,CAAC,MAAM,wBAAwB,GAA8B;IACjE,WAAW,EAAE,WAAW;IACxB,WAAW,EAAE,iBAAiB;IAC9B,MAAM,EAAE,sCAAsC;IAC9C,cAAc,EAAE,iBAAiB;IACjC,MAAM,EAAE,gBAAgB;IACxB,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,0BAA0B;IACnC,QAAQ,EAAE,WAAW;IACrB,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,UAAU;IACtB,MAAM,EAAE,MAAM;IACd,aAAa,EAAE,MAAM;IACrB,oBAAoB,EAAE,OAAO;CAC9B,CAAC;AAEF,MAAM,UAAU,mBAAmB,CAAC,GAAW;IAC7C,OAAO,wBAAwB,CAAC,GAAG,CAAC,IAAI,sCAAsC,CAAC;AACjF,CAAC","sourcesContent":["export const defaultFieldLabels: { [key: string]: string } = {\n  'signature': 'Signature',\n  'auto sign': 'Auto Sign',\n  'text': 'Text',\n  'signing date': 'Auto Date',\n  'date': 'Date',\n  'initials': 'Initials',\n  'checkbox': 'Checkbox',\n  'email': 'Email',\n  'number': 'Number',\n  'image': 'Image',\n  'dropdown': 'Dropdown',\n  'file': 'File',\n  'drawn field': 'Draw',\n  'regular expression': 'RegEx',\n};\n\nexport function getFieldLabel(key: string): string | undefined {\n  return defaultFieldLabels[key] || 'Unknown';\n}\n\nexport const defaultFieldTitles: { [key: string]: string } = {\n  'signature': 'eg. Sign Here',\n  'auto sign': 'eg. Date of Signing',\n  'text': 'eg. Full Name, Address, Company Name',\n  'signing date': 'eg. Date of Signing',\n  'date': 'eg. Date of Birth',\n  'initials': 'eg. Initial Here',\n  'checkbox': 'eg. Agree to Terms',\n  'email': 'eg. Personal Email, Emergency Contact Email',\n  'number': 'eg. Phone Number, Account Number',\n  'image': 'eg. ID Image, Headshot',\n  'dropdown': 'eg. Select an Option',\n  'file': 'eg. Upload Document',\n  'drawn field': 'eg. Draw Here',\n  'regular expression': 'eg. Sort Code',\n};\n\nexport function getFieldTitleSuggestion(key: string): string | undefined {\n  return defaultFieldTitles[key] || 'eg. Sign Here';\n}\n\nexport const defaultFieldPlaceholders: { [key: string]: string } = {\n  'signature': 'Siganture',\n  'auto sign': 'Date of Signing',\n  'text': 'eg. John Doe, 123 Main St, Acme Corp',\n  'signing date': 'Date of Signing',\n  'date': 'eg. 19/12/2025',\n  'initials': 'Initials',\n  'checkbox': 'Checkbox',\n  'email': 'eg. john.doe@example.com',\n  'number': 'eg. 12345',\n  'image': 'Image',\n  'dropdown': 'Dropdown',\n  'file': 'File',\n  'drawn field': 'Draw',\n  'regular expression': 'RegEx',\n};\n\nexport function getFieldPlaceholder(key: string): string | undefined {\n  return defaultFieldPlaceholders[key] || 'eg. Full Name, Address, Company Name';\n}\n"]}

package/dist/{ls-document-viewer/defaultPalette-CwCWCxsI.js → collection/components/ls-document-viewer/defaultPalette.js}

@@ -1,5 +1,5 @@
 // import { RoleColor } from "../../types/RoleColor";
-const defaultRolePalette = [
+export const defaultRolePalette = [
     {
         description: 'gray',
         s10: '#f7f8fa',
@@ -213,8 +213,4 @@ const defaultRolePalette = [
     { s60: 'rgba(179, 1, 63, 0.69)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(135, 173, 158)', description: 'overflowcolor' },
 ];
 // export const defaultRolePalette: string[] = ['gray', 'blue', 'green', 'yellow', 'purple', 'teal', 'pink', 'lime', 'red', 'lightblue', 'aubergine', 'burnt', 'trueGreen', 'indigo', 'cyan'];
-
-export { defaultRolePalette as d };
-//# sourceMappingURL=defaultPalette-CwCWCxsI.js.map
-
-//# sourceMappingURL=defaultPalette-CwCWCxsI.js.map
+//# 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;AAIrD,MAAM,CAAC,MAAM,kBAAkB,GAAgB;IAC7C;QACE,WAAW,EAAE,MAAM;QACnB,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB;IAED;QACE,WAAW,EAAE,MAAM;QACnB,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB;IAED;QACE,WAAW,EAAE,OAAO;QACpB,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB;IAED;QACE,WAAW,EAAE,QAAQ;QACrB,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB;IAED;QACE,WAAW,EAAE,QAAQ;QACrB,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB;IAED;QACE,WAAW,EAAE,MAAM;QACnB,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB;IAED;QACE,WAAW,EAAE,MAAM;QACnB,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB;IAED;QACE,WAAW,EAAE,MAAM;QACnB,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB;IAED;QACE,WAAW,EAAE,KAAK;QAClB,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB;IAED;QACE,WAAW,EAAE,WAAW;QACxB,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB;IAED;QACE,WAAW,EAAE,WAAW;QACxB,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB;IAED;QACE,WAAW,EAAE,OAAO;QACpB,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB;IAED;QACE,WAAW,EAAE,WAAW;QACxB,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB;IAED;QACE,WAAW,EAAE,QAAQ;QACrB,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB;IAED;QACE,WAAW,EAAE,MAAM;QACnB,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB;IAED,EAAE,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE;IAC5J,EAAE,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE;IAC5J,EAAE,GAAG,EAAE,oBAAoB,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE;IAC7J,EAAE,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE;IAC5J,EAAE,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE;IAC5J,EAAE,GAAG,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE;IAC3J,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE;IAC1J,EAAE,GAAG,EAAE,wBAAwB,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE;IACjK,EAAE,GAAG,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,2BAA2B,EAAE,WAAW,EAAE,eAAe,EAAE;IAClK,EAAE,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE;IAC5J,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE;IAC1J,EAAE,GAAG,EAAE,oBAAoB,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE;IAC7J,EAAE,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE;IAC5J,EAAE,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE;IAC5J,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE;IAC1J,EAAE,GAAG,EAAE,wBAAwB,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE;CAClK,CAAC;AAEF,8LAA8L","sourcesContent":["// import { RoleColor } from \"../../types/RoleColor\";\n\nimport { RoleColor } from '../../types/RoleColor';\n\nexport const defaultRolePalette: RoleColor[] = [\n  {\n    description: 'gray',\n    s10: '#f7f8fa',\n    s20: '#edeff2',\n    s30: '#e0e2e5',\n    s40: '#d8d9dc',\n    s50: '#c8c9cc',\n    s60: '#afb0b2',\n    s70: '#939599',\n    s80: '#6f7176',\n    s90: '#5e6066',\n    s100: '#45484d',\n  },\n\n  {\n    description: 'blue',\n    s10: '#f0f6ff',\n    s20: '#e0ecff',\n    s30: '#bed4fa',\n    s40: '#a2bdf5',\n    s50: '#78a3fa',\n    s60: '#5684f0',\n    s70: '#4368e0',\n    s80: '#2d4dcc',\n    s90: '#233ead',\n    s100: '#14287a',\n  },\n\n  {\n    description: 'green',\n    s10: '#effff9',\n    s20: '#c5fde8',\n    s30: '#9df5d4',\n    s40: '#72f0c2',\n    s50: '#57e5b1',\n    s60: '#46dbaa',\n    s70: '#33b88c',\n    s80: '#15946a',\n    s90: '#177559',\n    s100: '#125241',\n  },\n\n  {\n    description: 'yellow',\n    s10: '#fffcef',\n    s20: '#fff3c2',\n    s30: '#fcec9d',\n    s40: '#ffe561',\n    s50: '#fad232',\n    s60: '#f0b618',\n    s70: '#cc8904',\n    s80: '#9e5913',\n    s90: '#8a3f0e',\n    s100: '#70350d',\n  },\n\n  {\n    description: 'purple',\n    s10: '#f4f0ff',\n    s20: '#eee5ff',\n    s30: '#d6befa',\n    s40: '#c6a2f5',\n    s50: '#b078fa',\n    s60: '#9956f0',\n    s70: '#8743e0',\n    s80: '#722dcc',\n    s90: '#5f23ad',\n    s100: '#40147a',\n  },\n\n  {\n    description: 'teal',\n    s10: '#effffc',\n    s20: '#c5fcf1',\n    s30: '#a5fae9',\n    s40: '#76f5db',\n    s50: '#54ebcd',\n    s60: '#46dbbd',\n    s70: '#33b8a2',\n    s80: '#148f7e',\n    s90: '#17756c',\n    s100: '#15524c',\n  },\n\n  {\n    description: 'pink',\n    s10: '#fff0f9',\n    s20: '#ffe5f5',\n    s30: '#fabee2',\n    s40: '#f5a2d4',\n    s50: '#fa78c6',\n    s60: '#f056b2',\n    s70: '#e043a2',\n    s80: '#cc2d8c',\n    s90: '#ad2376',\n    s100: '#7a1451',\n  },\n\n  {\n    description: 'lime',\n    s10: '#fafff0',\n    s20: '#f6ffe5',\n    s30: '#e6fabe',\n    s40: '#d9f5a2',\n    s50: '#cffa78',\n    s60: '#bdf056',\n    s70: '#ace043',\n    s80: '#97cc2d',\n    s90: '#7fad23',\n    s100: '#587a14',\n  },\n\n  {\n    description: 'red',\n    s10: '#fff0f0',\n    s20: '#ffe1e0',\n    s30: '#ffc9c7',\n    s40: '#ffa19e',\n    s50: '#ff706b',\n    s60: '#f64a44',\n    s70: '#dc2721',\n    s80: '#c1140e',\n    s90: '#990500',\n    s100: '#7a1714',\n  },\n\n  {\n    description: 'lightblue',\n    s10: '#effbff',\n    s20: '#c7f1ff',\n    s30: '#9de4fc',\n    s40: '#79dbfc',\n    s50: '#51d3ff',\n    s60: '#48c5f0',\n    s70: '#20a6d6',\n    s80: '#0b80b2',\n    s90: '#19648a',\n    s100: '#0c3e57',\n  },\n\n  {\n    description: 'aubergine',\n    s10: '#fcf0ff',\n    s20: '#fae5ff',\n    s30: '#eebefa',\n    s40: '#e4a2f5',\n    s50: '#e078fa',\n    s60: '#d156f0',\n    s70: '#c143e0',\n    s80: '#ac2dcc',\n    s90: '#9223ad',\n    s100: '#66147a',\n  },\n\n  {\n    description: 'burnt',\n    s10: '#fff6f0',\n    s20: '#fff0e5',\n    s30: '#fad6be',\n    s40: '#f5c3a2',\n    s50: '#faac78',\n    s60: '#f09456',\n    s70: '#e08243',\n    s80: '#cc6d2d',\n    s90: '#ad5a23',\n    s100: '#7a3d14',\n  },\n\n  {\n    description: 'trueGreen',\n    s10: '#f0fff0',\n    s20: '#e5ffe5',\n    s30: '#befabe',\n    s40: '#a2f5a2',\n    s50: '#78fa78',\n    s60: '#56f056',\n    s70: '#43e043',\n    s80: '#2dcc2d',\n    s90: '#23ad23',\n    s100: '#147a14',\n  },\n\n  {\n    description: 'indigo',\n    s10: '#f2f0ff',\n    s20: '#e9e5ff',\n    s30: '#c6befa',\n    s40: '#ada2f5',\n    s50: '#8978fa',\n    s60: '#6b56f0',\n    s70: '#5843e0',\n    s80: '#422dcc',\n    s90: '#3523ad',\n    s100: '#21147a',\n  },\n\n  {\n    description: 'cyan',\n    s10: '#efffff',\n    s20: '#c5fcfc',\n    s30: '#a0fafa',\n    s40: '#76f5f5',\n    s50: '#54ebeb',\n    s60: '#46dbdb',\n    s70: '#33b3b8',\n    s80: '#11868f',\n    s90: '#166a70',\n    s100: '#11474d',\n  },\n\n  { s60: 'rgb(70, 219, 170)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(239, 255, 249)', description: 'overflowcolor' },\n  { s60: 'rgb(240, 182, 24)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(255, 252, 239)', description: 'overflowcolor' },\n  { s60: 'rgb(238, 229, 255)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(244, 240, 255)', description: 'overflowcolor' },\n  { s60: 'rgb(240, 86, 178)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(255, 240, 249)', description: 'overflowcolor' },\n  { s60: 'rgb(189, 240, 86)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(250, 255, 240)', description: 'overflowcolor' },\n  { s60: 'rgb(246, 74, 68)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(246, 190, 188)', description: 'overflowcolor' },\n  { s60: 'rgb(58, 0, 166)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(188, 169, 240)', description: 'overflowcolor' },\n  { s60: 'rgba(1, 179, 34, 0.69)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(135, 173, 158)', description: 'overflowcolor' },\n  { s60: 'rgb(201, 204, 0)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgba(246, 247, 203, 0.77)', description: 'overflowcolor' },\n  { s60: 'rgb(249, 55, 129)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(255, 237, 244)', description: 'overflowcolor' },\n  { s60: 'rgb(0, 14, 166)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(209, 212, 243)', description: 'overflowcolor' },\n  { s60: 'rgb(135, 173, 158)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(205, 244, 228)', description: 'overflowcolor' },\n  { s60: 'rgb(86, 199, 240)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(202, 236, 248)', description: 'overflowcolor' },\n  { s60: 'rgb(246, 205, 68)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(244, 240, 255)', description: 'overflowcolor' },\n  { s60: 'rgb(0, 94, 166)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(188, 169, 240)', description: 'overflowcolor' },\n  { s60: 'rgba(179, 1, 63, 0.69)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(135, 173, 158)', description: 'overflowcolor' },\n];\n\n// export 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,133 @@
+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 fields = this._template.elementConnection.templateElements;
+    this._template = { ...this._template, elementConnection: { ...this._template.elementConnection, templateElements: [...fields, data] } };
+    const assignee = this._template.roles.find(r => r.signerIndex === data.signer);
+    const node = document.createElement('ls-editor-field');
+    node.setAttribute('type', data.formElementType);
+    node.setAttribute('id', 'ls-field-' + data.id);
+    node.setAttribute('assignee', assignee?.name || `Participant ${data.signer}`);
+    node.setAttribute('zoom', String(this.zoom));
+    // 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 * this.zoom) + '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 * this.zoom) + 'pt';
+    item.style.fontFamily = data.fontName;
+    item.style.textAlign = data.align;
+    item.dataItem = recalculateCoordinates(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 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 + width / zoom) / pageWidth;
+    const by = (top + height / zoom) / pageHeight;
+    // Return with calculated styles that try to place it as it would appear on legacy signing page
+    return {
+        top,
+        left,
+        height: Math.round(height / zoom),
+        width: Math.round(width / zoom),
+        ax,
+        ay,
+        bx,
+        by,
+    };
+};
+// from a field element get all dimension data including LEGACY dimensions
+export const recalculateCoordinates = (d) => {
+    // Returns X, Y coordinates
+    const ax = d.left / d.pageDimensions.width;
+    const ay = d.top / d.pageDimensions.height;
+    const bx = (d.left + d.width) / d.pageDimensions.width;
+    const by = (d.top + d.height) / d.pageDimensions.height;
+    // Return with calculated styles that try to place it as it would appear on legacy signing page
+    return {
+        ...d,
+        ax,
+        ay,
+        bx,
+        by,
+    };
+};
+// from a field determinse if out of bounds
+export const oob = (d) => {
+    return d.left < 0 || d.top < 0 || d.left + d.width > d.pageDimensions.width || d.top + d.height > d.pageDimensions.height;
+};
+//# 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 fields = this._template.elementConnection.templateElements;\n  this._template = { ...this._template, elementConnection: { ...this._template.elementConnection, templateElements: [...fields, data] } };\n  const assignee = this._template.roles.find(r => r.signerIndex === data.signer);\n\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('assignee', assignee?.name || `Participant ${data.signer}`);\n  node.setAttribute('zoom', String(this.zoom));\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 * this.zoom) + 'pt';\n  node.style.alignContent = data.align;\n  node.style.fontFamily = data.fontName;\n  node.dataItem = data;\n\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 * this.zoom) + 'pt';\n  item.style.fontFamily = data.fontName;\n  item.style.textAlign = data.align;\n  item.dataItem = recalculateCoordinates(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  // Position of widget frame\n  const frmDims = frameContainer.getBoundingClientRect();\n  // dimensions relative to viewport\n  const { height, width } = sourceField.getBoundingClientRect();\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 + width / zoom) / pageWidth;\n  const by = (top + height / zoom) / pageHeight;\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: Math.round(height / zoom),\n    width: Math.round(width / zoom),\n    ax,\n    ay,\n    bx,\n    by,\n  };\n};\n\n// from a field element get all dimension data including LEGACY dimensions\nexport const recalculateCoordinates = (d: LSApiElement): LSApiElement => {\n  // Returns X, Y coordinates\n  const ax = d.left / d.pageDimensions.width;\n  const ay = d.top / d.pageDimensions.height;\n  const bx = (d.left + d.width) / d.pageDimensions.width;\n  const by = (d.top + d.height) / d.pageDimensions.height;\n\n  // Return with calculated styles that try to place it as it would appear on legacy signing page\n  return {\n    ...d,\n    ax,\n    ay,\n    bx,\n    by,\n  };\n};\n\n// from a field determinse if out of bounds\nexport const oob = (d: LSApiElement): boolean => {\n  return d.left < 0 || d.top < 0 || d.left + d.width > d.pageDimensions.width || d.top + d.height > d.pageDimensions.height;\n};\n"]}

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

@@ -0,0 +1,210 @@
+/**
+ * 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"
+ */
+import { getTemplate } from "./adapter/templateActions";
+import { addField } from "./editorCalculator";
+import { validate } from "./validator";
+/**
+ * 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);
+}
+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);
+    };
+}
+// After a mutation ensure that the new data is stored in fields and template
+export function matchData(data) {
+    const newObj = data.result;
+    const prefix = atob(data.obj.id).substring(0, 3);
+    // 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]];
+    if (data.event.action === 'create') {
+        if (prefix === 'ele') {
+            addField.bind(this)(this.component.shadowRoot.getElementById('ls-document-frame'), { ...data.obj, id });
+            this.update.emit({ event: { ...data.event, result: data.result }, template: this._template });
+            this.validationErrors = validate.bind(this)(this._template);
+            // Check for compose mode to generate roles for fields added.
+            if (this.mode === 'compose') {
+                // Compose mode - syncing roles after create
+                if (!this._template.roles.find(r => r.signerIndex === data.obj.signer)) {
+                    const recipient = this._recipients.find(r => r?.signerIndex === data.obj.signer);
+                    const roleDescription = recipient?.roleType ? recipient?.roleType.toUpperCase() : 'SIGNER';
+                    const signerIndex = data.obj.signer;
+                    // Role required - generate one
+                    this.addParticipant.emit({ signerIndex, name: roleDescription + signerIndex, type: roleDescription });
+                }
+            }
+        }
+    }
+    if (prefix === 'rol') {
+        syncRoles.bind(this)();
+        this.update.emit({ event: { ...data.event, result: data.result }, template: this._template });
+    }
+    if (prefix === 'tpl') {
+        this._template = { ...this._template, ...data.obj };
+        this.validationErrors = validate.bind(this)(this._template);
+        this.update.emit({ event: { ...data.event, result: data.result }, template: this._template });
+    }
+}
+export async function syncRoles() {
+    var participantManager = this.component.shadowRoot.getElementById('ls-participant-manager');
+    const tresult = (await this.adapter.execute(this.token, getTemplate(this.templateid)));
+    this.parseTemplate(JSON.stringify(tresult.template));
+    participantManager.template = this._template;
+    this.generateFields();
+    this.validationErrors = validate.bind(this)(this._template);
+}
+// 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: 'checkbox' },
+    { id: 25, description: '✔/empty', formType: 'checkbox', defaultHeight: 16, defaultWidth: 200, typeDefault: true, inputType: 'checkbox' },
+    { id: 26, description: '✗/empty', formType: 'checkbox', defaultHeight: 16, defaultWidth: 16, typeDefault: false, inputType: 'checkbox' },
+    { id: 74, description: 'File: attach to confirmatory email to sender', formType: 'file', defaultHeight: 16, defaultWidth: 200, typeDefault: true, inputType: 'file' },
+    { id: 75, description: 'File: append to PDF, PDF files only', formType: 'file', defaultHeight: 16, defaultWidth: 200, typeDefault: false, inputType: 'file' },
+    {
+        id: 76,
+        description: 'File: zip with PDF (for internal view, signed PDF for signer)',
+        formType: 'file',
+        defaultHeight: 16,
+        defaultWidth: 200,
+        typeDefault: false,
+        inputType: 'file',
+    },
+    { 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: 'textarea' },
+];
+// 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