legalesign-document-viewer 0.6.9 → 0.7.1

package/dist/{components/p-ChV9xqsO.js → ls-document-viewer/clsx-ChV9xqsO.js}

@@ -1,6 +1,6 @@
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
 export { clsx as c };
-//# sourceMappingURL=p-ChV9xqsO.js.map
+//# sourceMappingURL=clsx-ChV9xqsO.js.map
 
-//# sourceMappingURL=p-ChV9xqsO.js.map
+//# sourceMappingURL=clsx-ChV9xqsO.js.map

package/dist/ls-document-viewer/clsx-ChV9xqsO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clsx-ChV9xqsO.js","sources":["node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":[],"mappings":"AAAA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAQ,SAAS,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;;;;","x_google_ignoreList":[0]}

package/dist/{components/p-Cp3IxvzK.js → ls-document-viewer/defaultFieldIcons-Cp3IxvzK.js}

@@ -19,6 +19,6 @@ function getFieldIcon(key) {
 }
 
 export { getFieldIcon as g };
-//# sourceMappingURL=p-Cp3IxvzK.js.map
+//# sourceMappingURL=defaultFieldIcons-Cp3IxvzK.js.map
 
-//# sourceMappingURL=p-Cp3IxvzK.js.map
+//# sourceMappingURL=defaultFieldIcons-Cp3IxvzK.js.map

package/dist/ls-document-viewer/defaultFieldIcons-Cp3IxvzK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultFieldIcons-Cp3IxvzK.js","sources":["src/components/ls-document-viewer/defaultFieldIcons.ts"],"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"],"names":[],"mappings":"AAEO,MAAM,iBAAiB,GAA4B;AACxD,IAAA,WAAW,EAAE,WAAW;AACxB,IAAA,WAAW,EAAE,WAAW;AACxB,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,cAAc,EAAE,WAAW;AAC3B,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,UAAU,EAAE,OAAO;AACnB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,UAAU,EAAE,eAAe;AAC3B,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,aAAa,EAAE,QAAQ;AACvB,IAAA,oBAAoB,EAAE,MAAM;CAC7B;AAEK,SAAU,YAAY,CAAC,GAAW,EAAA;AACtC,IAAA,OAAO,iBAAiB,CAAC,GAAG,CAAC,IAAI,WAAW;AAC9C;;;;"}

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

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

package/dist/ls-document-viewer/defaultFieldLabels-CUaKk41L.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultFieldLabels-CUaKk41L.js","sources":["src/components/ls-document-viewer/defaultFieldLabels.ts"],"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"],"names":[],"mappings":"AAAO,MAAM,kBAAkB,GAA8B;AAC3D,IAAA,WAAW,EAAE,WAAW;AACxB,IAAA,WAAW,EAAE,WAAW;AACxB,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,cAAc,EAAE,WAAW;AAC3B,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,OAAO,EAAE,OAAO;AAChB,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,OAAO,EAAE,OAAO;AAChB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,oBAAoB,EAAE,OAAO;CAC9B;AAEK,SAAU,aAAa,CAAC,GAAW,EAAA;AACvC,IAAA,OAAO,kBAAkB,CAAC,GAAG,CAAC,IAAI,SAAS;AAC7C;AAEO,MAAM,kBAAkB,GAA8B;AAC3D,IAAA,WAAW,EAAE,eAAe;AAC5B,IAAA,WAAW,EAAE,qBAAqB;AAClC,IAAA,MAAM,EAAE,sCAAsC;AAC9C,IAAA,cAAc,EAAE,qBAAqB;AACrC,IAAA,MAAM,EAAE,mBAAmB;AAC3B,IAAA,UAAU,EAAE,kBAAkB;AAC9B,IAAA,UAAU,EAAE,oBAAoB;AAChC,IAAA,OAAO,EAAE,6CAA6C;AACtD,IAAA,QAAQ,EAAE,kCAAkC;AAC5C,IAAA,OAAO,EAAE,wBAAwB;AACjC,IAAA,UAAU,EAAE,sBAAsB;AAClC,IAAA,MAAM,EAAE,qBAAqB;AAC7B,IAAA,aAAa,EAAE,eAAe;AAC9B,IAAA,oBAAoB,EAAE,eAAe;CACtC;AAEK,SAAU,uBAAuB,CAAC,GAAW,EAAA;AACjD,IAAA,OAAO,kBAAkB,CAAC,GAAG,CAAC,IAAI,eAAe;AACnD;AAEO,MAAM,wBAAwB,GAA8B;AACjE,IAAA,WAAW,EAAE,WAAW;AACxB,IAAA,WAAW,EAAE,iBAAiB;AAC9B,IAAA,MAAM,EAAE,sCAAsC;AAC9C,IAAA,cAAc,EAAE,iBAAiB;AACjC,IAAA,MAAM,EAAE,gBAAgB;AACxB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,QAAQ,EAAE,WAAW;AACrB,IAAA,OAAO,EAAE,OAAO;AAChB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,oBAAoB,EAAE,OAAO;CAC9B;AAEK,SAAU,mBAAmB,CAAC,GAAW,EAAA;AAC7C,IAAA,OAAO,wBAAwB,CAAC,GAAG,CAAC,IAAI,sCAAsC;AAChF;;;;"}

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

@@ -1,5 +1,5 @@
 // import { RoleColor } from "../../types/RoleColor";
-export const defaultRolePalette = [
+const defaultRolePalette = [
     {
         description: 'gray',
         s10: '#f7f8fa',
@@ -213,4 +213,8 @@ export 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'];
-//# sourceMappingURL=defaultPalette.js.map
+
+export { defaultRolePalette as d };
+//# sourceMappingURL=defaultPalette-CwCWCxsI.js.map
+
+//# sourceMappingURL=defaultPalette-CwCWCxsI.js.map

package/dist/ls-document-viewer/defaultPalette-CwCWCxsI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultPalette-CwCWCxsI.js","sources":["src/components/ls-document-viewer/defaultPalette.ts"],"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"],"names":[],"mappings":"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"}

package/dist/{components/p-DG34Qm20.js → ls-document-viewer/editorUtils-KdYXvZ56.js}

@@ -1,7 +1,3 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
-import { d as defaultRolePalette } from './p-BKrsDBDB.js';
-import { d as defineCustomElement$1 } from './p-DnyBXRV4.js';
-
 const findIn = (fields, selector, restyle = false, additive = false) => {
     const selected = new Array();
     const { top, left, bottom, right } = selector.getBoundingClientRect();
@@ -52,6 +48,43 @@ function moveField(item, data) {
     item.style.textAlign = data.align;
     item.dataItem = recalculateCoordinates(data);
 }
+// calculates html compatible coords at current zoom level
+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
 const findDimensions = (frameContainer, sourceField, pageHeight, pageWidth, zoom) => {
     // Position of widget frame
@@ -93,6 +126,10 @@ const recalculateCoordinates = (d) => {
         by,
     };
 };
+// from a field determinse if out of bounds
+const oob$1 = (d) => {
+    return d.left < 0 || d.top < 0 || d.left + d.width > d.pageDimensions.width || d.top + d.height > d.pageDimensions.height;
+};
 
 // Add a role
 const updateTemplate = template => {
@@ -262,6 +299,20 @@ function alter(diffFn) {
     });
     this.mutate.emit(diffs);
 }
+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));
+}
+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
 function matchData(data) {
     const newObj = data.result;
@@ -276,10 +327,11 @@ function matchData(data) {
         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?.role ? recipient?.role : '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: data.obj.signer, name: roleDescription + recipient.signerIndex, type: roleDescription });
+                this.addParticipant.emit({ signerIndex, name: roleDescription + signerIndex, type: roleDescription });
             }
         }
         this.update.emit({ event: { ...data.event, result: data.result }, template: this._template });
@@ -431,248 +483,7 @@ function getInputType(validation) {
     return inputType === null ? validationTypes[0] : inputType;
 }
 
-const lsEditorFieldCss = () => `:host{display:block;position:absolute;margin:0px;padding:0px 0px 0px 0px;isolation:isolate}.ls-editor-field-editable{display:block;font-family:inherit;font-size:inherit;overflow:hidden;white-space:nowrap;margin:0;padding:0px 0px 0px 0px;min-width:2em;height:100%;width:100%}.ls-editor-field-editable:focus{outline:none}.ls-editor-field-draggable{display:block;font-family:inherit;font-size:inherit;overflow:hidden;white-space:nowrap;min-width:2px;height:98%;width:98%}.hidden-field{display:none}input{all:unset}.draggable-input{font-family:inherit;font-size:inherit;position:relative;height:95%;width:95%}.editing-input{caret-color:rgb(15 23 42);caret-shape:auto;height:100%;width:100%}.required-icon{color:var(--red-60, #f64a44)}.x-button{all:unset;cursor:pointer;transform:translate(55%, -55%);position:absolute;color:white;background:var(--gray-80, #3a3a3a);border-radius:50%;top:0;right:0}.x-button:hover{background:var(--gray-90, #1c1c1c)}`;
-
-const LsEditorField = /*@__PURE__*/ proxyCustomElement(class LsEditorField extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.mutate = createEvent(this, "mutate", 6);
-        this.update = createEvent(this, "update", 6);
-    }
-    get component() { return this; }
-    assignee;
-    dataItem;
-    selected = false;
-    readonly;
-    type;
-    page;
-    fixedAspect = null;
-    isEditing = false;
-    heldEdge = null;
-    isEdgeDragging = false;
-    innerValue;
-    zoom;
-    sizeObserver;
-    mutate;
-    update;
-    /**
-     * Controls whether floating elements are visible. Set by mouse enter/leave events.
-     */
-    floatingActive = false;
-    // Set floatingActive true on mouse enter, false on mouse leave
-    handleMouseEnter = () => {
-        this.floatingActive = true;
-    };
-    handleMouseLeave = () => {
-        this.floatingActive = false;
-    };
-    handleInput(e) {
-        if (e.code === 'Enter') {
-            this.isEditing = false;
-            this.sizeObserver.observe(this.component.shadowRoot.getElementById('field-info'));
-        }
-        e.stopPropagation();
-    }
-    handleMouseMove(e) {
-        if (this.readonly)
-            return;
-        if (!e.clientX)
-            return;
-        // Determine which edge is being moved over and what cursor to show.
-        if (Math.abs(e.offsetX) < 5) {
-            this.component.style.cursor = 'ew-resize';
-        }
-        else if (Math.abs(e.offsetX - this.component.clientWidth) < 5) {
-            this.component.style.cursor = 'ew-resize';
-        }
-        else if (Math.abs(e.offsetY) < 5) {
-            this.component.style.cursor = 'ns-resize';
-        }
-        else if (Math.abs(e.offsetY - this.component.clientHeight) < 5) {
-            this.component.style.cursor = 'ns-resize';
-        }
-        else {
-            this.component.style.cursor = 'move';
-        }
-    }
-    handleDoubleClick(e) {
-        if (this.readonly || this.dataItem.formElementType === 'signature' || this.dataItem.formElementType === 'initials')
-            return;
-        this.isEditing = true;
-        this.heldEdge = null;
-        this.isEdgeDragging = false;
-        this.sizeObserver.disconnect();
-        this.innerValue = this.innerValue ? this.innerValue : this.dataItem?.value;
-        const editbox = this.component.shadowRoot.getElementById('editing-input');
-        console.log(this.dataItem);
-        if (editbox) {
-            editbox.className = 'ls-editor-field-editable';
-            editbox.focus();
-        }
-        e.preventDefault();
-        e.stopPropagation();
-    }
-    handleDragStart(event) {
-        // Add the target element's id to the data transfer object
-        event.dataTransfer.setData('application/json', JSON.stringify({
-            type: this.type,
-        }));
-        event.dataTransfer.dropEffect = 'move';
-    }
-    watchSelectedHandler(_newValue, _oldValue) {
-        if (_newValue) {
-            this.component.style.background = this.hexToRgba(defaultRolePalette[this.dataItem?.signer % 100].s20, 0.5);
-            this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';
-        }
-        else {
-            this.component.style.background = 'rgba(255,255,255,0.5)';
-            this.component.style.boxShadow = 'none';
-        }
-    }
-    deleteField = () => {
-        this.mutate.emit([{ action: 'delete', data: this.dataItem }]);
-        this.update.emit([{ action: 'delete', data: this.dataItem }]);
-    };
-    componentDidLoad() {
-        this.sizeObserver = new ResizeObserver(entries => {
-            for (const entry of entries) {
-                if (entry.contentRect) {
-                    const movebox = this.component.shadowRoot.getElementById('field-info');
-                    movebox.style.height = entry.contentRect.height + 'px';
-                    movebox.style.width = entry.contentRect.width + 'px';
-                }
-            }
-        });
-        this.sizeObserver.observe(this.component);
-        // New dropped components automatically need selecting.
-        if (this.selected) {
-            this.component.style.background = this.hexToRgba(defaultRolePalette[this.dataItem?.signer % 100].s20, 0.5);
-            this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';
-        }
-        else {
-            this.component.style.background = this.hexToRgba('ffffff', 0.7);
-            this.component.style.boxShadow = 'none';
-        }
-    }
-    // Send one or more mutations up the chain
-    // The source of the chain fires the mutation
-    // NOTE this alter is debounced to account for typing
-    alter(diff) {
-        this.dataItem = { ...this.dataItem, ...diff };
-        this.debounce(this.dataItem, 900);
-    }
-    labeltimer;
-    debounce(data, delay) {
-        if (this.labeltimer)
-            clearTimeout(this.labeltimer);
-        this.labeltimer = setTimeout(() => {
-            const diffs = [{ action: 'update', data }];
-            this.mutate.emit(diffs);
-        }, delay);
-    }
-    hexToRgba(hex, alpha) {
-        hex = hex.replace('#', '');
-        const r = parseInt(hex.substring(0, 2), 16);
-        const g = parseInt(hex.substring(2, 4), 16);
-        const b = parseInt(hex.substring(4, 6), 16);
-        return `rgba(${r},${g},${b},${alpha})`;
-    }
-    render() {
-        const hostStyle = this.floatingActive
-            ? { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} solid`, boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)' }
-            : { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} solid` };
-        const zoomValue = parseFloat(this.zoom) || 1;
-        return (h(Host, { key: '971c0e90d94b4fab4baca9fed1bfd52e6cb80cfb', id: this.dataItem ? 'ls-field-' + this.dataItem.id : undefined, style: hostStyle, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: '54877d050c3bb7eb244cad760840280796dfa13c', class: {
-                'ls-editor-field': true,
-                'is-selected': this.selected,
-            } }, !this.dataItem?.optional && (h("ls-icon", { key: 'b4d9f0c2550902947c870309d35f1e8732d22177', name: "required", size: `${0.75 * zoomValue}rem`, class: "required-icon", customStyle: {
-                position: 'absolute',
-                verticalAlign: 'top',
-                top: `${0.125 * zoomValue}rem`,
-                right: `${0.125 * zoomValue}rem`,
-                lineHeight: `${0.75 * zoomValue}rem`,
-                fontSize: `${0.75 * zoomValue}rem`,
-            } })), h("input", { key: 'f17cebce0081b373ef8c808f9604e2bb811ae97a', id: "editing-input", class: this.isEditing ? 'ls-editor-field-editable' : 'hidden-field', type: getInputType(this.dataItem.validation).inputType, value: this.dataItem?.value, checked: this.dataItem?.value ? true : false, onInput: e => this.alter({ value: e.target.value }) }), h("div", { key: '9d1a570889511e164ac2487f4699782564de3f1d', id: "field-info", class: this.isEditing ? 'hidden-field' : 'ls-editor-field-draggable', style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` } }, (this.dataItem.value.length && this.dataItem.value) || this.dataItem?.formElementType), (this.floatingActive || this.selected) && this.dataItem?.label && (h("div", { key: '1bdeeae0707431a79fd4b07b25d7fa77d106bb72', style: {
-                position: 'absolute',
-                background: `${defaultRolePalette[this.dataItem?.signer % 100].s20}`,
-                color: `${defaultRolePalette[this.dataItem?.signer % 100].s80}`,
-                borderRadius: `${0.25 * zoomValue}rem`,
-                padding: `${0.125 * zoomValue}rem ${0.25 * zoomValue}rem`,
-                top: `-${1.375 * zoomValue}rem`,
-                fontWeight: '500',
-                left: `-${2 * zoomValue}px`,
-                whiteSpace: 'nowrap',
-                width: 'fit-content',
-            } }, this.dataItem?.label)), (this.floatingActive || this.selected) && (h("p", { key: '0c1483797a4cfdd145dba13ed08fd621f5695996', style: {
-                position: 'absolute',
-                color: 'var(--gray-80, #3a3a3a)',
-                bottom: `-${1.75 * zoomValue}rem`,
-                fontSize: `${0.625 * zoomValue}rem`,
-                left: '0',
-                whiteSpace: 'nowrap',
-                width: 'fit-content',
-                fontFamily: 'sans-serif',
-            } }, "Assigned to: ", this.assignee)), this.floatingActive && (h("button", { key: 'bd1a799123ce432e6c2d4dc2cfd0c10f26e52aad', class: 'x-button', style: {
-                display: 'flex',
-                justifyContent: 'center',
-                alignItems: 'center',
-                width: `${0.875 * zoomValue}rem`,
-                height: `${0.875 * zoomValue}rem`,
-                lineHeight: `${0.75 * zoomValue}rem`,
-                fontSize: `${0.75 * zoomValue}rem`,
-            }, onClick: () => this.deleteField() }, h("ls-icon", { key: '4f2f33a8656bf2970fd5a3ad3242bb0543dd609b', name: "x", size: `${0.75 * zoomValue}rem` }))))));
-    }
-    static get watchers() { return {
-        "selected": ["watchSelectedHandler"]
-    }; }
-    static get style() { return lsEditorFieldCss(); }
-}, [769, "ls-editor-field", {
-        "assignee": [1],
-        "dataItem": [1040],
-        "selected": [4],
-        "readonly": [4],
-        "type": [1],
-        "page": [16],
-        "fixedAspect": [2, "fixed-aspect"],
-        "zoom": [1],
-        "floatingActive": [1540, "floating-active"],
-        "isEditing": [32],
-        "heldEdge": [32],
-        "isEdgeDragging": [32],
-        "innerValue": [32]
-    }, [[0, "keydown", "handleInput"], [3, "mousemove", "handleMouseMove"], [2, "dblclick", "handleDoubleClick"], [0, "dragstart", "handleDragStart"]], {
-        "selected": ["watchSelectedHandler"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-editor-field", "ls-editor-field", "ls-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-editor-field":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsEditorField);
-            }
-            break;
-        case "ls-editor-field":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement();
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsEditorField as L, alter as a, moveField as b, addField as c, defineCustomElement as d, getTemplate as e, findDimensions as f, getApiType as g, findIn as h, validationTypes as i, matchData as m, oob as o, recalculateCoordinates as r, updateTemplate as u, validate as v };
-//# sourceMappingURL=p-DG34Qm20.js.map
+export { alter as a, moveField as b, addField as c, getTemplate as d, findDimensions as e, findIn as f, getApiType as g, validationTypes as h, getInputType as i, matchData as m, oob as o, recalculateCoordinates as r, updateTemplate as u, validate as v };
+//# sourceMappingURL=editorUtils-KdYXvZ56.js.map
 
-//# sourceMappingURL=p-DG34Qm20.js.map
+//# sourceMappingURL=editorUtils-KdYXvZ56.js.map