legalesign-document-viewer 0.3.3 → 0.3.5

package/dist/{components/ls-document-viewer.js → ls-document-viewer/ls-document-viewer.entry.js}

@@ -1,44 +1,6 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BvHSBTD8.js';
-import { a as alter, o as oob, u as updateRole, c as createRole, s as swapRoles, d as deleteRole, m as matchData, g as getApiType } from './p-Ovur85Of.js';
-import { d as defineCustomElement$E } from './p-Dprl580c.js';
-import { d as defineCustomElement$D } from './p-CZkgAbFI.js';
-import { d as defineCustomElement$C } from './p-CdGtJRZm.js';
-import { d as defineCustomElement$B } from './p-BXKYpxgM.js';
-import { d as defineCustomElement$A } from './p-DxGzQ3Lc.js';
-import { d as defineCustomElement$z } from './p-Da83lhqi.js';
-import { d as defineCustomElement$y } from './p-Bxutt9rC.js';
-import { d as defineCustomElement$x } from './p-C45TaVTh.js';
-import { d as defineCustomElement$w } from './p-B3lY01RV.js';
-import { d as defineCustomElement$v } from './p-9WKoGwO0.js';
-import { d as defineCustomElement$u } from './p-C6NnNmx5.js';
-import { d as defineCustomElement$t } from './p-B-K24bnx.js';
-import { d as defineCustomElement$s } from './p-CzySwvIU.js';
-import { d as defineCustomElement$r } from './p-14owczyX.js';
-import { d as defineCustomElement$q } from './p-vV0A8m2N.js';
-import { d as defineCustomElement$p } from './p-gEso0FtC.js';
-import { d as defineCustomElement$o } from './p-BKNIuWRw.js';
-import { d as defineCustomElement$n } from './p-DqW1sDWy.js';
-import { d as defineCustomElement$m } from './p-CHN41h9u.js';
-import { d as defineCustomElement$l } from './p-23iaNjGp.js';
-import { d as defineCustomElement$k } from './p-C4dJ_NrC.js';
-import { d as defineCustomElement$j } from './p-tfo7xItm.js';
-import { d as defineCustomElement$i } from './p-DY8RJZmx.js';
-import { d as defineCustomElement$h } from './p-DE2r5IdM.js';
-import { d as defineCustomElement$g } from './p-6LFAGg6D.js';
-import { d as defineCustomElement$f } from './p-Co6xLkEu.js';
-import { d as defineCustomElement$e } from './p-DM3pnD5z.js';
-import { d as defineCustomElement$d } from './p-iwXLSFLX.js';
-import { d as defineCustomElement$c } from './p-DqEap43n.js';
-import { d as defineCustomElement$b } from './p-o7kGA8FM.js';
-import { d as defineCustomElement$a } from './p-ozlIyuZ1.js';
-import { d as defineCustomElement$9 } from './p-Yrg6B_xb.js';
-import { d as defineCustomElement$8 } from './p-BLUUNyDx.js';
-import { d as defineCustomElement$7 } from './p-CCE9t160.js';
-import { d as defineCustomElement$6 } from './p-BArjC51C.js';
-import { d as defineCustomElement$5 } from './p-BcfP7mSQ.js';
-import { d as defineCustomElement$4 } from './p-DUVCAq-W.js';
-import { d as defineCustomElement$3 } from './p-Bt5gnPRz.js';
-import { d as defineCustomElement$2 } from './p-DyE9zKT7.js';
+import { r as registerInstance, a as createEvent, d as getElement, h, e as Host } from './index-Dlkip55O.js';
+import { a as alter, o as oob, r as recalculateCoordinates, f as findIn, b as findDimensions, u as updateTemplate, m as matchData, v as validate, c as moveField, g as getApiType, d as addField, e as getTemplate } from './editorUtils-BmgTspy1.js';
+import { a as attachAllTooltips } from './tooltip-Cb8nDMs-.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -46,6 +8,14 @@ function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
+function getDefaultExportFromNamespaceIfPresent (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') ? n['default'] : n;
+}
+
+function getDefaultExportFromNamespaceIfNotNamed (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
+}
+
 function getAugmentedNamespace(n) {
   if (n.__esModule) return n;
   var f = n.default;
@@ -75,7 +45,7 @@ function commonjsRequire(path) {
 	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
 
-var pdf$1 = {exports: {}};
+var pdf$2 = {exports: {}};
 
 var _nodeResolve_empty = {};
 
@@ -107,17 +77,24 @@ var require$$4 = /*@__PURE__*/getAugmentedNamespace(_nodeResolve_empty$1);
  * @licend The above is the entire license notice for the
  * Javascript code in this page
  */
-var pdf = pdf$1.exports;
+var pdf$1 = pdf$2.exports;
 
 var hasRequiredPdf;
 
 function requirePdf () {
-	if (hasRequiredPdf) return pdf$1.exports;
+	if (hasRequiredPdf) return pdf$2.exports;
 	hasRequiredPdf = 1;
 	(function (module, exports) {
 		(function webpackUniversalModuleDefinition(root, factory) {
-			module.exports = factory();
-		})(pdf, function() {
+			if('object' === 'object' && 'object' === 'object')
+				module.exports = factory();
+			else if(typeof undefined === 'function' && undefined.amd)
+				undefined("pdfjs-dist/build/pdf", [], factory);
+			else if('object' === 'object')
+				exports["pdfjs-dist/build/pdf"] = factory();
+			else
+				root["pdfjs-dist/build/pdf"] = root.pdfjsLib = factory();
+		})(pdf$1, function() {
 		return /******/ (function(modules) { // webpackBootstrap
 		/******/ 	// The module cache
 		/******/ 	var installedModules = {};
@@ -208,6 +185,8 @@ function requirePdf () {
 		/* 0 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -420,6 +399,9 @@ function requirePdf () {
 		var _text_layer = __w_pdfjs_require__(17);
 
 		var _svg = __w_pdfjs_require__(18);
+
+		const pdfjsVersion = '2.5.207';
+		const pdfjsBuild = '0974d605';
 		{
 		  const {
 		    isNodeJS
@@ -454,6 +436,8 @@ function requirePdf () {
 		/* 1 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -952,6 +936,8 @@ function requirePdf () {
 		/* 2 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -1778,13 +1764,19 @@ function requirePdf () {
 		/* 3 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
 
-		__w_pdfjs_require__(4);
+
+		var _is_node = __w_pdfjs_require__(4);
+
+		;
 
 		/***/ }),
 		/* 4 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -1797,6 +1789,8 @@ function requirePdf () {
 		/* 5 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -3878,6 +3872,8 @@ function requirePdf () {
 		/* 6 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -4263,6 +4259,8 @@ function requirePdf () {
 		/* 7 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -4286,6 +4284,8 @@ function requirePdf () {
 		/* 8 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -4300,6 +4300,7 @@ function requirePdf () {
 		var MAX_FONT_SIZE = 100;
 		var MAX_GROUP_SIZE = 4096;
 		var MIN_WIDTH_FACTOR = 0.65;
+		var COMPILE_TYPE3_GLYPHS = true;
 		var MAX_SIZE_TO_COMPILE = 1000;
 		var FULL_CHUNK_HEIGHT = 16;
 
@@ -4444,7 +4445,7 @@ function requirePdf () {
 		      width1 = width + 1;
 		  var points = new Uint8Array(width1 * (height + 1));
 		  var POINT_TYPES = new Uint8Array([0, 2, 4, 0, 1, 0, 5, 4, 8, 10, 0, 8, 0, 2, 1, 0]);
-		  var lineSize = width + 7 & -8,
+		  var lineSize = width + 7 & ~7,
 		      data0 = imgData.data;
 		  var data = new Uint8Array(lineSize * height),
 		      pos = 0,
@@ -4720,7 +4721,7 @@ function requirePdf () {
 		          var srcDiff = srcLength - srcPos;
 		          var k = 0;
 		          var kEnd = srcDiff > fullSrcDiff ? width : srcDiff * 8 - 7;
-		          var kEndUnrolled = kEnd & -8;
+		          var kEndUnrolled = kEnd & ~7;
 		          var mask = 0;
 		          var srcByte = 0;
 
@@ -6068,7 +6069,7 @@ function requirePdf () {
 		      var isPatternFill = this.current.patternFill;
 		      var glyph = this.processingType3;
 
-		      if (glyph && glyph.compiled === undefined) {
+		      if (COMPILE_TYPE3_GLYPHS && glyph && glyph.compiled === undefined) {
 		        if (width <= MAX_SIZE_TO_COMPILE && height <= MAX_SIZE_TO_COMPILE) {
 		          glyph.compiled = compileType3Glyph({
 		            data: img.data,
@@ -6329,6 +6330,8 @@ function requirePdf () {
 		/* 9 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -6808,6 +6811,8 @@ function requirePdf () {
 		/* 10 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -6822,6 +6827,8 @@ function requirePdf () {
 		/* 11 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -6831,10 +6838,12 @@ function requirePdf () {
 		var _util = __w_pdfjs_require__(2);
 
 		const CallbackKind = {
+		  UNKNOWN: 0,
 		  DATA: 1,
 		  ERROR: 2
 		};
 		const StreamKind = {
+		  UNKNOWN: 0,
 		  CANCEL: 1,
 		  CANCEL_COMPLETE: 2,
 		  CLOSE: 3,
@@ -7319,6 +7328,8 @@ function requirePdf () {
 		/* 12 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -7445,6 +7456,8 @@ function requirePdf () {
 		/* 13 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -7452,12 +7465,17 @@ function requirePdf () {
 		exports.SimpleXMLParser = void 0;
 		const XMLParserErrorCode = {
 		  NoError: 0,
+		  EndOfDocument: -1,
 		  UnterminatedCdat: -2,
 		  UnterminatedXmlDeclaration: -3,
 		  UnterminatedDoctypeDeclaration: -4,
 		  UnterminatedComment: -5,
 		  MalformedElement: -6,
-		  UnterminatedElement: -9};
+		  OutOfMemory: -7,
+		  UnterminatedAttributeValue: -8,
+		  UnterminatedElement: -9,
+		  ElementNeverBegun: -10
+		};
 
 		function isWhitespace(s, index) {
 		  const ch = s[index];
@@ -7881,6 +7899,8 @@ function requirePdf () {
 		/* 14 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -8234,6 +8254,8 @@ function requirePdf () {
 		/* 15 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -8679,6 +8701,8 @@ function requirePdf () {
 		/* 16 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -8842,6 +8866,9 @@ function requirePdf () {
 		        case _util.AnnotationBorderStyleType.UNDERLINE:
 		          container.style.borderBottomStyle = "solid";
 		          break;
+
+		        default:
+		          break;
 		      }
 
 		      if (data.color) {
@@ -9710,6 +9737,8 @@ function requirePdf () {
 		/* 17 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -10403,6 +10432,8 @@ function requirePdf () {
 		/* 18 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -11170,7 +11201,7 @@ function requirePdf () {
 		          }
 
 		          current.tspan.textContent += character;
-		        }
+		        } else {}
 
 		        let charWidth;
 
@@ -11927,6 +11958,8 @@ function requirePdf () {
 		/* 19 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -11937,6 +11970,8 @@ function requirePdf () {
 
 		var _network_utils = __w_pdfjs_require__(20);
 
+		;
+
 		const fs = require$$4;
 
 		const http = require$$4;
@@ -12392,6 +12427,8 @@ function requirePdf () {
 		/* 20 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -12482,6 +12519,8 @@ function requirePdf () {
 		/* 21 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -12668,6 +12707,8 @@ function requirePdf () {
 		/* 22 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -12677,6 +12718,8 @@ function requirePdf () {
 		var _util = __w_pdfjs_require__(2);
 
 		var _network_utils = __w_pdfjs_require__(20);
+
+		;
 		const OK_RESPONSE = 200;
 		const PARTIAL_CONTENT_RESPONSE = 206;
 
@@ -13221,6 +13264,8 @@ function requirePdf () {
 		/* 23 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -13231,6 +13276,8 @@ function requirePdf () {
 
 		var _network_utils = __w_pdfjs_require__(20);
 
+		;
+
 		function createFetchOptions(headers, withCredentials, abortController) {
 		  return {
 		    method: "GET",
@@ -13505,13 +13552,14 @@ function requirePdf () {
 		/******/ ]);
 		});
 		
-	} (pdf$1));
-	return pdf$1.exports;
+	} (pdf$2, pdf$2.exports));
+	return pdf$2.exports;
 }
 
 var pdfExports = requirePdf();
+var pdf = /*@__PURE__*/getDefaultExportFromCjs(pdfExports);
 
-var pdf_viewer$1 = {exports: {}};
+var pdf_viewer$2 = {exports: {}};
 
 /**
  * @licstart The following is the entire license notice for the
@@ -13534,17 +13582,24 @@ var pdf_viewer$1 = {exports: {}};
  * @licend The above is the entire license notice for the
  * Javascript code in this page
  */
-var pdf_viewer = pdf_viewer$1.exports;
+var pdf_viewer$1 = pdf_viewer$2.exports;
 
 var hasRequiredPdf_viewer;
 
 function requirePdf_viewer () {
-	if (hasRequiredPdf_viewer) return pdf_viewer$1.exports;
+	if (hasRequiredPdf_viewer) return pdf_viewer$2.exports;
 	hasRequiredPdf_viewer = 1;
 	(function (module, exports) {
 		(function webpackUniversalModuleDefinition(root, factory) {
-			module.exports = factory();
-		})(pdf_viewer, function() {
+			if('object' === 'object' && 'object' === 'object')
+				module.exports = factory();
+			else if(typeof undefined === 'function' && undefined.amd)
+				undefined("pdfjs-dist/web/pdf_viewer", [], factory);
+			else if('object' === 'object')
+				exports["pdfjs-dist/web/pdf_viewer"] = factory();
+			else
+				root["pdfjs-dist/web/pdf_viewer"] = root.pdfjsViewer = factory();
+		})(pdf_viewer$1, function() {
 		return /******/ (function(modules) { // webpackBootstrap
 		/******/ 	// The module cache
 		/******/ 	var installedModules = {};
@@ -13635,6 +13690,8 @@ function requirePdf_viewer () {
 		/* 0 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -13758,10 +13815,15 @@ function requirePdf_viewer () {
 
 		var _pdf_viewer = __w_pdfjs_require__(17);
 
+		const pdfjsVersion = '2.5.207';
+		const pdfjsBuild = '0974d605';
+
 		/***/ }),
 		/* 1 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -13871,6 +13933,8 @@ function requirePdf_viewer () {
 		/* 2 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		let pdfjsLib;
 
@@ -13886,6 +13950,8 @@ function requirePdf_viewer () {
 		/* 3 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -14430,6 +14496,10 @@ function requirePdf_viewer () {
 		});
 		exports.animationStarted = animationStarted;
 
+		function dispatchDOMEvent(eventName, args = null) {
+		  throw new Error("Not implemented: dispatchDOMEvent");
+		}
+
 		class EventBus {
 		  constructor(options) {
 		    this._listeners = Object.create(null);
@@ -14615,6 +14685,8 @@ function requirePdf_viewer () {
 		/* 4 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -14897,6 +14969,9 @@ function requirePdf_viewer () {
 		      case "FirstPage":
 		        this.page = 1;
 		        break;
+
+		      default:
+		        break;
 		    }
 
 		    this.eventBus.dispatch("namedaction", {
@@ -15049,6 +15124,8 @@ function requirePdf_viewer () {
 		/* 5 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -15234,6 +15311,7 @@ function requirePdf_viewer () {
 		    const highlightAll = findController.state.highlightAll;
 		    let prevEnd = null;
 		    const infinity = {
+		      divIdx: -1,
 		      offset: undefined
 		    };
 
@@ -15430,6 +15508,8 @@ function requirePdf_viewer () {
 		/* 6 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -15439,6 +15519,8 @@ function requirePdf_viewer () {
 		var _pdfjsLib = __w_pdfjs_require__(2);
 
 		var _viewer_compatibility = __w_pdfjs_require__(7);
+
+		;
 		const DISABLE_CREATE_OBJECT_URL = _viewer_compatibility.viewerCompatibilityParams.disableCreateObjectURL || false;
 
 		function download(blobUrl, filename) {
@@ -15513,6 +15595,8 @@ function requirePdf_viewer () {
 		/* 7 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -15547,6 +15631,8 @@ function requirePdf_viewer () {
 		/* 8 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -15595,6 +15681,8 @@ function requirePdf_viewer () {
 		/* 9 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		document.webL10n = function (window, document, undefined$1) {
 		  var gL10nData = {};
@@ -16416,6 +16504,8 @@ function requirePdf_viewer () {
 		/* 10 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -17095,6 +17185,8 @@ function requirePdf_viewer () {
 		/* 11 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -17189,6 +17281,8 @@ function requirePdf_viewer () {
 		/* 12 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -17486,7 +17580,7 @@ function requirePdf_viewer () {
 		      return;
 		    }
 
-		    if (!this._destination.page && (this._numPositionUpdates <= POSITION_UPDATED_THRESHOLD)) {
+		    if (!this._destination.page && (POSITION_UPDATED_THRESHOLD <= 0 || this._numPositionUpdates <= POSITION_UPDATED_THRESHOLD)) {
 		      return;
 		    }
 
@@ -17586,11 +17680,11 @@ function requirePdf_viewer () {
 		      return;
 		    }
 
-		    if (this._isPagesLoaded && this._destination && !this._destination.page) {
+		    if (POSITION_UPDATED_THRESHOLD > 0 && this._isPagesLoaded && this._destination && !this._destination.page) {
 		      this._numPositionUpdates++;
 		    }
 
-		    {
+		    if (UPDATE_VIEWAREA_TIMEOUT > 0) {
 		      this._updateViewareaTimeout = setTimeout(() => {
 		        if (!this._popStateInProgress) {
 		          this._tryPushCurrentPosition(true);
@@ -17775,6 +17869,8 @@ function requirePdf_viewer () {
 		/* 13 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -18371,6 +18467,8 @@ function requirePdf_viewer () {
 		/* 14 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -18505,6 +18603,8 @@ function requirePdf_viewer () {
 		/* 15 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -18625,6 +18725,8 @@ function requirePdf_viewer () {
 		/* 16 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -19743,6 +19845,8 @@ function requirePdf_viewer () {
 		/* 17 */
 		/***/ (function(module, exports, __w_pdfjs_require__) {
 
+		"use strict";
+
 
 		Object.defineProperty(exports, "__esModule", {
 		  value: true
@@ -19828,102 +19932,12 @@ function requirePdf_viewer () {
 		/******/ ]);
 		});
 		
-	} (pdf_viewer$1));
-	return pdf_viewer$1.exports;
+	} (pdf_viewer$2, pdf_viewer$2.exports));
+	return pdf_viewer$2.exports;
 }
 
-requirePdf_viewer();
-
-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)
-function addField(frame, data) {
-    const fields = this._template.elementConnection.templateElements;
-    this._template = { ...this._template, elementConnection: { ...this._template.elementConnection, templateElements: [...fields, data] } };
-    const node = document.createElement('ls-editor-field');
-    node.setAttribute('type', data.formElementType);
-    node.setAttribute('id', 'ls-field-' + data.id);
-    // node.setAttribute('selected', 'selected');
-    node.style.zIndex = '100';
-    node.style.position = 'absolute';
-    node.style.top = Math.floor(data.top * this.zoom) + 'px';
-    node.style.left = Math.floor(data.left * this.zoom) + 'px';
-    node.style.height = Math.floor(data.height * this.zoom) + 'px';
-    node.style.width = Math.floor(data.width * this.zoom) + 'px';
-    node.style.fontSize = Math.floor(data.fontSize * this.zoom) + 'pt';
-    node.style.alignContent = data.align;
-    node.style.fontFamily = data.fontName;
-    node.dataItem = data;
-    frame.appendChild(node);
-    return node;
-}
-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 = data;
-}
-// from a field element get all dimension data including LEGACY dimensions
-const findDimensions = (frameContainer, sourceField, pageHeight, pageWidth, zoom) => {
-    // Position of widget frame
-    const frmDims = frameContainer.getBoundingClientRect();
-    // dimensions relative to viewport
-    const { height, width } = sourceField.getBoundingClientRect();
-    const zwidth = width / zoom;
-    const zheight = height / zoom;
-    const top = Math.floor((sourceField.getBoundingClientRect().top - frmDims.top) / zoom);
-    const left = Math.floor((sourceField.getBoundingClientRect().left - frmDims.left) / zoom);
-    // Returns X, Y coordinates
-    const ax = left > 0 ? left / pageWidth : 0;
-    const ay = top > 0 ? top / pageHeight : 0;
-    const bx = (left + zwidth) / pageWidth;
-    const by = (top + zheight) / pageHeight;
-    // Return with calculated styles that try to place it as it would appear on legacy signing page
-    return {
-        top,
-        left,
-        height,
-        width,
-        ax,
-        ay,
-        bx,
-        by,
-    };
-};
-// from a field element get all dimension data including LEGACY dimensions
-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,
-    };
-};
+var pdf_viewerExports = requirePdf_viewer();
+var pdf_viewer = /*@__PURE__*/getDefaultExportFromCjs(pdf_viewerExports);
 
 function keyDown(ev) {
     if (this.selected && this.selected?.length > 0) {
@@ -19982,6 +19996,21 @@ function keyDown(ev) {
                 return { action: 'delete', data: s.dataItem };
             }));
         }
+        else if (ev.key === 'd' || ev.key === 'D' || ev.key === 'keyD') {
+            const arr = Array.from(this.selected);
+            const createdItems = arr.map(s => {
+                const newItem = { ...s.dataItem, id: btoa('ele' + crypto.randomUUID()) };
+                const newTop = s.dataItem.top + s.dataItem.height;
+                // check its in bounds
+                if (newTop + s.dataItem.height < s.dataItem.pageDimensions.height) {
+                    console.log('Setting new top for duplicated item', newTop);
+                    newItem.top = newTop;
+                }
+                return { action: 'create', data: newItem, select: 'clear' };
+            });
+            this.update.emit(createdItems);
+            this.mutate.emit(createdItems.map(item => ({ action: 'create', data: item.data })));
+        }
     }
 }
 
@@ -20263,6 +20292,62 @@ function mouseDrop(event) {
         console.error(e);
     }
 }
+function mouseDoubleClick(event) {
+    console.log('double click');
+    try {
+        const data = this.fieldTypeSelected;
+        // Unselect all current selected items
+        this.component.shadowRoot.querySelectorAll('ls-editor-field').forEach(f => (f.selected = false));
+        var frame = this.component.shadowRoot.getElementById('ls-document-frame');
+        // Make a new API compatible id for a template element (prefix 'ele')
+        const id = btoa('ele' + crypto.randomUUID());
+        const top = event.offsetY / this.zoom + frame.scrollTop;
+        const left = event.offsetX / this.zoom + frame.scrollLeft;
+        // TODO: Put these defaults somewhere sensible
+        const newData = {
+            action: 'create',
+            data: {
+                id,
+                value: '',
+                formElementType: data.formElementType,
+                elementType: data.elementType,
+                validation: data.validation,
+                substantive: false,
+                top,
+                left,
+                hideBorder: false,
+                height: data.defaultHeight,
+                width: data.defaultWidth,
+                pageDimensions: this.pageDimensions[this.pageNum - 1],
+                fontName: 'arial',
+                fontSize: 10,
+                align: 'left',
+                signer: this.signer,
+                page: this.pageNum,
+                mapTo: null,
+                label: '',
+                helpText: null,
+                logicGroup: null,
+                optional: false,
+                options: null,
+                logicAction: null,
+                labelExtra: null,
+                fieldOrder: null,
+                ax: left > 0 ? left / this.pageDimensions[this.pageNum - 1].width : 0,
+                ay: top > 0 ? top / this.pageDimensions[this.pageNum - 1].height : 0,
+                bx: (left + data.defaultWidth) / this.pageDimensions[this.pageNum - 1].width,
+                by: (top + data.defaultHeight) / this.pageDimensions[this.pageNum - 1].height,
+                templateId: this._template.id,
+            },
+        };
+        console.log(newData);
+        this.mutate.emit([newData]);
+        this.update.emit([newData]);
+    }
+    catch (e) {
+        console.error(e);
+    }
+}
 
 /*! Axios v1.12.2 Copyright (c) 2025 Matt Zabriskie and contributors */
 
@@ -20272,6 +20357,7 @@ var hasRequiredAxios;
 function requireAxios () {
 	if (hasRequiredAxios) return axios_1;
 	hasRequiredAxios = 1;
+	'use strict';
 
 	function bind(fn, thisArg) {
 	  return function wrap() {
@@ -21762,7 +21848,7 @@ function requireAxios () {
 	function stringifySafely(rawValue, parser, encoder) {
 	  if (utils$1.isString(rawValue)) {
 	    try {
-	      (0, JSON.parse)(rawValue);
+	      (parser || JSON.parse)(rawValue);
 	      return utils$1.trim(rawValue);
 	    } catch (e) {
 	      if (e.name !== 'SyntaxError') {
@@ -22964,7 +23050,7 @@ function requireAxios () {
 	const streamChunk = function* (chunk, chunkSize) {
 	  let len = chunk.byteLength;
 
-	  if (len < chunkSize) {
+	  if (!chunkSize || len < chunkSize) {
 	    yield chunk;
 	    return;
 	  }
@@ -24122,7 +24208,15 @@ var axios = /*@__PURE__*/getDefaultExportFromCjs(axiosExports);
 ////////////////////////////////////////////////////////////////////////
 const Parameters = {
     endpoints: {
-        graphQL: "https://dypxviim4zgwtpev7valhchaem.appsync-api.eu-west-2.amazonaws.com/graphql"}};
+        graphQL: "https://dypxviim4zgwtpev7valhchaem.appsync-api.eu-west-2.amazonaws.com/graphql",
+        wssHost: "dypxviim4zgwtpev7valhchaem.appsync-api.eu-west-2.amazonaws.com",
+        wssRealTime: 'wss://dypxviim4zgwtpev7valhchaem.appsync-realtime-api.eu-west-2.amazonaws.com/graphql'
+    },
+    buckets: {
+        region: "eu-west-2",
+        clearing: "lon-files-clearing",
+    },
+};
 
 // Construct all mutations for a template element.
 const createElement = element => {
@@ -24196,40 +24290,60 @@ const deleteElement = obj => {
 };
 
 // Add a role
-const updateTemplate = template => {
+const createRole = (role) => {
+    const newParent = role?.signerParent ? `"${role.signerParent}"` : 'null';
     return `
-    mutation LDVupdateTemplate {
-      updateTemplate(input: {
-        templateId: "${template.id}", 
-        title: "${template.title}",
-        locked: ${template.locked},
-        autoArchive: ${template.autoArchive},
-        fixSignatureScale: ${template.fixSignatureScale ? template.fixSignatureScale : false}
-      })
-    }
-  `;
+  mutation LDVAddRole {
+    createTemplateRole(input: {
+      templateId: "${role.templateId}"       
+        signerIndex: ${role.signerIndex}
+        signerParent: ${newParent}
+        name: ${JSON.stringify(role.name)}
+        ordinal: ${role.ordinal}
+        roleType: ${role.roleType}
+        experience: "${role.experience}"
+     })
+  }`;
+};
+// Remove a role
+const deleteRole = (role) => {
+    return `
+    mutation LDVremoveRole {
+      deleteTemplateRole(input: {
+        templateRoleId: "${role.id}"       
+       })
+    }`;
+};
+// Save any changes to an role
+const updateRole = (role) => {
+    const newParent = role?.signerParent ? `"${role.signerParent}"` : 'null';
+    return `
+    mutation LDVupdateRole {
+      updateTemplateRole(input: {
+        templateRoleId: "${role.id}"       
+        signerIndex: ${role.signerIndex}
+        ordinal: ${role.ordinal}
+        signerParent: ${newParent}
+        name: ${JSON.stringify(role.name)}
+        roleType: ${role.roleType}
+        experience: "${role.experience}"
+       })
+    }`;
 };
-const getTemplate = (id) => {
+// swap two adjacent roles
+const swapRoles = (roleId1, roleId2) => {
+    return `
+    mutation LDVswapRole {
+      swapRoles(input: {
+        roleId1: "${roleId1.id}"       
+        roleId2: "${roleId2.id}"
+       })
+    }`;
+};
+const getTemplateRoles = (id) => {
     return `
         query LDVGetTemplate {
-          template(id: "${id}") {
-            id
-            title
-            fileName
-            pageDimensions
-            pageCount
-            modified
-            link
-            valid
-            locked
-            autoArchive
-            archived
-            tags
-            created
-            createdBy
-            lastSent
-            fixSignatureScale
-            groupId
+          template(id: "${id}") {           
             roles{
               id
               name
@@ -24239,49 +24353,6 @@ const getTemplate = (id) => {
               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
-              }
-            }
           }
         }
       `;
@@ -24307,7 +24378,7 @@ class LsDocumentAdapter {
             case 'ele':
                 switch (event.action) {
                     case 'create':
-                        query = createElement(obj);
+                        query = createElement(recalculateCoordinates(obj));
                         break;
                     case 'update':
                         query = updateElement(recalculateCoordinates(obj));
@@ -24465,53 +24536,19 @@ const getGroupData = (id) => {
       `;
 };
 
-/**
- * This module contains all the rules required to mark a template
- * as valid.
- *
- */
-function validate(t) {
-    var errors = [];
-    // Check for missing signatures
-    t.roles.forEach(tr => {
-        if (t.elementConnection.templateElements.filter(e => e.formElementType === 'signature' && e.signer === tr.signerIndex && tr.roleType !== 'APPROVER').length === 0) {
-            errors.push({
-                id: tr.id,
-                title: 'Missing signature.',
-                description: `{tr.name} is missing a signature.`,
-                role: tr,
-            });
-        }
-    });
-    // Check for missing multi-select options
-    t.elementConnection.templateElements.forEach(element => {
-        if (element.validation === 20 && (!element.options || element.options.length === 0)) {
-            errors.push({
-                id: element.id,
-                title: 'Missing options',
-                description: `Drop down field "${element.label}" is missing options.`,
-                element: element,
-            });
-        }
-    });
-    return errors;
-}
-
 const lsDocumentViewerCss = "*,*::before,*::after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:host{display:flex;flex-direction:row;width:100vw;height:100vh;margin:0px;padding:0px}.validation-tag-wrapper{position:fixed;top:0.375rem;right:0.375rem;z-index:2000}#my-field-panel{position:relative;height:calc(100% - 4.313rem)}.leftBox{position:relative;border-radius:16px;border:1px solid var(--gray-30, #edeff2);background:var(--white, #fff);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);width:21.25rem;margin:1rem;min-width:21.25rem;max-height:100%;z-index:1000;left:0;top:0}.left-box-inner{position:relative;display:flex;height:100%;padding:0.75rem;gap:0.75rem}.rightBox{width:200px;border:1px gray solid;width:470px;min-width:390px;padding:4px;font-family:inherit}.toolbox{display:flex;flex-direction:column;width:100%;height:100%;border-radius:8px;border:1px solid var(--gray-30, #e0e2e5);background:var(--gray-10, #f7f8fa);padding:0.75rem;gap:1rem;overflow-y:auto}.ls-editor-infobox{padding:2px 8px 2px 8px}#pdf-canvas{top:0px;left:0px;width:100px;height:100px;box-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.12)}#ls-mid-area{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;width:100vw;height:100%}.document-frame-wrapper{display:flex;flex-direction:column;justify-content:start;align-items:start;overflow:visible;max-height:100%;width:100vw;overflow:scroll;padding:5rem 380px 2rem 380px}#ls-document-frame{position:relative;height:98vh;margin-right:auto;margin-left:auto}.prevButton{position:relative;bottom:30px}.nextButton{position:relative;bottom:30px}.fieldBox{z-index:1000}#ls-box-selector{position:absolute;visibility:hidden;background-color:transparent;border:1px rgba(71, 71, 71, 0.716) dashed}#ls-editor-form{display:flex;width:100vw;height:calc(100vh - 2.25rem);position:relative;background:var(--gray-10, #f7f8fa);box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.04) inset, 0 10px 15px 0 rgba(0, 0, 0, 0.04) inset}.hidden{visibility:hidden;display:none;width:0px}.toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.fields-box{display:flex;flex-direction:column;gap:0.75rem}.page-header{display:flex;height:2.25rem;gap:0.5rem;padding:0.25rem 0.75rem;justify-content:center;align-items:center}.header-text-1{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.header-text-2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.properties-header{display:flex;padding:1rem;gap:0.75rem;align-items:center;border-bottom:1px solid var(--gray-20, #edeff2)}.properties-header-title{color:var(--gray-100, #45484d);width:100%;font-size:1.5rem;font-style:normal;font-weight:500;line-height:2rem;}.properties-header-icon{display:flex;padding:0.5rem;border-radius:0.625rem;background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;cursor:pointer;color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:36px}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.field-properties-outer{position:relative;height:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
 
 pdfExports.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.5.207/pdf.worker.min.js';
-const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentViewer extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.pageRendered = createEvent(this, "pageRendered");
-        this.pageChange = createEvent(this, "pageChange");
-        this.selectFields = createEvent(this, "selectFields");
-        this.mutate = createEvent(this, "mutate");
-        this.update = createEvent(this, "update");
+const LsDocumentViewer = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.pageRendered = createEvent(this, "pageRendered", 7);
+        this.pageChange = createEvent(this, "pageChange", 7);
+        this.selectFields = createEvent(this, "selectFields", 7);
+        this.mutate = createEvent(this, "mutate", 7);
+        this.update = createEvent(this, "update", 7);
     }
-    get component() { return this; }
+    get component() { return getElement(this); }
     isPageRendering;
     pdfDocument;
     pageNumPending = null;
@@ -24564,15 +24601,29 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
      * {string}
      */
     templateid;
+    /**
+     * A JSON string containing the signer details. Only used in COMPOSE mode.
+     * {string}
+     */
+    signers;
     zoom = 1.0; // hardcoded to scale the document to full canvas size
-    pageNum = 1; // hardcoded to start at the page 1
-    signer = 0; // hardcoded to start at the page 1
+    pageNum = 1;
+    pageCount = 1;
+    signer = 0;
     _template;
     validationErrors = [];
     status;
     groupInfo;
     selected = [];
     isLoading = true;
+    fieldTypeSelected = {
+        label: 'Signature',
+        formElementType: 'signature',
+        elementType: 'signature',
+        validation: 0,
+        defaultHeight: 27,
+        defaultWidth: 120,
+    };
     /**
      * An ease of use property that will arrange document-viewer appropraitely.
      * {'preview' | 'editor' | 'custom'}
@@ -24676,6 +24727,14 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
         if (this.token && this.adapter)
             event.detail.forEach(me => this.adapter.handleEvent(me, this.token).then(result => matchData.bind(this)(result)));
     }
+    handleFieldTypeSelected(event) {
+        console.log(event);
+        const fields = this.component.shadowRoot.querySelectorAll('ls-toolbox-field');
+        fields.forEach(element => {
+            element.isSelected = element.formElementType === event.detail.formElementType;
+        });
+        this.fieldTypeSelected = event.detail;
+    }
     // Updates are internal event between LS controls not to be confused with mutate
     updateHandler(event) {
         if (event.detail)
@@ -24685,6 +24744,7 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
     addParticpantHandler(event) {
         const defaultExperience = this.groupInfo.experienceConnection.experiences.find(x => x.defaultExperience === true);
         const parent = this._template.roles.find(r => r.id === event.detail.parent);
+        const newSignerIndex = Math.max(...this._template.roles.filter(r => r.roleType !== 'WITNESS').map(r => r.signerIndex)) + 1;
         const data = [
             {
                 action: 'create',
@@ -24692,8 +24752,8 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
                     id: btoa('rol' + crypto.randomUUID()),
                     name: 'Signer ' + (this._template.roles.length + 1),
                     roleType: event.detail.type,
-                    signerIndex: event.detail.type === 'WITNESS' ? 100 + parent.signerIndex : this._template.roles.length,
-                    ordinal: event.detail.type === 'WITNESS' ? parent.ordinal + 1 : this._template.roles.length,
+                    signerIndex: event.detail.type === 'WITNESS' ? 100 + parent.signerIndex : (this._template.roles.length === 0 ? 1 : newSignerIndex),
+                    ordinal: event.detail.type === 'WITNESS' ? parent.ordinal + 1 : this._template.roles.length + 1,
                     signerParent: event.detail.parent,
                     experience: defaultExperience.id,
                     templateId: this._template.id,
@@ -24716,7 +24776,10 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
             toolbar.dataItem = event.detail;
         }
         var propPanel = this.component.shadowRoot.getElementById('my-field-panel');
-        if (propPanel) {
+        if (event.detail.length === 0) {
+            this.selected = [];
+        }
+        else {
             propPanel.dataItem = event.detail;
         }
         // change style of selected fields
@@ -24764,7 +24827,9 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
      */
     async unselect() {
         const fields = this.component.shadowRoot.querySelectorAll('ls-editor-field');
-        fields.forEach(fu => { fu.selected = false; });
+        fields.forEach(fu => {
+            fu.selected = false;
+        });
         this.selected = [];
     }
     /**
@@ -24889,8 +24954,8 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
         }
         if (getApiType(update.data) === 'element') {
             if (update.action === 'create') {
-                const newData = { ...update.data, page: this.pageNum };
-                addField.bind(this)(this.component.shadowRoot.getElementById('ls-document-frame'), newData);
+                //      const newData = { ...update.data, page: this.pageNum };
+                //        addField.bind(this)(this.component.shadowRoot.getElementById('ls-document-frame'), newData);
                 //const newField = this.component.shadowRoot.getElementById('ls-field-' + update.data.id) as HTMLLsEditorFieldElement;
                 //this.selected = [newField];
                 //this.selectFields.emit([newData as LSApiElement]);
@@ -24899,11 +24964,11 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
                 const fi = this.component.shadowRoot.getElementById('ls-field-' + update.data.id);
                 if (fi) {
                     moveField.bind(this)(fi, update.data);
-                    const fu = this.component.shadowRoot.getElementById('ls-field-' + update.data.id);
-                    fu.dataItem = update.data;
+                    // const fu = this.component.shadowRoot.getElementById('ls-field-' + update.data.id) as HTMLLsEditorFieldElement;
+                    // fu.dataItem = update.data as LSApiElement;
                     // Refresh the selected array
                     this.selectFields.emit(this.selected.map(sf => sf.dataItem));
-                    this.selected = this.selected.map(s => (s.dataItem.id === update.data.id ? fu : s));
+                    this.selected = this.selected.map(s => (s.dataItem.id === update.data.id ? fi : s));
                 }
                 // Reselect the fields - this updates the dataItem value passed to child controls
                 const fields = this.component.shadowRoot.querySelectorAll('ls-editor-field');
@@ -24914,7 +24979,7 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
                 const fields = this._template.elementConnection.templateElements;
                 this._template = { ...this._template, elementConnection: { ...this._template.elementConnection, templateElements: fields.filter(f => f.id !== update.data.id) } };
                 this.component.shadowRoot.getElementById('ls-document-frame').removeChild(fi);
-                this.selected = [];
+                this.selectFields.emit([]);
             }
             else {
                 console.warn('Unrecognised action, check Legalesign documentation. `create`, `update` and `delete` allowed.');
@@ -24936,6 +25001,7 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
         dropTarget.addEventListener('mousedown', mouseDown.bind(this));
         dropTarget.addEventListener('mousemove', mouseMove.bind(this));
         dropTarget.addEventListener('mouseup', mouseUp.bind(this));
+        dropTarget.addEventListener('dblclick', mouseDoubleClick.bind(this));
         document.addEventListener('keydown', keyDown.bind(this));
         dropTarget.addEventListener('dragenter', event => {
             event.preventDefault();
@@ -24944,7 +25010,14 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
             event.preventDefault();
         });
         dropTarget.addEventListener('drop', mouseDrop.bind(this));
-        // Generate all the field HTML elements that are required (for every page)
+        this.generateFields();
+    }
+    // Generate all the field HTML elements that are required (for every page)
+    generateFields(clearExisting = true) {
+        if (clearExisting) {
+            const fields = this.component.shadowRoot.querySelectorAll('ls-editor-field');
+            fields.forEach(fi => this.component.shadowRoot.getElementById('ls-document-frame').removeChild(fi));
+        }
         this._template.elementConnection.templateElements.forEach(te => {
             addField.bind(this)(this.component.shadowRoot.getElementById('ls-document-frame'), this.prepareElement(te));
         });
@@ -24965,8 +25038,10 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
             const resultGroup = (await this.adapter.execute(this.token, getGroupData(this._template.groupId)));
             this.groupInfo = resultGroup.group;
             this.initViewer();
+            console.log(this._template);
             //Revalidate
             this.validationErrors = validate.bind(this)(this._template);
+            this.pageCount = this._template.pageCount;
             this.selected = [];
             this.setZoom(1.0);
             this.isLoading = false;
@@ -24979,15 +25054,11 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
         if (this.token && !this._template)
             this.load();
     }
-    handleSelectedField(event) {
-        const fields = this.component.shadowRoot.querySelectorAll('ls-toolbox-field');
-        fields.forEach(element => {
-            const isSelected = element.formElementType === event.detail;
-            element.isSelected = isSelected;
-        });
+    componentDidLoad() {
+        attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (h(Host, { key: '331bbb6ee8979812cac17c61037085c18ffe3ea4' }, h(h.Fragment, null, this.isLoading && h("ls-page-loader", { key: '2fdab395bd9707041e35176bdbcc898e61dcf640' }), h("div", { key: '676168eb9b02205325cb53c68bda22783669380c', class: 'validation-tag-wrapper' }, h("ls-validation-tag", { key: '62867096f5fda376314bb7915b81e7006d95c492', validationErrors: this.validationErrors })), h("div", { key: '898f1dcc9a33dc8fa3181e409364b575bb923904', class: "page-header" }, h("p", { key: 'd5d0041f19aa10609d02a81412a46cf0c45376bb', class: "header-text-1" }, "Template Creation"), h("p", { key: '08f9eb736cd04e1c4cd867f4882f03d3d1899e39' }, "/"), h("p", { key: '039a5d1475d4ee606b8f11cc1f49fcdcfe309d30', class: "header-text-2" }, this._template?.title)), h("form", { key: 'c4455c35ff74b2ea43adc7e298c46d7db22dc964', id: "ls-editor-form" }, this.showtoolbox === true ? (h("div", { id: "ls-left-box", class: "leftBox" }, h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, h("ls-feature-column", { onManage: manager => {
+        return (h(Host, { key: '8a5bf0b8d5b17bafc2106f34ab9e78ad50670bae' }, h(h.Fragment, null, this.isLoading && h("ls-page-loader", { key: 'b099de0751ce047a9d4f3026c0198280e45fb440' }), h("div", { key: 'de988cea0e36ecb9409003141496e63f1a1cf420', class: 'validation-tag-wrapper' }, h("ls-validation-tag", { key: '9ab7a6fb4d361f925da910c7dfed3cc6f191a905', validationErrors: this.validationErrors })), h("div", { key: 'ed174d1ef5328216ffa4e492af2dd2cd0ec34627', class: "page-header" }, h("p", { key: '1f0b2b60802ce28f0a2aac3d1a9782c09ce506e2', class: "header-text-1" }, "Template Creation"), h("p", { key: 'debf6e66e3c36f22dd9774fe0df075f20a8b7ef5' }, "/"), h("p", { key: '29331060e862a104c56b6bbbd0204d4b07c086ae', class: "header-text-2" }, this._template?.title)), h("form", { key: 'c76846874d2c7a4723bae63ea7baaf64a3b1cb18', id: "ls-editor-form" }, this.showtoolbox === true ? (h("div", { id: "ls-left-box", class: "leftBox" }, h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, h("ls-feature-column", { onManage: manager => {
                 if (manager.detail === 'document') {
                     var documentManager = this.component.shadowRoot.getElementById('ls-document-options');
                     documentManager.template = this._template;
@@ -24997,290 +25068,19 @@ const LsDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class LsDocumentView
                     participantManager.template = this._template;
                 }
                 this.manager = manager.detail;
-            } }), h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'toolbox' : 'hidden' }, h("div", { class: "ls-editor-infobox" }, h("h2", { class: "toolbox-section-title" }, "Participant Fields"), h("p", { class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), h("div", { class: "fields-box" }, this.signer > 0 ? (h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", signer: this.signer, onSelected: event => {
-                this.handleSelectedField.bind(this)(event);
-            } })) : (h("ls-toolbox-field", { elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000, icon: "auto-sign", signer: this.signer, onSelected: event => {
-                this.handleSelectedField.bind(this)(event);
-            } })), h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0, icon: "text", signer: this.signer, onSelected: event => {
-                this.handleSelectedField.bind(this)(event);
-            } }), h("ls-toolbox-field", { elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 30, icon: "auto-date", signer: this.signer, onSelected: event => {
-                this.handleSelectedField.bind(this)(event);
-            } }), h("ls-toolbox-field", { elementType: "date", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 2, icon: "calender", signer: this.signer, onSelected: event => {
-                this.handleSelectedField.bind(this)(event);
-            } }), h("ls-toolbox-field", { elementType: "email", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1, icon: "at-symbol", signer: this.signer, onSelected: event => {
-                this.handleSelectedField.bind(this)(event);
-            } }), h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials", signer: this.signer, onSelected: event => {
-                this.handleSelectedField.bind(this)(event);
-            } }), h("div", { class: "fields-box" }, h("ls-toolbox-field", { elementType: "number", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50, icon: "hashtag", signer: this.signer, onSelected: event => {
-                this.handleSelectedField.bind(this)(event);
-            } }), h("ls-toolbox-field", { elementType: "dropdown", formElementType: "dropdown", label: "Dropdown", defaultHeight: 27, defaultWidth: 80, validation: 20, icon: "hashtag", signer: this.signer, onSelected: event => {
-                this.handleSelectedField.bind(this)(event);
-            } }), h("ls-toolbox-field", { elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25, icon: "check", signer: this.signer, onSelected: event => {
-                this.handleSelectedField.bind(this)(event);
-            } }), h("ls-toolbox-field", { elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93, icon: "code", signer: this.signer, onSelected: event => {
-                this.handleSelectedField.bind(this)(event);
-            } }), h("ls-toolbox-field", { elementType: "image", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph", signer: this.signer, onSelected: event => {
-                this.handleSelectedField.bind(this)(event);
-            } }), h("ls-toolbox-field", { elementType: "file", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload", signer: this.signer, onSelected: event => {
-                this.handleSelectedField.bind(this)(event);
-            } })))), h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'toolbox' : 'hidden', editor: this }), h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'toolbox' : 'hidden' })), !this.displayTable && (h("div", { class: this.selected.length > 0 ? 'field-properties-outer' : 'hidden' }, h("div", { class: 'properties-header' }, h("div", { class: 'properties-header-icon' }, h("ls-icon", { name: "pre-filled-content" })), h("h1", { class: 'properties-header-title' }, "Field Properties"), h("button", { class: 'tertiaryGrey', onClick: e => {
+            } }), h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'toolbox' : 'hidden' }, h("div", { class: "ls-editor-infobox" }, h("h2", { class: "toolbox-section-title" }, "Participant Fields"), h("p", { class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), h("div", { class: "fields-box" }, h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.signer, style: this.signer > 0 ? { display: 'block' } : { display: 'none' } }), h("ls-toolbox-field", { elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000, icon: "auto-sign", tooltip: "Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending", signer: this.signer, style: this.signer === 0 ? { display: 'block' } : { display: 'none' } }), h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0, icon: "text", tooltip: "A field for collecting any plain text values such as: names, addresses or descriptions", signer: this.signer }), this.signer > 0 && (h("ls-toolbox-field", { elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 30, icon: "auto-date", tooltip: "Automatically inserts the date upon completion by the assigned Participant", signer: this.signer })), h("ls-toolbox-field", { elementType: "date", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 2, icon: "calender", tooltip: "A field for collecting dates with built-in date formatting options", signer: this.signer }), h("ls-toolbox-field", { elementType: "email", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1, icon: "at-symbol", tooltip: "A Field to only accept entries formatted as an email address (e.g., example@example.com)", signer: this.signer }), h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials", tooltip: "Use this field anywhere Participants are required to Initial your document", signer: this.signer }), h("ls-toolbox-field", { elementType: "number", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50, icon: "hashtag", tooltip: "A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)", signer: this.signer }), h("ls-toolbox-field", { elementType: "dropdown", formElementType: "dropdown", label: "Dropdown", defaultHeight: 27, defaultWidth: 80, validation: 20, icon: "dropdown", tooltip: "Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes", signer: this.signer }), h("ls-toolbox-field", { elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25, icon: "check", tooltip: "Places a checkbox on your document. Handy for T&Cs or  \u2714/\u2717 sections", signer: this.signer }), this.signer > 0 && (h(h.Fragment, null, h("ls-toolbox-field", { elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93, icon: "code", tooltip: "Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need", signer: this.signer }), h("ls-toolbox-field", { elementType: "image", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph", tooltip: "Use when you need Participants to upload their own images during the signing process", signer: this.signer }), h("ls-toolbox-field", { elementType: "file", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload", tooltip: "Use when you need Participants to upload their own documents during the signing process", signer: this.signer }), h("ls-toolbox-field", { elementType: "drawn", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.signer }))))), h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'toolbox' : 'hidden', editor: this }), h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'toolbox' : 'hidden' })), !this.displayTable && (h("div", { class: this.selected.length > 0 ? 'field-properties-outer' : 'hidden' }, h("div", { class: 'properties-header' }, h("div", { class: 'properties-header-icon' }, h("ls-icon", { name: "pre-filled-content" })), h("h1", { class: 'properties-header-title' }, "Field Properties"), h("button", { class: 'tertiaryGrey', onClick: e => {
                 this.selected = [];
                 e.preventDefault();
-            } }, h("ls-icon", { name: "x", size: "20" }))), h("ls-field-properties", { id: "my-field-panel" }), h("slot", null))))) : (h(h.Fragment, null)), h("ls-toolbar", { key: '8c4b8034e7ffed516af95db5f10cf4ada95dcbdb', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo }), h("div", { key: 'f387d5bc8389c756ed527b5a3b90f4622b3cc97c', id: "ls-mid-area" }, h("div", { key: '670fef66b54c73e52b707fc27e6cd058765c2dd2', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, h("div", { key: '2321a7a20cbd67b5e55607bd54b0bfb8fb5c2dc8', id: "ls-document-frame" }, h("canvas", { key: '76ec82c4ae65781013f12fa382affd327c1271f2', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'hidden' : '' }), h("ls-editor-table", { key: 'a8ec99154542ae3d0290eb3c33d88e5c96cff78e', editor: this, class: this.displayTable ? '' : 'hidden' }), h("div", { key: '74d7d28664675bfe3c0b178f783fcfe155ac4544', id: "ls-box-selector" }))), h("ls-statusbar", { key: '44c7a537634f5ea25028942223a850804d0f9639', editor: this }))))));
+            }, "data-tooltip": "Close Properties Panel" }, h("ls-icon", { name: "x", size: "20" }))), h("ls-field-properties", { id: "my-field-panel" }), h("slot", null))))) : (h(h.Fragment, null)), h("ls-toolbar", { key: '1a842b741758b7d448c1b55e9378d76d0aec4e58', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo }), h("div", { key: '7dc0340b8d84d7b043b31227472f379847a449ef', id: "ls-mid-area" }, h("div", { key: '10f97445cac7041f58bdef37832df95a73b223ed', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, h("div", { key: 'e8b73dd6501895905615079990c0ca39a612345e', id: "ls-document-frame" }, h("canvas", { key: '892397441efd8b9855eb96d54a5fdbf465cea51e', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'hidden' : '' }), h("ls-editor-table", { key: '8d01d307e31a12b67aa78ec856fbc5c608c6347c', editor: this, class: this.displayTable ? '' : 'hidden' }), h("div", { key: 'fc39c949ce7d300390735c4f27279e7f2db469c6', id: "ls-box-selector" }))), h("ls-statusbar", { key: 'eb12a4d632a6a53981ca9c33fb58ab60ef560051', editor: this, page: this.pageNum, pageCount: this.pageCount })))), h("ls-tooltip", { key: '0753db48e490f4e344ae17ace10cb9b315734c7e', id: "ls-tooltip-master" })));
     }
     static get watchers() { return {
         "mode": ["modeHandler"],
         "displayTable": ["tableViewHandler"]
     }; }
-    static get style() { return lsDocumentViewerCss; }
-}, [257, "ls-document-viewer", {
-        "template": [1],
-        "token": [1],
-        "userpool": [1],
-        "endpoint": [1],
-        "templateid": [1],
-        "zoom": [1026],
-        "pageNum": [1026, "page-num"],
-        "signer": [1026],
-        "groupInfo": [1032, "group-info"],
-        "mode": [1],
-        "manager": [1025],
-        "displayTable": [1028, "display-table"],
-        "showtoolbox": [4],
-        "showtoolbar": [4],
-        "showstatusbar": [4],
-        "showpagepreview": [4],
-        "expandfields": [4],
-        "readonly": [4],
-        "showtableview": [4],
-        "toolboxFilter": [1, "toolbox-filter"],
-        "_template": [32],
-        "validationErrors": [32],
-        "status": [32],
-        "selected": [32],
-        "isLoading": [32],
-        "pageNext": [64],
-        "pagePrev": [64],
-        "unselect": [64],
-        "setZoom": [64]
-    }, [[0, "mutate", "mutateHandler"], [0, "update", "updateHandler"], [0, "addParticipant", "addParticpantHandler"], [0, "selectFields", "selectFieldsHandler"], [0, "roleChange", "roleHandler"]], {
-        "mode": ["modeHandler"],
-        "displayTable": ["tableViewHandler"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-document-viewer", "ls-document-options", "ls-editor-field", "ls-editor-table", "ls-feature-column", "ls-field-alignment", "ls-field-content", "ls-field-dimensions", "ls-field-distribute", "ls-field-footer", "ls-field-format", "ls-field-placement", "ls-field-properties", "ls-field-properties-advanced", "ls-field-properties-autosign", "ls-field-properties-container", "ls-field-properties-date", "ls-field-properties-email", "ls-field-properties-file", "ls-field-properties-general", "ls-field-properties-image", "ls-field-properties-multiple", "ls-field-properties-number", "ls-field-properties-signature", "ls-field-properties-text", "ls-field-size", "ls-field-type-display", "ls-icon", "ls-input-wrapper", "ls-page-loader", "ls-participant-card", "ls-participant-manager", "ls-participant-select", "ls-props-section", "ls-statusbar", "ls-toggle", "ls-toolbar", "ls-toolbox-field", "ls-tooltip", "ls-validation-tag"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-document-viewer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LsDocumentViewer$1);
-            }
-            break;
-        case "ls-document-options":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$E();
-            }
-            break;
-        case "ls-editor-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$D();
-            }
-            break;
-        case "ls-editor-table":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$C();
-            }
-            break;
-        case "ls-feature-column":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$B();
-            }
-            break;
-        case "ls-field-alignment":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$A();
-            }
-            break;
-        case "ls-field-content":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$z();
-            }
-            break;
-        case "ls-field-dimensions":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$y();
-            }
-            break;
-        case "ls-field-distribute":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$x();
-            }
-            break;
-        case "ls-field-footer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$w();
-            }
-            break;
-        case "ls-field-format":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$v();
-            }
-            break;
-        case "ls-field-placement":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$u();
-            }
-            break;
-        case "ls-field-properties":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$t();
-            }
-            break;
-        case "ls-field-properties-advanced":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "ls-field-properties-autosign":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "ls-field-properties-container":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "ls-field-properties-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "ls-field-properties-email":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "ls-field-properties-file":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "ls-field-properties-general":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "ls-field-properties-image":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "ls-field-properties-multiple":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "ls-field-properties-number":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "ls-field-properties-signature":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "ls-field-properties-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "ls-field-size":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "ls-field-type-display":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "ls-input-wrapper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "ls-page-loader":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "ls-participant-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "ls-participant-manager":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "ls-participant-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "ls-props-section":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "ls-statusbar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "ls-toggle":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "ls-toolbar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "ls-toolbox-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ls-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ls-validation-tag":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const LsDocumentViewer = LsDocumentViewer$1;
-const defineCustomElement = defineCustomElement$1;
+};
+LsDocumentViewer.style = lsDocumentViewerCss;
 
-export { LsDocumentViewer, defineCustomElement };
-//# sourceMappingURL=ls-document-viewer.js.map
+export { LsDocumentViewer as ls_document_viewer };
+//# sourceMappingURL=ls-document-viewer.entry.esm.js.map
 
-//# sourceMappingURL=ls-document-viewer.js.map
+//# sourceMappingURL=ls-document-viewer.entry.js.map