legalesign-document-viewer 0.7.2 → 0.7.3

package/dist/ls-document-viewer/ls-document-viewer.esm.js

@@ -1,2 +1,50 @@
-import{p as e,g as t,b as l}from"./p-BwdJ-HOC.js";export{s as setNonce}from"./p-BwdJ-HOC.js";var i=()=>{const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};i().then((async e=>{await t();return l([["p-ccbc4663",[[769,"ls-field-properties-dropdown",{dataItem:[16]}]]],["p-00ab25ff",[[772,"ls-formfield",{name:[1],fieldId:[1,"field-id"],label:[1],as:[1],value:[1032],placeholder:[1],descriptionText:[1,"description-text"],errorText:[1,"error-text"],aria:[1],inputRef:[1,"input-ref"],infoTooltipText:[1,"info-tooltip-text"],hoverTooltipText:[1,"hover-tooltip-text"],disabled:[4],extraLabel:[1,"extra-label"],required:[4],valid:[4],dirty:[4],count:[4],countMax:[2,"count-max"],buttonClick:[16],buttonIcon:[1,"button-icon"],labelIcon:[1,"label-icon"],fieldIcon:[1,"field-icon"],_value:[32]},null,{value:["valueWatcher"]}]]],["p-bd532735",[[769,"ls-title-input",{template:[1040],editTitle:[32]}]]],["p-96fe16df",[[769,"ls-compose-manager",{template:[16]}]]],["p-18dc496a",[[769,"ls-document-viewer",{template:[1],token:[1],userpool:[1],endpoint:[1],templateid:[1],recipients:[1],_recipients:[16],zoom:[1026],pageNum:[1026,"page-num"],pageCount:[1026,"page-count"],signer:[1026],groupInfo:[1032,"group-info"],mode:[1],manager:[1025],displayTable:[1028,"display-table"],filtertoolbox:[1],showstatusbar:[4],showpagepreview:[4],readonly:[4],showtableview:[4],toolboxFilter:[1,"toolbox-filter"],_template:[32],validationErrors:[32],status:[32],fontSize:[32],fontFamily:[32],selected:[32],isLoading:[32],fieldTypeSelected:[32],pageNext:[64],pagePrev:[64],unselect:[64],setZoom:[64]},[[0,"mutate","mutateHandler"],[0,"fieldTypeSelected","handleFieldTypeSelected"],[0,"addParticipant","addParticpantHandler"],[0,"changeSigner","updateSigner"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{mode:["modeHandler"],zoom:["zoomChanged"]}],[769,"ls-field-properties",{dataItem:[16]}],[769,"ls-participant-manager",{editor:[16],template:[16]}],[769,"ls-statusbar",{zoom:[1026],page:[1026],pageCount:[1026,"page-count"],editor:[16]}],[769,"ls-toolbar",{dataItem:[1040],groupInfo:[16],template:[16],editor:[1040],mode:[1]}],[769,"ls-document-options",{template:[1040],editTitle:[32]},null,{template:["selectedHandler"]}],[769,"ls-recipient-card",{recipient:[16],activeRecipient:[2,"active-recipient"],fieldTypeSelected:[16],template:[16],validationErrors:[16],filtertoolbox:[1],isHovered:[32]},[[0,"fieldTypeSelected","handleFieldTypeSelected"]],{activeRecipient:["handleExpandCollapse"]}],[769,"ls-validation-manager",{validationErrors:[16]}],[769,"ls-feature-column",{manager:[1025],mode:[1]}],[769,"ls-validation-tag",{status:[1025],validationErrors:[1040],isExpanded:[1028,"is-expanded"],type:[1],showDropDown:[4,"show-drop-down"]}],[769,"ls-editor-table",{editor:[16]}],[257,"ls-page-loader"],[257,"ls-recipient-manager"],[769,"ls-field-properties-date",{dataItem:[16]}],[769,"ls-field-properties-email",{dataItem:[16]}],[769,"ls-field-properties-file",{dataItem:[16]}],[769,"ls-field-properties-general",{dataItem:[16]}],[769,"ls-field-properties-image",{dataItem:[16]}],[769,"ls-field-properties-number",{dataItem:[16]}],[769,"ls-field-properties-signature",{dataItem:[16]}],[769,"ls-field-properties-text",{dataItem:[16]}],[769,"ls-field-properties-multiple",{dataItem:[1040]}],[769,"ls-field-properties-autosign",{dataItem:[16]}],[769,"ls-helper-bar",{expanded:[1028],showShortcuts:[1028,"show-shortcuts"]}],[769,"ls-participant-card",{signer:[16],index:[2],editable:[1028],template:[16],swapUpBtn:[32],swapDownBtn:[32],editBtn:[32],deleteParticipantBtn:[32]},null,{editable:["modeHandler"]}],[769,"ls-field-format",{dataItem:[1040]},null,{dataItem:["selectFieldsHandler"]}],[769,"ls-participant-select",{selected:[1025],roles:[16],selectedRole:[32],isOpen:[32]},null,{roles:["handleRoleLoad"]}],[769,"ls-field-distribute",{dataItem:[1040]}],[769,"ls-field-alignment",{dataItem:[1040]}],[769,"ls-field-size",{dataItem:[1040]}],[769,"ls-toolbox-field",{formElementType:[1,"form-element-type"],elementType:[1,"element-type"],validation:[2],fixedAspect:[2,"fixed-aspect"],redDot:[4,"red-dot"],label:[1],icon:[1],tooltip:[1],defaultHeight:[2,"default-height"],defaultWidth:[2,"default-width"],signer:[2],isSelected:[1028,"is-selected"]},[[1,"dragstart","handleDragStart"],[0,"keydown","handleKeyDown"]]],[257,"ls-keyboard-shortcuts"],[769,"ls-field-content",{dataItem:[1040],showValidationTypes:[4,"show-validation-types"]}],[769,"ls-field-placement",{dataItem:[1040]}],[769,"ls-field-properties-advanced",{dataItem:[1040],expanded:[1028]}],[769,"ls-field-type-display",{assignee:[2],fieldType:[1,"field-type"]}],[769,"ls-field-properties-container",{dataItem:[16],tabs:[16],selectedTab:[1537,"selected-tab"]}],[769,"ls-field-dimensions",{dataItem:[1040]}],[769,"ls-field-footer",{dataItem:[1040]}],[769,"ls-input-wrapper",{leadingIcon:[1,"leading-icon"],select:[4]}],[769,"ls-props-section",{sectionTitle:[1,"section-title"],sectionDescription:[1,"section-description"],row:[4]}],[772,"ls-toggle",{checked:[1028],indeterminate:[4]}],[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"]}],[769,"ls-tooltip",{referenceElement:[1040],placement:[1025],tooltipText:[1025,"tooltip-text"],tooltipTitle:[1025,"tooltip-title"],tooltipLocked:[4,"tooltip-locked"],hide:[64]},null,{referenceElement:["updateReferenceHandler"]}],[769,"ls-icon",{name:[1],solid:[4],color:[1],size:[1],customStyle:[16]}]]],["p-131fe514",[[769,"ls-number-input",{type:[1],name:[1],value:[1026],placeholder:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],required:[4],valid:[4],dirty:[4],countMax:[2,"count-max"],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"]}],[768,"ls-radio-input",{radioId:[1,"radio-id"],label:[1],icon:[1],name:[1],checked:[4],disabled:[4],customStyle:[16]}],[772,"ls-select-input",{name:[1],value:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],displayOnly:[4,"display-only"],required:[4],valid:[4],dirty:[4],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"]}],[769,"ls-text-input",{type:[1],name:[1],value:[1025],placeholder:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],required:[4],valid:[4],dirty:[4],countMax:[2,"count-max"],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"],showPassword:[32]}],[769,"ls-textarea-input",{name:[1],value:[1],placeholder:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],displayOnly:[4,"display-only"],required:[4],valid:[4],dirty:[4],countMax:[2,"count-max"],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"]}]]]],e)}));
+import { B as BUILD, c as consoleDevInfo, H, w as win, N as NAMESPACE, p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-DANCsk1i.js';
+export { s as setNonce } from './index-DANCsk1i.js';
+
+/*
+ Stencil Client Patch Browser v4.39.0 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  if (BUILD.isDev && !BUILD.isTesting) {
+    consoleDevInfo("Running in development mode.");
+  }
+  if (BUILD.cloneNodeFix) {
+    patchCloneNodeFix(H.prototype);
+  }
+  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll("script")).find(
+    (s) => new RegExp(`/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) || s.getAttribute("data-stencil-namespace") === NAMESPACE
+  ) : null;
+  const importMeta = import.meta.url;
+  const opts = BUILD.scriptDataOpts ? (scriptElm || {})["data-opts"] || {} : {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
+};
+var patchCloneNodeFix = (HTMLElementPrototype) => {
+  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
+  HTMLElementPrototype.cloneNode = function(deep) {
+    if (this.nodeName === "TEMPLATE") {
+      return nativeCloneNodeFn.call(this, deep);
+    }
+    const clonedNode = nativeCloneNodeFn.call(this, false);
+    const srcChildNodes = this.childNodes;
+    if (deep) {
+      for (let i = 0; i < srcChildNodes.length; i++) {
+        if (srcChildNodes[i].nodeType !== 2) {
+          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
+        }
+      }
+    }
+    return clonedNode;
+  };
+};
+
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  return bootstrapLazy([["ls-document-viewer",[[769,"ls-document-viewer",{"template":[1],"token":[1],"userpool":[1],"endpoint":[1],"templateid":[1],"recipients":[1],"_recipients":[16],"zoom":[1026],"pageNum":[1026,"page-num"],"pageCount":[1026,"page-count"],"signer":[1026],"groupInfo":[1032,"group-info"],"mode":[1],"manager":[1025],"displayTable":[1028,"display-table"],"filtertoolbox":[1],"showstatusbar":[4],"showpagepreview":[4],"readonly":[4],"showtableview":[4],"toolboxFilter":[1,"toolbox-filter"],"_template":[32],"validationErrors":[32],"status":[32],"fontSize":[32],"fontFamily":[32],"selected":[32],"isLoading":[32],"fieldTypeSelected":[32],"pageNext":[64],"pagePrev":[64],"unselect":[64],"setZoom":[64]},[[0,"mutate","mutateHandler"],[0,"fieldTypeSelected","handleFieldTypeSelected"],[0,"addParticipant","addParticpantHandler"],[0,"changeSigner","updateSigner"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{"mode":["modeHandler"],"zoom":["zoomChanged"]}]]],["ls-field-properties-dropdown",[[769,"ls-field-properties-dropdown",{"dataItem":[16]}]]],["ls-formfield",[[772,"ls-formfield",{"name":[1],"fieldId":[1,"field-id"],"label":[1],"as":[1],"value":[1032],"placeholder":[1],"descriptionText":[1,"description-text"],"errorText":[1,"error-text"],"aria":[1],"inputRef":[1,"input-ref"],"infoTooltipText":[1,"info-tooltip-text"],"hoverTooltipText":[1,"hover-tooltip-text"],"disabled":[4],"extraLabel":[1,"extra-label"],"required":[4],"valid":[4],"dirty":[4],"count":[4],"countMax":[2,"count-max"],"buttonClick":[16],"buttonIcon":[1,"button-icon"],"labelIcon":[1,"label-icon"],"fieldIcon":[1,"field-icon"],"_value":[32]},null,{"value":["valueWatcher"]}]]],["ls-title-input",[[769,"ls-title-input",{"template":[1040],"editTitle":[32]}]]],["ls-compose-manager",[[769,"ls-compose-manager",{"template":[16]}]]],["ls-field-properties",[[769,"ls-field-properties",{"dataItem":[16]}]]],["ls-participant-manager",[[769,"ls-participant-manager",{"editor":[16],"template":[16]}]]],["ls-statusbar",[[769,"ls-statusbar",{"zoom":[1026],"page":[1026],"pageCount":[1026,"page-count"],"editor":[16]}]]],["ls-toolbar",[[769,"ls-toolbar",{"dataItem":[1040],"groupInfo":[16],"template":[16],"editor":[1040],"mode":[1]}]]],["ls-document-options",[[769,"ls-document-options",{"template":[1040],"editTitle":[32]},null,{"template":["selectedHandler"]}]]],["ls-recipient-card",[[769,"ls-recipient-card",{"recipient":[16],"activeRecipient":[2,"active-recipient"],"fieldTypeSelected":[16],"template":[16],"validationErrors":[16],"filtertoolbox":[1],"isHovered":[32]},[[0,"fieldTypeSelected","handleFieldTypeSelected"]],{"activeRecipient":["handleExpandCollapse"]}]]],["ls-validation-manager",[[769,"ls-validation-manager",{"validationErrors":[16]}]]],["ls-feature-column",[[769,"ls-feature-column",{"manager":[1025],"mode":[1]}]]],["ls-number-input",[[769,"ls-number-input",{"type":[1],"name":[1],"value":[1026],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}]]],["ls-radio-input",[[768,"ls-radio-input",{"radioId":[1,"radio-id"],"label":[1],"icon":[1],"name":[1],"checked":[4],"disabled":[4],"customStyle":[16]}]]],["ls-select-input",[[772,"ls-select-input",{"name":[1],"value":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}]]],["ls-text-input",[[769,"ls-text-input",{"type":[1],"name":[1],"value":[1025],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"],"showPassword":[32]}]]],["ls-textarea-input",[[769,"ls-textarea-input",{"name":[1],"value":[1],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}]]],["ls-validation-tag",[[769,"ls-validation-tag",{"status":[1025],"validationErrors":[1040],"isExpanded":[1028,"is-expanded"],"type":[1],"showDropDown":[4,"show-drop-down"]}]]],["ls-editor-table",[[769,"ls-editor-table",{"editor":[16]}]]],["ls-page-loader",[[257,"ls-page-loader"]]],["ls-recipient-manager",[[257,"ls-recipient-manager"]]],["ls-field-type-display",[[769,"ls-field-type-display",{"assignee":[2],"fieldType":[1,"field-type"]}]]],["ls-field-properties-container",[[769,"ls-field-properties-container",{"dataItem":[16],"tabs":[16],"selectedTab":[1537,"selected-tab"]}]]],["ls-input-wrapper",[[769,"ls-input-wrapper",{"leadingIcon":[1,"leading-icon"],"select":[4]}]]],["ls-toggle",[[772,"ls-toggle",{"checked":[1028],"indeterminate":[4]}]]],["ls-tooltip",[[769,"ls-tooltip",{"referenceElement":[1040],"placement":[1025],"tooltipText":[1025,"tooltip-text"],"tooltipTitle":[1025,"tooltip-title"],"tooltipLocked":[4,"tooltip-locked"],"hide":[64]},null,{"referenceElement":["updateReferenceHandler"]}]]],["ls-icon",[[769,"ls-icon",{"name":[1],"solid":[4],"color":[1],"size":[1],"customStyle":[16]}]]],["ls-field-properties-date",[[769,"ls-field-properties-date",{"dataItem":[16]}]]],["ls-field-properties-email",[[769,"ls-field-properties-email",{"dataItem":[16]}]]],["ls-field-properties-file",[[769,"ls-field-properties-file",{"dataItem":[16]}]]],["ls-field-properties-general",[[769,"ls-field-properties-general",{"dataItem":[16]}]]],["ls-field-properties-image",[[769,"ls-field-properties-image",{"dataItem":[16]}]]],["ls-field-properties-number",[[769,"ls-field-properties-number",{"dataItem":[16]}]]],["ls-field-properties-signature",[[769,"ls-field-properties-signature",{"dataItem":[16]}]]],["ls-field-properties-text",[[769,"ls-field-properties-text",{"dataItem":[16]}]]],["ls-field-properties-multiple",[[769,"ls-field-properties-multiple",{"dataItem":[1040]}]]],["ls-field-properties-autosign",[[769,"ls-field-properties-autosign",{"dataItem":[16]}]]],["ls-helper-bar",[[769,"ls-helper-bar",{"expanded":[1028],"showShortcuts":[1028,"show-shortcuts"]}]]],["ls-participant-card",[[769,"ls-participant-card",{"signer":[16],"index":[2],"editable":[1028],"template":[16],"swapUpBtn":[32],"swapDownBtn":[32],"editBtn":[32],"deleteParticipantBtn":[32]},null,{"editable":["modeHandler"]}]]],["ls-field-format",[[769,"ls-field-format",{"dataItem":[1040]},null,{"dataItem":["selectFieldsHandler"]}]]],["ls-participant-select",[[769,"ls-participant-select",{"selected":[1025],"roles":[16],"selectedRole":[32],"isOpen":[32]},null,{"roles":["handleRoleLoad"]}]]],["ls-field-distribute",[[769,"ls-field-distribute",{"dataItem":[1040]}]]],["ls-field-alignment",[[769,"ls-field-alignment",{"dataItem":[1040]}]]],["ls-field-size",[[769,"ls-field-size",{"dataItem":[1040]}]]],["ls-toolbox-field",[[769,"ls-toolbox-field",{"formElementType":[1,"form-element-type"],"elementType":[1,"element-type"],"validation":[2],"fixedAspect":[2,"fixed-aspect"],"redDot":[4,"red-dot"],"label":[1],"icon":[1],"tooltip":[1],"defaultHeight":[2,"default-height"],"defaultWidth":[2,"default-width"],"signer":[2],"isSelected":[1028,"is-selected"]},[[1,"dragstart","handleDragStart"],[0,"keydown","handleKeyDown"]]]]],["ls-keyboard-shortcuts",[[257,"ls-keyboard-shortcuts"]]],["ls-editor-field",[[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"]}]]],["ls-field-content",[[769,"ls-field-content",{"dataItem":[1040],"showValidationTypes":[4,"show-validation-types"]}]]],["ls-field-placement",[[769,"ls-field-placement",{"dataItem":[1040]}]]],["ls-props-section",[[769,"ls-props-section",{"sectionTitle":[1,"section-title"],"sectionDescription":[1,"section-description"],"row":[4]}]]],["ls-field-properties-advanced",[[769,"ls-field-properties-advanced",{"dataItem":[1040],"expanded":[1028]}]]],["ls-field-dimensions",[[769,"ls-field-dimensions",{"dataItem":[1040]}]]],["ls-field-footer",[[769,"ls-field-footer",{"dataItem":[1040]}]]]], options);
+});
+//# sourceMappingURL=ls-document-viewer.esm.js.map
+
 //# sourceMappingURL=ls-document-viewer.esm.js.map

package/dist/ls-document-viewer/ls-document-viewer.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ls-document-viewer.esm.js","sources":["node_modules/.pnpm/@stencil+core@4.39.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.39.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}
+{"version":3,"file":"ls-document-viewer.esm.js","sources":["node_modules/.pnpm/@stencil+core@4.39.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.39.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AACzB,EAAE,IAAI,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;AACvC,IAAI,cAAc,CAAC,8BAA8B,CAAC;AAClD;AACA,EAAE,IAAI,KAAK,CAAC,YAAY,EAAE;AAC1B,IAAI,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC;AAClC;AACA,EAAE,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,GAAG,GAAG,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;AACnH,IAAI,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,wBAAwB,CAAC,KAAK;AAC1H,GAAG,GAAG,IAAI;AACV,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAG,KAAK,CAAC,cAAc,GAAG,CAAC,SAAS,IAAI,EAAE,EAAE,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;AACD,IAAI,iBAAiB,GAAG,CAAC,oBAAoB,KAAK;AAClD,EAAE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS;AAC1D,EAAE,oBAAoB,CAAC,SAAS,GAAG,SAAS,IAAI,EAAE;AAClD,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE;AACtC,MAAM,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;AAC/C;AACA,IAAI,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC;AAC1D,IAAI,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU;AACzC,IAAI,IAAI,IAAI,EAAE;AACd,MAAM,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACrD,QAAQ,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAE;AAC7C,UAAU,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAClE;AACA;AACA;AACA,IAAI,OAAO,UAAU;AACrB,GAAG;AACH,CAAC;;ACrCD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}

package/dist/ls-document-viewer/ls-editor-field.entry.js

@@ -0,0 +1,203 @@
+import { r as registerInstance, d as createEvent, e as getElement, h, a as Host } from './index-DANCsk1i.js';
+import { i as getInputType } from './editorUtils-B8pqYCt6.js';
+import { d as defaultRolePalette } from './defaultPalette-CwCWCxsI.js';
+
+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 = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.mutate = createEvent(this, "mutate", 6);
+        this.update = createEvent(this, "update", 6);
+    }
+    get component() { return getElement(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} ${this.dataItem?.signer > 99 ? 'dashed' : '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} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}` };
+        const zoomValue = parseFloat(this.zoom) || 1;
+        return (h(Host, { key: '11f4f6db9b380c3a0875fdf63da7450b4589d325', id: this.dataItem ? 'ls-field-' + this.dataItem.id : undefined, style: hostStyle, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'e74e7f4dc398dbfe93b03b1e28b6d3a57a9ef1f0', class: {
+                'ls-editor-field': true,
+                'is-selected': this.selected,
+            } }, !this.dataItem?.optional && (h("ls-icon", { key: '99ae4dd65f3e5bb83d1b6516d8f684610e6a9e42', 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: 'ffa6dc7a70aa49deb697f9d8e6513f61d3d7d84a', 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: 'dfa7d7859fa9de8815a9e2be92df7b400f200bb8', 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: '35c368af6acb3f5a0f491693f5a42738fefc4631', 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: '5d9dcb7a97b537a7cc8183fe3f704a748acfd956', 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: '44c7d7a11b830b84808de2a70d8084aad5c30318', 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: '0d951c691fd05840590d0ec4bb19075983c88aed', name: "x", size: `${0.75 * zoomValue}rem` }))))));
+    }
+    static get watchers() { return {
+        "selected": ["watchSelectedHandler"]
+    }; }
+};
+LsEditorField.style = lsEditorFieldCss();
+
+export { LsEditorField as ls_editor_field };
+//# sourceMappingURL=ls-editor-field.entry.esm.js.map

package/dist/ls-document-viewer/ls-editor-table.entry.js

@@ -0,0 +1,38 @@
+import { r as registerInstance, e as getElement, h, a as Host } from './index-DANCsk1i.js';
+
+const lsEditorTableCss = () => `:host{display:block;z-index:100;position:absolute;top:0px;left:0px}table{background-color:azure;border:1px solid black}td{border:1px solid black}`;
+
+const LsEditorTable = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    get component() { return getElement(this); }
+    /**
+  * The parent editor control.
+  * {LsDocumentViewer}
+  */
+    editor;
+    componentDidLoad() {
+        var dataTable = this.component.shadowRoot.getElementById('ls-editor-table');
+        Array.from(this.editor.component.shadowRoot.querySelectorAll('ls-editor-field')).forEach(fx => {
+            const rowNode = document.createElement('tr');
+            const idCellNode = document.createElement('td');
+            idCellNode.innerText = fx.dataItem.id;
+            rowNode.appendChild(idCellNode);
+            const valueCellNode = document.createElement('td');
+            valueCellNode.innerText = fx.dataItem.value;
+            rowNode.appendChild(valueCellNode);
+            const labelCellNode = document.createElement('td');
+            labelCellNode.innerText = fx.dataItem.label;
+            rowNode.appendChild(labelCellNode);
+            dataTable.appendChild(rowNode);
+        });
+    }
+    render() {
+        return (h(Host, { key: '2b5f985395683bb456d7e27dcafe93fcd42e0d6a' }, h("table", { key: '42c9f9c8dd310cdc85fb8cf01478cf4152605e3e', id: "ls-editor-table" }), h("slot", { key: 'a38507ff154b812f3567a0e720fa3f68172e8ed0' })));
+    }
+};
+LsEditorTable.style = lsEditorTableCss();
+
+export { LsEditorTable as ls_editor_table };
+//# sourceMappingURL=ls-editor-table.entry.esm.js.map

package/dist/ls-document-viewer/ls-feature-column.entry.js

@@ -0,0 +1,49 @@
+import { r as registerInstance, d as createEvent, e as getElement, h, a as Host } from './index-DANCsk1i.js';
+import { a as attachAllTooltips } from './tooltip-Cb8nDMs-.js';
+
+const lsFeatureColumnCss = () => `:host{display:flex;flex-direction:column;gap:0.5rem}.activeIcon,.defaultIcon{padding:0.75rem;border-radius:0.75rem;color:var(--gray-80, #787A80)}.defaultIcon:hover{background-color:var(--primary-10, #EFF4FF);color:var(--primary-100, #0C1457);cursor:pointer}.activeIcon{background-color:var(--primary-60, #4456F6);color:var(--white, #fff)}.hidden{display:none}`;
+
+const LsFeatureColoumn = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.manage = createEvent(this, "manage", 7);
+    }
+    get component() { return getElement(this); }
+    /**
+     * Determines / sets which of the far left 'managers' is active.
+     * {'document' | 'toolbox' | 'participant' }
+     */
+    manager = 'toolbox';
+    /**
+     * The mode that document viewer is being used in.
+     * {'preview' | 'editor' | 'custom'}
+     */
+    mode = 'editor';
+    // Send an manager change up the DOM
+    manage;
+    componentDidLoad() {
+        attachAllTooltips(this.component.shadowRoot);
+    }
+    render() {
+        return (h(Host, { key: '32506176ef09b0cee6c503629199ac89b9c9a5dc' }, h("div", { key: 'a1090e9ea9c4283c87193fa3db2145d9a6d23284', class: this.mode !== "editor" ? 'hidden' : this.manager === 'document' ? 'activeIcon' : 'defaultIcon', onClick: () => {
+                this.manage.emit('document');
+                this.manager = 'document';
+            }, "data-tooltip-title": "Template Details", "data-tooltip": "View and edit Template properties", "data-tooltip-placement": "right" }, h("ls-icon", { key: '269246201ec37901ea6b035a459ab8b685acb020', name: "document", size: "1.5rem" })), h("div", { key: '0af26d8205f68f1a8991a2f1258e4e211ea7caa1', class: this.manager === 'toolbox' ? 'activeIcon' : 'defaultIcon', onClick: () => {
+                this.manage.emit('toolbox');
+                this.manager = 'toolbox';
+            }, "data-tooltip-title": "Field Types", "data-tooltip": "Select and place Form Field Elements", "data-tooltip-placement": "right" }, h("ls-icon", { key: '81765d486710124204aebcdbab6ee95ee80fcaad', name: "typing-input", size: "1.5rem" })), h("div", { key: 'bbdb846db734b5cab9e42b10efe2eace77f1300b', class: this.mode !== "editor" ? 'hidden' : this.manager === 'participant' ? 'activeIcon' : 'defaultIcon', onClick: () => {
+                this.manage.emit('participant');
+                this.manager = 'participant';
+            }, "data-tooltip-title": "Participants", "data-tooltip": "Manage Signers, Witnesses and Approvers", "data-tooltip-placement": "right" }, h("ls-icon", { key: 'a870efda3f15f7276e68cf09c1225a72b6be5847', name: "user-group", size: "1.5rem" })), h("div", { key: '9b930ef8bae634ee87457cb5654054c8aaecc395', class: this.mode !== "compose" ? 'hidden' : this.manager === 'recipient' ? 'activeIcon' : 'defaultIcon', onClick: () => {
+                this.manage.emit('recipient');
+                this.manager = 'recipient';
+            }, "data-tooltip-title": "Recipients", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, h("ls-icon", { key: 'c2e34b0120245df52bbb5abc23a0b0f86fdaaf82', name: "user-group", size: "1.5rem" })), h("div", { key: '8f08f61a053f5502e93c33ab453034a51dad0b5a', class: this.mode !== "preview" ? 'hidden' : this.manager === 'validation' ? 'activeIcon' : 'defaultIcon', onClick: () => {
+                this.manage.emit('validation');
+                this.manager = 'validation';
+            }, "data-tooltip-title": "Validation", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, h("ls-icon", { key: '01b2b7b89f38b6ea017d8f0f6996b8c9d31469ed', name: "adjustments", size: "1.5rem" })), h("slot", { key: 'c8f5990f5ab8bb5f27b51ea3d5ff539608e2ed6f' }), h("ls-tooltip", { key: 'fa075419a9de6fc70eab22d4917d2f0ec922d24b', id: "ls-tooltip-master" })));
+    }
+};
+LsFeatureColoumn.style = lsFeatureColumnCss();
+
+export { LsFeatureColoumn as ls_feature_column };
+//# sourceMappingURL=ls-feature-column.entry.esm.js.map

package/dist/{components/p-UffBQXtF.js → ls-document-viewer/ls-field-alignment.entry.js}

@@ -1,21 +1,15 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
-import { a as attachAllTooltips } from './p-Cb8nDMs-.js';
-import { d as defineCustomElement$2 } from './p-DnyBXRV4.js';
-import { d as defineCustomElement$1 } from './p-faUZy676.js';
+import { r as registerInstance, d as createEvent, e as getElement, h, a as Host } from './index-DANCsk1i.js';
+import { a as attachAllTooltips } from './tooltip-Cb8nDMs-.js';
 
 const lsFieldAlignmentCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.multi-button-group-row{display:flex;gap:0.5rem}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}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:2.25rem}.input-wrapper{position:relative;width:100%}#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)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.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:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){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:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}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%}.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;width:100%}.button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.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)}`;
 
-const LsFieldAlignment = /*@__PURE__*/ proxyCustomElement(class LsFieldAlignment extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsFieldAlignment = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.mutate = createEvent(this, "mutate", 7);
         this.update = createEvent(this, "update", 7);
     }
-    get component() { return this; }
+    get component() { return getElement(this); }
     dataItem;
     mutate;
     update;
@@ -129,40 +123,12 @@ const LsFieldAlignment = /*@__PURE__*/ proxyCustomElement(class LsFieldAlignment
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (h(Host, { key: '8bd70f073971697c2b014944d97018b75277b864' }, h("div", { key: 'c247d504a1b92ae8971256fb489c047f6afc7fb5', class: 'ls-field-properties-section' }, h("div", { key: 'e2cc2e7ac6998ae66b39472a54ad8f58e99607b7', class: 'ls-field-properties-section-text' }, h("p", { key: '239be4fcce6c882aaacb07bfd4179048cb4c11e7', class: 'ls-field-properties-section-title' }, "Alignment"), h("p", { key: 'f13e84ad7df782449075dc77b2385f7aa2049db0', class: 'ls-field-properties-section-description' }, "Align your Fields relative to the page or multi-select and align then to each other.")), h("div", { key: 'b8acad8030b6f235566229cdfd6f8b2d51fb8626', class: 'multi-button-group-row' }, h("div", { key: 'b7d6933810375e334cfe64e2736e7b26e5cbb65e', class: 'button-group' }, h("button", { key: 'd3e50eb147b48982fe34301773ec367140e108ec', onClick: () => this.left(), "aria-label": "Align selected fields vertically about their left edge.", "data-tooltip": "Align Left" }, h("ls-icon", { key: 'd5bdf303affbe96e2b365c6bd9466fc95d69ebf2', name: "field-alignment-left" })), h("button", { key: '4301db1ba4b17d43d39965e290bd383f7a220146', onClick: () => this.center(), "aria-label": "Align selected fields vertically about their centre.", "data-tooltip": "Align Center" }, h("ls-icon", { key: 'b0797cf14f96a6155938ba42af1d6bea9585f2c0', name: "field-alignment-centre" })), h("button", { key: '38785cd51edbbc73a31a98aed8d4b49ccf5b6369', onClick: () => {
+        return (h(Host, { key: '4d081598befa7b6a67bf220e3870c805eba139f0' }, h("div", { key: '48fda9f854a3fb04d470cfdd6ffdbdc8058b1cf3', class: 'ls-field-properties-section' }, h("div", { key: 'd7b62a419646eec78363a87c28f69ba895474f65', class: 'ls-field-properties-section-text' }, h("p", { key: 'ee810b98d150308ace4cd211e0d7ce6f10e1a460', class: 'ls-field-properties-section-title' }, "Alignment"), h("p", { key: '735e426d657c330ea091e1077ff8852d2d05e04c', class: 'ls-field-properties-section-description' }, "Align your Fields relative to the page or multi-select and align then to each other.")), h("div", { key: 'c75c03e9bb65fa92c60bf88d8bb39f231c115a71', class: 'multi-button-group-row' }, h("div", { key: '7f69f2cac78aa72df273c0cc801a4b2b0a9bebda', class: 'button-group' }, h("button", { key: '042ffa301be627a3356e4670a822d13458a9d86d', onClick: () => this.left(), "aria-label": "Align selected fields vertically about their left edge.", "data-tooltip": "Align Left" }, h("ls-icon", { key: 'd5da4965e2745453e9ad98859cb9fb023bd10648', name: "field-alignment-left" })), h("button", { key: '5b6193247e9aa23d922b6bda8205b416aa1e5ad5', onClick: () => this.center(), "aria-label": "Align selected fields vertically about their centre.", "data-tooltip": "Align Center" }, h("ls-icon", { key: 'd743bb07575b1b7948815ea0d8b4bb9ed136b0d6', name: "field-alignment-centre" })), h("button", { key: 'b0c219165c0a53c6ff23fc1ca4a30c8f1446f398', onClick: () => {
                 this.right();
-            }, "aria-label": "Align selected fields vertically about their right edge.", "data-tooltip": "Align Right" }, h("ls-icon", { key: 'c2a236ff67b71535fda87cf30a84c58e70ed2787', name: "field-alignment-right" }))), h("div", { key: 'fb8ff869b42ef5d425ec691d3dc4a7f3a0e09ba9', class: 'button-group' }, h("button", { key: '0f19f1f99491b23c86aa2f904803f401d84daff2', onClick: () => this.top(), "aria-label": "Align selected fields by their top.", "data-tooltip": "Align Top" }, h("ls-icon", { key: 'c45d9411f17fe744aa839364b01c44f75878e361', name: "field-alignment-top" })), h("button", { key: '9110617a162d7a19d6cf1903270ee53d1387752b', onClick: () => this.middle(), "aria-label": "Align selected fields by their middles.", "data-tooltip": "Align Middle" }, h("ls-icon", { key: '44c5e6864fcb65aea3bf1ed170c8276d092248eb', name: "field-alignment-middle" })), h("button", { key: '63ebb49408d46326dbd370c5a25c4f4aaa849c32', onClick: () => this.bottom(), "aria-label": "Align selected fields by their bottoms.", "data-tooltip": "Align Bottom" }, h("ls-icon", { key: '4aa7d42aa0c93427b4e64dbf28ef93c3dc6f5547', name: "field-alignment-bottom" }))))), h("slot", { key: 'a7bf6ce14e730c153f3edfa4e3b168ef54b97030' }), h("ls-tooltip", { key: '6db676399f9a25c48e4e05a4177e045e0d200d6b', id: "ls-tooltip-master" })));
+            }, "aria-label": "Align selected fields vertically about their right edge.", "data-tooltip": "Align Right" }, h("ls-icon", { key: '71087033c55f96d021cbb5e1614d001f252fe90e', name: "field-alignment-right" }))), h("div", { key: '879fc494ded06babc4bbee1c75d8221990261a05', class: 'button-group' }, h("button", { key: '24e0cbf2a70c82a05f814cbf61eba68aa63d027b', onClick: () => this.top(), "aria-label": "Align selected fields by their top.", "data-tooltip": "Align Top" }, h("ls-icon", { key: '2a9c9e1f3fc68858283c2941d9aaeede2335b1c4', name: "field-alignment-top" })), h("button", { key: '6fef47d9e3297ca95d8893d3de55c29cc27ecfbf', onClick: () => this.middle(), "aria-label": "Align selected fields by their middles.", "data-tooltip": "Align Middle" }, h("ls-icon", { key: 'ad3008c3fdccdc6b4da353fb94d1831567e6f0cd', name: "field-alignment-middle" })), h("button", { key: '17c5a1dc4df2ad2296d3aeb850d665a8aac5a264', onClick: () => this.bottom(), "aria-label": "Align selected fields by their bottoms.", "data-tooltip": "Align Bottom" }, h("ls-icon", { key: '3cf8396519207ae9bd48dfa6a29e749c34cf3221', name: "field-alignment-bottom" }))))), h("slot", { key: '6f1a4f71a6058855c57614a538a5c04c8561c2b8' }), h("ls-tooltip", { key: '1d28cd4ddb61f688203a47fd02e818a51c22d043', id: "ls-tooltip-master" })));
     }
-    static get style() { return lsFieldAlignmentCss(); }
-}, [769, "ls-field-alignment", {
-        "dataItem": [1040]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-field-alignment", "ls-icon", "ls-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-field-alignment":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsFieldAlignment);
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ls-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsFieldAlignment as L, defineCustomElement as d };
-//# sourceMappingURL=p-UffBQXtF.js.map
+};
+LsFieldAlignment.style = lsFieldAlignmentCss();
 
-//# sourceMappingURL=p-UffBQXtF.js.map
+export { LsFieldAlignment as ls_field_alignment };
+//# sourceMappingURL=ls-field-alignment.entry.esm.js.map

package/dist/{components/p-Dsi4R7Oq.js → ls-document-viewer/ls-field-content.entry.js}

@@ -1,24 +1,16 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
-import { d as defineCustomElement$6, i as validationTypes } from './p-CKnixZlS.js';
-import { d as defineCustomElement$5, g as getFieldPlaceholder, a as getFieldTitleSuggestion } from './p-kug3tj7P.js';
-import { d as defineCustomElement$4 } from './p-DnyBXRV4.js';
-import { d as defineCustomElement$3 } from './p-B5cnJ7Uh.js';
-import { d as defineCustomElement$2 } from './p-CwkNbClZ.js';
-import { d as defineCustomElement$1 } from './p-mm_laW9q.js';
+import { r as registerInstance, d as createEvent, e as getElement, h, a as Host } from './index-DANCsk1i.js';
+import { h as validationTypes } from './editorUtils-B8pqYCt6.js';
+import { g as getFieldTitleSuggestion, a as getFieldPlaceholder } from './defaultFieldLabels-CUaKk41L.js';
 
 const lsFieldContentCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%}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:2.2rem;width:100%}.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%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{display:flex;gap:0.5rem;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;font-weight:500;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.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.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)}`;
 
-const LsFieldContent = /*@__PURE__*/ proxyCustomElement(class LsFieldContent extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsFieldContent = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.mutate = createEvent(this, "mutate", 7);
         this.update = createEvent(this, "update", 7);
     }
-    get component() { return this; }
+    get component() { return getElement(this); }
     dataItem;
     showValidationTypes = true;
     mutate;
@@ -44,61 +36,12 @@ const LsFieldContent = /*@__PURE__*/ proxyCustomElement(class LsFieldContent ext
         return !typesWithValue.includes(this.dataItem?.elementType);
     }
     render() {
-        return (h(Host, { key: '657d620157ef9d0bdfce79ee1610a67f7e990429' }, h("ls-props-section", { key: 'f240dc47840f73f0c989d522cb311696c22907aa', sectionTitle: "Field Type", sectionDescription: "The Field you currently have selected" }, h("ls-field-type-display", { key: '41f7e9ee644f5938d29d479052257b2ddb6c0f71', fieldType: this.dataItem?.elementType, assignee: this.dataItem?.signer })), h("ls-props-section", { key: '124e8ae4a235c1292edaf62d6162b545d8ef8503', sectionTitle: "Required Field", row: true }, h("ls-toggle", { key: 'eb88e9e8df4dace6854efc2dd55afe43997c3130', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: ev => this.alter({ optional: !ev.detail }) })), h("ls-props-section", { key: '33c1c38e90a09726de65fbc342586d08eeaf8af2', sectionTitle: "Field Label", sectionDescription: "Add a label to clarify the information required from the Recipient." }, h("input", { key: '8d7643f93c2fa9c862c80f1f3155d2eb2cfee9ff', value: this.dataItem?.label, placeholder: getFieldTitleSuggestion(this.dataItem?.elementType), onInput: e => this.alter({ label: e.target.value }) })), this.supportsValue() && (h("ls-props-section", { key: 'f24ded19bdfe6ac25b43a2366cadb0a3640acf46', sectionTitle: "Value", sectionDescription: "A prefilled value that can be altered by the signer." }, h("input", { key: '7d74eb6bba09e541af029d83e7d5d9c9dc75f258', value: this.dataItem?.value, placeholder: getFieldPlaceholder(this.dataItem?.elementType), onInput: e => this.alter({ value: e.target.value }) }))), this.dataItem.validation === 20 && (h("ls-props-section", { key: 'aec1a8e9294a893f66ca27c91486c9429dd92dee', sectionTitle: "Options", sectionDescription: "Define the options available in the dropdown. One option per line." }, h("textarea", { key: '01387cc21a3b7d8153f1a9386ae1e14e6028f215', value: this.dataItem?.options, placeholder: "Option 1\nOption 2\nOption 3", onInput: e => this.alter({ options: e.target.value }) }))), this.showValidationTypes && (h("ls-props-section", { key: '983ed1d46e450c4e0ed422d570d593324ad81627', sectionTitle: "Content Format", sectionDescription: "Select the specific format you want the Recipient to enter." }, h("ls-input-wrapper", { key: '222d9c6358cd8a3783e1ad893ca27c74e9a506a5', select: true }, h("select", { key: '431a8175a07ab844737f817c807c0a3ce37bd9da', onChange: ev => this.alter({ validation: parseInt(ev.target.value) }) }, validationTypes
+        return (h(Host, { key: '775a6de060097462dde4ceecff37cbaa8ee2e257' }, h("ls-props-section", { key: 'beee048687d8661104582baaaed15ab7d530d949', sectionTitle: "Field Type", sectionDescription: "The Field you currently have selected" }, h("ls-field-type-display", { key: '906d73b30b0f46628536e6c81891c6cb7194f1da', fieldType: this.dataItem?.elementType, assignee: this.dataItem?.signer })), h("ls-props-section", { key: '74ed8e08d888faaa60432e395dea0edb338137bd', sectionTitle: "Required Field", row: true }, h("ls-toggle", { key: '7d861c8bcabb0375487e6d39016743dd7ea40065', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: ev => this.alter({ optional: !ev.detail }) })), h("ls-props-section", { key: 'f4f94ea995e84e672159cf2b39b851a785c27fb7', sectionTitle: "Field Label", sectionDescription: "Add a label to clarify the information required from the Recipient." }, h("input", { key: '5969abb2fc1d0aa261eb5c148c73b590469c524f', value: this.dataItem?.label, placeholder: getFieldTitleSuggestion(this.dataItem?.elementType), onInput: e => this.alter({ label: e.target.value }) })), this.supportsValue() && (h("ls-props-section", { key: '83f8c0e723d93d95b3d8f6c80a411b19d651ba78', sectionTitle: "Value", sectionDescription: "A prefilled value that can be altered by the signer." }, h("input", { key: 'eb5304bf19e964e4997a0d782ed90296611f1a29', value: this.dataItem?.value, placeholder: getFieldPlaceholder(this.dataItem?.elementType), onInput: e => this.alter({ value: e.target.value }) }))), this.dataItem.validation === 20 && (h("ls-props-section", { key: 'a0af08bced9311a54abc0fe237a9240edf62066b', sectionTitle: "Options", sectionDescription: "Define the options available in the dropdown. One option per line." }, h("textarea", { key: '7c7cfd17e163315259d17346cabb6142c2f59205', value: this.dataItem?.options, placeholder: "Option 1\nOption 2\nOption 3", onInput: e => this.alter({ options: e.target.value }) }))), this.showValidationTypes && (h("ls-props-section", { key: 'd63df437abfd9311cdb68432cd83ebc40b4c43cf', sectionTitle: "Content Format", sectionDescription: "Select the specific format you want the Recipient to enter." }, h("ls-input-wrapper", { key: '77be5b7831ae6e6aaa7f5dda9a05b285f6a4eec3', select: true }, h("select", { key: '35aa9bef9670c21ff51a76d8b782a2b4baedc681', onChange: ev => this.alter({ validation: parseInt(ev.target.value) }) }, validationTypes
             .filter(type => type.formType === this.dataItem?.elementType)
-            .map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), h("slot", { key: '924aef7652e1bb63a5d77606efa8d59caa45455a' })));
+            .map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), h("slot", { key: '5816566e2fa3736747402f9e05ccaf53bdc5ebd2' })));
     }
-    static get style() { return lsFieldContentCss(); }
-}, [769, "ls-field-content", {
-        "dataItem": [1040],
-        "showValidationTypes": [4, "show-validation-types"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-field-content", "ls-editor-field", "ls-field-type-display", "ls-icon", "ls-input-wrapper", "ls-props-section", "ls-toggle"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-field-content":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsFieldContent);
-            }
-            break;
-        case "ls-editor-field":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$6();
-            }
-            break;
-        case "ls-field-type-display":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$5();
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ls-input-wrapper":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ls-props-section":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ls-toggle":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsFieldContent as L, defineCustomElement as d };
-//# sourceMappingURL=p-Dsi4R7Oq.js.map
+};
+LsFieldContent.style = lsFieldContentCss();
 
-//# sourceMappingURL=p-Dsi4R7Oq.js.map
+export { LsFieldContent as ls_field_content };
+//# sourceMappingURL=ls-field-content.entry.esm.js.map