legalesign-document-viewer 0.1.0 → 0.1.2

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

@@ -0,0 +1,27 @@
+'use strict';
+
+var index = require('./index-DqDUg8D7.js');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+/*
+ Stencil Client Patch Browser v4.36.2 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('ls-document-viewer.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await index.globalScripts();
+  return index.bootstrapLazy([["ls-document-options_35.cjs",[[257,"ls-document-viewer",{"template":[1],"token":[1],"templateid":[1],"zoom":[1026],"pageNum":[1026,"page-num"],"signer":[1026],"mode":[1],"manager":[1025],"displayTable":[1028,"display-table"],"showtoolbox":[4],"showtoolbar":[4],"showstatusbar":[4],"showpagepreview":[4],"showrightpanel":[4],"expandfields":[4],"readonly":[4],"showtableview":[4],"toolboxFilter":[1,"toolbox-filter"],"roleColors":[16,"role-colors"],"_template":[32],"selected":[32],"pageNext":[64],"pagePrev":[64],"setZoom":[64]},[[0,"mutate","mutateHandler"],[0,"update","updateHandler"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{"mode":["modeHandler"],"displayTable":["tableViewHandler"]}],[257,"ls-field-properties",{"dataItem":[16,"data-item"]}],[257,"ls-document-options",{"template":[16]},null,{"template":["selectedHandler"]}],[257,"ls-toolbar",{"dataItem":[1040,"data-item"],"template":[16],"editor":[16]}],[257,"ls-feature-column",{"manager":[1025]}],[257,"ls-participant-manager",{"editor":[16],"template":[16]}],[257,"ls-statusbar",{"zoom":[1026],"editor":[16]}],[257,"ls-toolbox-field",{"formElementType":[1,"form-element-type"],"elementType":[1,"element-type"],"validation":[2],"label":[1],"icon":[1],"defaultHeight":[2,"default-height"],"defaultWidth":[2,"default-width"]},[[1,"dragstart","handleDragStart"],[0,"keydown","handleKeyDown"]]],[257,"ls-editor-field",{"dataItem":[1040,"data-item"],"selected":[4],"readonly":[4],"palette":[16],"type":[1],"page":[16],"isEditing":[32],"heldEdge":[32],"isEdgeDragging":[32],"innerValue":[32]},[[0,"keydown","handleInput"],[3,"mousemove","handleMouseMove"],[2,"dblclick","handleDoubleClick"],[0,"dragstart","handleDragStart"]],{"selected":["watchSelectedHandler"]}],[257,"ls-editor-table",{"editor":[16]}],[260,"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,"button-click"],"buttonIcon":[1,"button-icon"],"labelIcon":[1,"label-icon"],"fieldIcon":[1,"field-icon"],"_value":[32]},null,{"value":["valueWatcher"]}],[257,"ls-field-properties-signature",{"dataItem":[16,"data-item"],"fieldSet":[1,"field-set"]}],[257,"ls-field-properties-autosign",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-date",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-email",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-file",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-general",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-image",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-multiple",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-number",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-text",{"dataItem":[16,"data-item"]}],[257,"ls-field-alignment",{"dataItem":[1040,"data-item"]}],[257,"ls-field-distribute",{"dataItem":[1040,"data-item"]}],[257,"ls-field-format",{"dataItem":[1040,"data-item"]}],[257,"ls-participant-select",{"dataItem":[1040,"data-item"],"roles":[16],"selectedRole":[32],"isOpen":[32]}],[257,"ls-field-size",{"dataItem":[1040,"data-item"]}],[257,"ls-field-placement",{"dataItem":[1040,"data-item"]}],[257,"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"]}],[256,"ls-radio-input",{"radioId":[1,"radio-id"],"label":[1],"icon":[1],"name":[1],"checked":[4],"disabled":[4],"customStyle":[16,"custom-style"]}],[260,"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"]}],[257,"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]}],[257,"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"]}],[257,"ls-toggle"],[257,"ls-field-dimensions",{"dataItem":[1040,"data-item"]}],[257,"ls-icon",{"name":[1],"solid":[4],"size":[1],"customStyle":[16,"custom-style"]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;
+//# sourceMappingURL=ls-document-viewer.cjs.js.map
+
+//# sourceMappingURL=ls-document-viewer.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ls-document-viewer.cjs.js","sources":["node_modules/.pnpm/@stencil+core@4.36.2/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.36.2 | 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":["promiseResolve","globalScripts","bootstrapLazy"],"mappings":";;;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,2QAAe;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,OAAOA,oBAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,mBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC;;;;","x_google_ignoreList":[0]}

package/dist/collection/collection-manifest.json

@@ -0,0 +1,46 @@
+{
+  "entries": [
+    "components/ls-editor-field/ls-editor-field.js",
+    "components/ls-document-viewer/ls-document-viewer.js",
+    "components/ls-document-options/ls-document-options.js",
+    "components/ls-editor-table/ls-editor-table.js",
+    "components/ls-feature-column/ls-feature-column.js",
+    "components/ls-field-alignment/ls-field-alignment.js",
+    "components/ls-field-dimensions/ls-field-dimensions.js",
+    "components/ls-field-distribute/ls-field-distribute.js",
+    "components/ls-field-format/ls-field-format.js",
+    "components/ls-field-placement/ls-field-placement.js",
+    "components/ls-field-properties/ls-field-properties.js",
+    "components/ls-field-properties-autosign/ls-field-properties-autosign.js",
+    "components/ls-field-properties-date/ls-field-properties-date.js",
+    "components/ls-field-properties-email/ls-field-properties-email.js",
+    "components/ls-field-properties-file/ls-field-properties-file.js",
+    "components/ls-field-properties-general/ls-field-properties-general.js",
+    "components/ls-field-properties-image/ls-field-properties-image.js",
+    "components/ls-field-properties-multiple/ls-field-properties-multiple.js",
+    "components/ls-field-properties-number/ls-field-properties-number.js",
+    "components/ls-field-properties-signature/ls-field-properties-signature.js",
+    "components/ls-field-properties-text/ls-field-properties-text.js",
+    "components/ls-field-size/ls-field-size.js",
+    "components/ls-formfield/ls-formfield.js",
+    "components/ls-formfield/inputs/ls-number-input/ls-number-input.js",
+    "components/ls-formfield/inputs/ls-radio-input/ls-radio-input.js",
+    "components/ls-formfield/inputs/ls-select-input/ls-select-input.js",
+    "components/ls-formfield/inputs/ls-text-input/ls-text-input.js",
+    "components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.js",
+    "components/ls-icon/ls-icon.js",
+    "components/ls-participant-manager/ls-participant-manager.js",
+    "components/ls-participant-select/ls-participant-select.js",
+    "components/ls-statusbar/ls-statusbar.js",
+    "components/ls-toggle/ls-toggle.js",
+    "components/ls-toolbar/ls-toolbar.js",
+    "components/ls-toolbox-field/ls-toolbox-field.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.36.2",
+    "typescriptVersion": "5.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/interfaces/IToolboxField.js

@@ -0,0 +1 @@
+//# sourceMappingURL=IToolboxField.js.map

package/dist/collection/components/interfaces/IToolboxField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IToolboxField.js","sourceRoot":"","sources":["../../../src/components/interfaces/IToolboxField.ts"],"names":[],"mappings":"","sourcesContent":["interface IToolboxField {\n    label: string\n    elementType: string\n    defaultHeight: number\n    defaultWidth: number\n    formElementType: string\n    validation: number\n}"]}

package/dist/collection/components/ls-document-options/ls-document-options.css

@@ -0,0 +1,334 @@
+:host {
+  display: block;
+}
+
+.ls-editor-infobox {
+  padding: 2px 8px 2px 8px;
+}
+
+.toolbox-section-title {
+  color: var(--gray-100, #45484d);
+  font-size: 1.125rem;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 1.75rem; /* 155.556% */
+}
+
+.toolbox-section-description {
+  color: var(--gray-80, #5e6066);
+  font-size: 0.75rem;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1rem;
+}
+
+.template-details {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+
+.template-detail-section {
+  display: flex;
+  padding: 0.75rem;
+  align-items: center;
+  gap: 0.5rem;
+  border-radius: 1rem;
+  border: 1px solid var(--gray-30, #e0e2e5);
+  background: var(--white, #fff);
+}
+
+.template-detail-section-title {
+  color: var(--gray-80, #6c6e73);
+  font-size: 0.875rem;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 1.25rem; /* 142.857% */
+  width: 100%;
+}
+
+.column {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start
+}
+
+/* Global Styles */
+
+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%;
+}
+
+.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);
+}
+

package/dist/collection/components/ls-document-options/ls-document-options.js

@@ -0,0 +1,61 @@
+import { Host, h } from "@stencil/core";
+export class LsDocumentOptions {
+    /**
+     * The base template information (as JSON).
+     * {LSApiTemplate}
+     */
+    template;
+    selectedHandler(newSelected, _oldSelected) {
+        console.log(newSelected, 'document manager');
+    }
+    render() {
+        return (h(Host, { key: '3ec996cdaca960105b20adcc37d44af2304af3e7' }, h("div", { key: '43b5064abe7765cc9dfc6196d19683558d1abc8c', class: "ls-editor-infobox" }, h("h2", { key: '20938c4da2a6f9cfd1ff2dc801828c5b830a9e83', class: "toolbox-section-title" }, "Template Details"), h("p", { key: 'c779edc6379ebfa70650b4a37610054ff8d9032a', class: "toolbox-section-description" }, "Details and insights about the Template.")), h("div", { key: 'b9c1cc25067181ceb8b2eb394870308a662307a1', class: 'template-details' }, h("div", { key: '73791c9b75ff777b2af694199cc7b7a97fd7b3d7', class: 'template-detail-section column' }, h("p", { key: '562cc54f4651fe99fbdca89ed590b71b95290130', class: "template-detail-section-title" }, "Name"), h("ls-formfield", { key: '8dd61e6f4549bfb04b2d319a225ecc57001fbbe7', as: "text", value: this.template?.title, style: { width: '100%' } })), h("div", { key: '3e0c11badcaf10b0709b496bf368c030896f8e6e', class: 'template-detail-section' }, h("p", { key: 'd424b139a2b6b59ece4322f8c25676297aa3ac4b', class: "template-detail-section-title" }, "Auto Archive"), h("ls-toggle", { key: 'cfed16286f2714f48dc6c21b869596ced4ab98ac' })), h("div", { key: '2c28c2c86f1455ece0bba8c0d19fe9e105a94637', class: 'template-detail-section column' }, h("p", { key: 'a434067bd8510289eaf29c240172f1f2d8f92c2c', class: "template-detail-section-title" }, "Pages"), h("ls-label", { key: 'aaf44bd401acd62d6f93d823754e2995b3a62be6', text: this.template?.pageDimensionArray?.length })), h("div", { key: 'a80e4b7871bd0d3309ca1362f74b34fd9aabdb3d', class: 'template-detail-section column' }, h("p", { key: '31ccc98f8330776693ff0dcd4537bdf772cdd14f', class: "template-detail-section-title" }, "Date Created"), " ", this.template?.created), h("div", { key: '1e41b590ac82cfbe7f127026263c039c3f8aef6a', class: 'template-detail-section column' }, h("p", { key: 'ca06caf271e9a6517f71c54b52fca624d0c0231b', class: "template-detail-section-title" }, "Created By"), " ", this.template?.createdBy)), h("slot", { key: 'a42d7424e844fd6734fe301ee749d8b1b512f6c2' })));
+    }
+    static get is() { return "ls-document-options"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ls-document-options.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ls-document-options.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "template": {
+                "type": "unknown",
+                "attribute": "template",
+                "mutable": false,
+                "complexType": {
+                    "original": "LSApiTemplate",
+                    "resolved": "{ id: string; title: string; pageCount: number; fileName: string; link: string; autoArchive: boolean; valid: boolean; locked: boolean; tags: string[]; groupId: string; roles: LSApiRole[]; canOpenSign: boolean; directLinks: []; elementConnection: { templateElements: LSApiElement[]; totalCount: number; }; elements: LSApiElement[]; createdBy: string; created: Date; modified: Date; lastSent: Date; pageDimensionArray: [number, number][]; pageDimensions: string; fixSignatureScale?: boolean; }",
+                    "references": {
+                        "LSApiTemplate": {
+                            "location": "import",
+                            "path": "../../types/LSApiTemplate",
+                            "id": "src/types/LSApiTemplate.ts::LSApiTemplate"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The base template information (as JSON).\n{LSApiTemplate}"
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "template",
+                "methodName": "selectedHandler"
+            }];
+    }
+}
+//# sourceMappingURL=ls-document-options.js.map

package/dist/collection/components/ls-document-options/ls-document-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ls-document-options.js","sourceRoot":"","sources":["../../../src/components/ls-document-options/ls-document-options.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAQhE,MAAM,OAAO,iBAAiB;IAC5B;;;OAGG;IACK,QAAQ,CAAgB;IAGhC,eAAe,CAAC,WAAW,EAAE,YAAY;QACvC,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;IAC/C,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,mBAAmB;gBAC5B,2DAAI,KAAK,EAAC,uBAAuB,uBAAsB;gBACvD,0DAAG,KAAK,EAAC,6BAA6B,+CAA6C,CAC/E;YACN,4DAAK,KAAK,EAAE,kBAAkB;gBAC5B,4DAAK,KAAK,EAAE,gCAAgC;oBAC1C,0DAAG,KAAK,EAAC,+BAA+B,WAAS;oBACjD,qEAAc,EAAE,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAC,GAAI,CAC5E;gBACN,4DAAK,KAAK,EAAE,yBAAyB;oBACnC,0DAAG,KAAK,EAAC,+BAA+B,mBAAiB;oBAEzD,mEAAuB,CACnB;gBACN,4DAAK,KAAK,EAAE,gCAAgC;oBAC1C,0DAAG,KAAK,EAAC,+BAA+B,YAAU;oBAClD,iEAAU,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,kBAAkB,EAAE,MAAM,GAAI,CACzD;gBACN,4DAAK,KAAK,EAAE,gCAAgC;oBAC1C,0DAAG,KAAK,EAAC,+BAA+B,mBAAiB;;oBAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,CAC7E;gBACN,4DAAK,KAAK,EAAE,gCAAgC;oBAC1C,0DAAG,KAAK,EAAC,+BAA+B,iBAAe;;oBAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,CAC7E,CACF;YACN,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Watch } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\n\n@Component({\n  tag: 'ls-document-options',\n  styleUrl: 'ls-document-options.css',\n  shadow: true,\n})\nexport class LsDocumentOptions {\n  /**\n   * The base template information (as JSON).\n   * {LSApiTemplate}\n   */\n  @Prop() template: LSApiTemplate;\n\n  @Watch('template')\n  selectedHandler(newSelected, _oldSelected) {\n    console.log(newSelected, 'document manager');\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"ls-editor-infobox\">\n          <h2 class=\"toolbox-section-title\">Template Details</h2>\n          <p class=\"toolbox-section-description\">Details and insights about the Template.</p>\n        </div>\n        <div class={'template-details'}>\n          <div class={'template-detail-section column'}>\n            <p class=\"template-detail-section-title\">Name</p>\n            <ls-formfield as=\"text\" value={this.template?.title} style={{ width: '100%'}} />\n          </div>\n          <div class={'template-detail-section'}>\n            <p class=\"template-detail-section-title\">Auto Archive</p>\n            {/* <ls-formfield as=\"radio\" value={'false'} /> */}\n            <ls-toggle></ls-toggle>\n          </div>\n          <div class={'template-detail-section column'}>\n            <p class=\"template-detail-section-title\">Pages</p>\n            <ls-label text={this.template?.pageDimensionArray?.length} />\n          </div>\n          <div class={'template-detail-section column'}>\n            <p class=\"template-detail-section-title\">Date Created</p> {this.template?.created}\n          </div>\n          <div class={'template-detail-section column'}>\n            <p class=\"template-detail-section-title\">Created By</p> {this.template?.createdBy}\n          </div>\n        </div>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,83 @@
+import axios from "axios";
+import { Parameters } from "./parameters";
+import { createElement, deleteElement, updateElement } from "./elementActions";
+import { createRole, deleteRole, updateRole } from "./roleActions";
+import { updateTemplate } from "./templateActions";
+export class LsDocumentAdapter {
+    handleEvent = async (event, accessToken) => {
+        axios.defaults.headers.common['Authorization'] = accessToken;
+        // Determine the object type being processed
+        const obj = event.data;
+        if (!obj?.id)
+            return 'invalid';
+        const apiId = atob(obj.id);
+        if (apiId.length < 3)
+            return 'invalid';
+        const prefix = atob(obj.id).substring(0, 3);
+        let query = '';
+        switch (prefix) {
+            case 'ele':
+                switch (event.action) {
+                    case 'create':
+                        query = createElement(obj);
+                        break;
+                    case 'update':
+                        query = updateElement(obj);
+                        break;
+                    case 'delete':
+                        query = deleteElement(obj);
+                        break;
+                }
+                break;
+            case 'rol':
+                switch (event.action) {
+                    case 'create':
+                        query = createRole(obj);
+                        break;
+                    case 'update':
+                        query = updateRole(obj);
+                        break;
+                    case 'delete':
+                        query = deleteRole(obj);
+                        break;
+                    case 'swap':
+                        query = updateRole(obj);
+                        break;
+                }
+                break;
+            case 'tpl':
+                switch (event.action) {
+                    case 'update':
+                        query = updateTemplate(obj);
+                        break;
+                }
+                break;
+        }
+        const result = await this.execute(accessToken, query);
+        return { result, obj };
+    };
+    /**
+     * Run a general query or mutation against the GraphQL API.
+     *
+     *  @returns a promise of a graphQL request
+     */
+    async execute(accessToken, graphQLQuery, _graphQLVariables) {
+        if (accessToken) {
+            //console.log(graphQLQuery);
+            const res = await axios.post(Parameters.endpoints.graphQL, {
+                query: graphQLQuery,
+                variables: _graphQLVariables ? _graphQLVariables : {},
+            }, {
+                headers: {
+                    Authorization: accessToken,
+                },
+            });
+            return res.data.data;
+        }
+        else {
+            console.warn('UNASSIGNED ACCESS TOKEN');
+        }
+        return Promise.reject();
+    }
+}
+//# sourceMappingURL=LsDocumentAdapter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LsDocumentAdapter.js","sourceRoot":"","sources":["../../../../src/components/ls-document-viewer/adapter/LsDocumentAdapter.ts"],"names":[],"mappings":"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","sourcesContent":["import axios, { AxiosResponse } from 'axios';\nimport { LSMutateEvent } from '../../../types/LSMutateEvent';\nimport { LSApiRole } from '../../../types/LSApiRole';\nimport { LSApiElement } from '../../../types/LSApiElement';\nimport { Parameters } from './parameters';\nimport { createElement, deleteElement, updateElement } from './elementActions';\nimport { createRole, deleteRole, updateRole } from './roleActions';\nimport { updateTemplate } from './templateActions';\n\nexport class LsDocumentAdapter {\n  handleEvent = async (event: LSMutateEvent, accessToken: string) => {\n    axios.defaults.headers.common['Authorization'] = accessToken;\n\n    // Determine the object type being processed\n    const obj: LSApiElement | LSApiRole = event.data;\n    if (!obj?.id) return 'invalid';\n\n    const apiId = atob(obj.id);\n    if (apiId.length < 3) return 'invalid';\n\n    const prefix = atob(obj.id).substring(0, 3);\n    let query = '';\n    switch (prefix) {\n      case 'ele':\n        switch (event.action) {\n          case 'create':\n            query = createElement(obj);\n            break;\n          case 'update':\n            query = updateElement(obj);\n            break;\n          case 'delete':\n            query = deleteElement(obj);\n            break;\n        }\n      break;\n      case 'rol':\n        switch (event.action) {\n          case 'create':\n            query = createRole(obj);\n            break;\n          case 'update':\n            query = updateRole(obj);\n            break;\n          case 'delete':\n            query = deleteRole(obj);\n            break;\n          case 'swap':\n            query = updateRole(obj);\n            break;\n        }\n        break;\n      case 'tpl':\n        switch (event.action) {\n          case 'update':\n            query = updateTemplate(obj);\n            break;\n        }\n        break;\n    }\n    const result = await this.execute(accessToken, query);\n    return { result, obj };\n  };\n\n  /**\n   * Run a general query or mutation against the GraphQL API.\n   *\n   *  @returns a promise of a graphQL request\n   */\n  public async execute(accessToken: string, graphQLQuery: string, _graphQLVariables?: object): Promise<object> {\n    if (accessToken) {\n      //console.log(graphQLQuery);\n      const res = await axios.post<AxiosResponse>(\n        Parameters.endpoints.graphQL,\n        {\n          query: graphQLQuery,\n          variables: _graphQLVariables ? _graphQLVariables : {},\n        },\n        {\n          headers: {\n            Authorization: accessToken,\n          },\n        },\n      );\n      return res.data.data;\n    } else {\n      console.warn('UNASSIGNED ACCESS TOKEN');\n    }\n\n    return Promise.reject();\n  }\n}\n"]}

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

@@ -0,0 +1,72 @@
+// Construct all mutations for a template element.
+const createElement = element => {
+    return `
+  mutation AddField {
+    createTemplateElement(input: {
+      templateId: "${element.templateId}", 
+      ax: ${element.ax}, 
+      ay: ${element.ay}, 
+      bx: ${element.bx}, 
+      by: ${element.by}, 
+      elementType: ${JSON.stringify(element.elementType)}, 
+      role: "1",
+      label: ${JSON.stringify(element.label)}, 
+      page: ${element.page}, 
+      fieldOrder: ${element.fieldOrder}, 
+      fontName: ${JSON.stringify(element.fontName)}, 
+      fontSize: ${element.fontSize}, 
+      helpText: ${JSON.stringify(element.helpText)}, 
+      hideBorder: ${element.hideBorder}, 
+      logicGroup: ${JSON.stringify(element.logicGroup)}, 
+      mapTo: ${JSON.stringify(element.mapTo)}, 
+      optional: ${element.optional}, 
+      options: ${JSON.stringify(element.options)}, 
+      substantive: ${element.substantive}, 
+      validation: ${element.validation}, 
+      value: ${JSON.stringify(element.value)}, 
+      align: ${JSON.stringify(element.align)}, 
+      signer: ${element.signer}, 
+      logicAction: ${element.logicAction}, 
+      labelExtra: ${JSON.stringify(element.labelExtra)}})
+  }`;
+};
+// Save any changes to an element
+const updateElement = element => {
+    return `mutation ChangeField {
+  updateTemplateElement(input: {
+    templateElementId: "${element.id}", 
+    ax: ${element.ax}, 
+    ay: ${element.ay}, 
+    bx: ${element.bx}, 
+    by: ${element.by}, 
+    elementType: ${JSON.stringify(element.elementType)}, 
+    label: ${JSON.stringify(element.label)}, 
+    page: ${element.page}, 
+    fieldOrder: ${element.fieldOrder ? element.fieldOrder : null}, 
+    fontName: ${JSON.stringify(element.fontName)}, 
+    fontSize: ${element.fontSize}, 
+    helpText: "${element.helpText}", 
+    hideBorder: ${element.hideBorder}, 
+    logicGroup: ${JSON.stringify(element.logicGroup)}, 
+    mapTo: "${element.mapTo}", 
+    optional: ${element.optional}, 
+    options: ${JSON.stringify(element.options)}, 
+    role: "1", 
+    substantive: ${element.substantive}, 
+    validation: ${element.validation === '0' ? 'null' : element.validation}, 
+    value: "${element.value}", 
+    align: "${element.align}", 
+    signer: ${element.signer}, 
+    logicAction: ${element.logicAction}, 
+    labelExtra: "${element.labelExtra}"})
+}`;
+};
+// Save any changes to an element
+const deleteElement = obj => {
+    return `mutation DeleteField {
+  deleteTemplateElement(input: {
+    templateElementId: "${obj.id}"})
+  }`;
+};
+export { createElement, updateElement, deleteElement };
+//# sourceMappingURL=elementActions.js.map