legalesign-document-viewer 0.2.5 → 0.2.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ls-document-options_37.cjs.entry.js +61 -53
- package/dist/cjs/ls-document-options_37.cjs.entry.js.map +1 -1
- package/dist/cjs/ls-document-viewer.cjs.js +1 -1
- package/dist/collection/components/ls-document-viewer/defaultPalette.js +34 -20
- package/dist/collection/components/ls-document-viewer/defaultPalette.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js +3 -27
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js.map +1 -1
- package/dist/collection/components/ls-editor-field/ls-editor-field.js +4 -23
- package/dist/collection/components/ls-editor-field/ls-editor-field.js.map +1 -1
- package/dist/collection/components/ls-participant-select/ls-participant-select.js +20 -20
- package/dist/collection/components/ls-participant-select/ls-participant-select.js.map +1 -1
- package/dist/collection/types/RoleColor.js.map +1 -1
- package/dist/components/ls-document-viewer.js +18 -24
- package/dist/components/ls-document-viewer.js.map +1 -1
- package/dist/components/ls-editor-field.js +1 -1
- package/dist/components/ls-field-properties-date.js +1 -1
- package/dist/components/ls-field-properties-email.js +1 -1
- package/dist/components/ls-field-properties-file.js +1 -1
- package/dist/components/ls-field-properties-general.js +1 -1
- package/dist/components/ls-field-properties-image.js +1 -1
- package/dist/components/ls-field-properties-multiple.js +1 -1
- package/dist/components/ls-field-properties-number.js +1 -1
- package/dist/components/ls-field-properties-signature.js +1 -1
- package/dist/components/ls-field-properties-text.js +1 -1
- package/dist/components/ls-field-properties.js +1 -1
- package/dist/components/ls-participant-manager.js +1 -1
- package/dist/components/ls-participant-select.js +1 -1
- package/dist/components/ls-toolbar.js +1 -1
- package/dist/components/{p-B7VyU7YH.js → p-7mvMkVRb.js} +3 -3
- package/dist/components/{p-B7VyU7YH.js.map → p-7mvMkVRb.js.map} +1 -1
- package/dist/components/{p-DzHh5tyo.js → p-B6Dqll_2.js} +3 -3
- package/dist/components/{p-DzHh5tyo.js.map → p-B6Dqll_2.js.map} +1 -1
- package/dist/components/{p-DEE854iZ.js → p-BYkgi-J_.js} +3 -3
- package/dist/components/{p-DEE854iZ.js.map → p-BYkgi-J_.js.map} +1 -1
- package/dist/components/{p-Bh-iiZW1.js → p-BedUS-Pi.js} +3 -3
- package/dist/components/{p-Bh-iiZW1.js.map → p-BedUS-Pi.js.map} +1 -1
- package/dist/components/{p-EsA1p6L3.js → p-Bj9FzNSh.js} +3 -3
- package/dist/components/{p-EsA1p6L3.js.map → p-Bj9FzNSh.js.map} +1 -1
- package/dist/components/{p-C6YMMVJ1.js → p-BjBJRt5-.js} +3 -3
- package/dist/components/{p-C6YMMVJ1.js.map → p-BjBJRt5-.js.map} +1 -1
- package/dist/components/{p-DCLBmOtj.js → p-CE67ypMe.js} +3 -3
- package/dist/components/{p-DCLBmOtj.js.map → p-CE67ypMe.js.map} +1 -1
- package/dist/components/{p-D4JCAjlc.js → p-CbUCAzmE.js} +23 -23
- package/dist/components/p-CbUCAzmE.js.map +1 -0
- package/dist/components/{p-ucaurEVy.js → p-CuxAfM9m.js} +3 -3
- package/dist/components/{p-ucaurEVy.js.map → p-CuxAfM9m.js.map} +1 -1
- package/dist/components/p-D1OQM-9f.js +40 -0
- package/dist/components/p-D1OQM-9f.js.map +1 -0
- package/dist/components/{p-rEZh-cMt.js → p-D4doNXE5.js} +3 -3
- package/dist/components/{p-rEZh-cMt.js.map → p-D4doNXE5.js.map} +1 -1
- package/dist/components/{p-D_ZsRxGa.js → p-DYZGkZmu.js} +3 -3
- package/dist/components/{p-D_ZsRxGa.js.map → p-DYZGkZmu.js.map} +1 -1
- package/dist/components/{p-1Ir9-yQU.js → p-DqToFDz3.js} +11 -11
- package/dist/components/{p-1Ir9-yQU.js.map → p-DqToFDz3.js.map} +1 -1
- package/dist/components/{p-BSN2cMdj.js → p-LFkQIFv6.js} +3 -3
- package/dist/components/{p-BSN2cMdj.js.map → p-LFkQIFv6.js.map} +1 -1
- package/dist/components/{p-DasXNgMG.js → p-ynMP52Os.js} +7 -9
- package/dist/components/p-ynMP52Os.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ls-document-options_37.entry.js +61 -53
- package/dist/esm/ls-document-options_37.entry.js.map +1 -1
- package/dist/esm/ls-document-viewer.js +1 -1
- package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
- package/dist/ls-document-viewer/{p-d59db988.entry.js → p-0ca48927.entry.js} +4 -4
- package/dist/ls-document-viewer/p-0ca48927.entry.js.map +1 -0
- package/dist/types/components/ls-document-viewer/defaultPalette.d.ts +2 -1
- package/dist/types/components/ls-document-viewer/ls-document-viewer.d.ts +0 -5
- package/dist/types/components/ls-editor-field/ls-editor-field.d.ts +1 -2
- package/dist/types/components/ls-field-properties-date/ls-field-properties-date.d.ts +1 -1
- package/dist/types/components/ls-field-properties-email/ls-field-properties-email.d.ts +1 -1
- package/dist/types/components/ls-field-properties-file/ls-field-properties-file.d.ts +1 -1
- package/dist/types/components/ls-field-properties-general/ls-field-properties-general.d.ts +1 -1
- package/dist/types/components/ls-field-properties-image/ls-field-properties-image.d.ts +1 -1
- package/dist/types/components/ls-field-properties-multiple/ls-field-properties-multiple.d.ts +1 -1
- package/dist/types/components/ls-field-properties-number/ls-field-properties-number.d.ts +1 -1
- package/dist/types/components/ls-field-properties-signature/ls-field-properties-signature.d.ts +1 -1
- package/dist/types/components/ls-field-properties-text/ls-field-properties-text.d.ts +1 -1
- package/dist/types/components/ls-participant-manager/ls-participant-manager.d.ts +1 -1
- package/dist/types/components/ls-participant-select/ls-participant-select.d.ts +1 -1
- package/dist/types/components.d.ts +0 -12
- package/dist/types/types/RoleColor.d.ts +6 -2
- package/package.json +1 -1
- package/dist/components/p-C00GqV9f.js +0 -26
- package/dist/components/p-C00GqV9f.js.map +0 -1
- package/dist/components/p-D4JCAjlc.js.map +0 -1
- package/dist/components/p-DasXNgMG.js.map +0 -1
- package/dist/ls-document-viewer/p-d59db988.entry.js.map +0 -1
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -5,7 +5,7 @@ var index = require('./index-DqDUg8D7.js');
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await index.globalScripts();
|
|
8
|
-
return index.bootstrapLazy([["ls-document-options_37.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"],"
|
|
8
|
+
return index.bootstrapLazy([["ls-document-options_37.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"],"_template":[32],"_group":[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"],"color":[1]},[[1,"dragstart","handleDragStart"],[0,"keydown","handleKeyDown"]]],[257,"ls-editor-field",{"dataItem":[1040,"data-item"],"selected":[4],"readonly":[4],"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]}],[257,"ls-field-properties-multiple",{"dataItem":[16,"data-item"],"fieldSet":[1,"field-set"]}],[257,"ls-field-properties-date",{"dataItem":[16,"data-item"],"fieldSet":[1,"field-set"]}],[257,"ls-field-properties-email",{"dataItem":[16,"data-item"],"fieldSet":[1,"field-set"]}],[257,"ls-field-properties-general",{"dataItem":[16,"data-item"],"fieldSet":[1,"field-set"]}],[257,"ls-field-properties-image",{"dataItem":[16,"data-item"],"fieldSet":[1,"field-set"]}],[257,"ls-field-properties-number",{"dataItem":[16,"data-item"],"fieldSet":[1,"field-set"]}],[257,"ls-field-properties-signature",{"dataItem":[1040,"data-item"],"fieldSet":[1,"field-set"]}],[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-file",{"dataItem":[16,"data-item"],"fieldSet":[1,"field-set"]}],[257,"ls-field-properties-autosign",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-text",{"dataItem":[16,"data-item"],"fieldSet":[1,"field-set"]}],[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-alignment",{"dataItem":[1040,"data-item"]}],[257,"ls-field-distribute",{"dataItem":[1040,"data-item"]}],[257,"ls-field-size",{"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-field-footer",{"dataItem":[1040,"data-item"]}],[257,"ls-field-properties-advanced",{"dataItem":[1040,"data-item"]}],[257,"ls-field-placement",{"dataItem":[1040,"data-item"]}],[257,"ls-field-dimensions",{"dataItem":[1040,"data-item"]}],[257,"ls-toggle"],[257,"ls-icon",{"name":[1],"solid":[4],"size":[1],"customStyle":[16,"custom-style"]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
exports.setNonce = index.setNonce;
|
|
@@ -19903,26 +19903,40 @@ const findDimensions = (frameContainer, sourceField, pageHeight, pageWidth, zoom
|
|
|
19903
19903
|
};
|
|
19904
19904
|
|
|
19905
19905
|
// import { RoleColor } from "../../types/RoleColor";
|
|
19906
|
-
|
|
19907
|
-
|
|
19908
|
-
|
|
19909
|
-
|
|
19910
|
-
|
|
19911
|
-
|
|
19912
|
-
|
|
19913
|
-
|
|
19914
|
-
|
|
19915
|
-
|
|
19916
|
-
|
|
19917
|
-
|
|
19918
|
-
|
|
19919
|
-
|
|
19920
|
-
|
|
19921
|
-
|
|
19922
|
-
|
|
19923
|
-
|
|
19924
|
-
|
|
19925
|
-
|
|
19906
|
+
const defaultRolePalette = [
|
|
19907
|
+
{ s60: '#afb0b2', s80: '#6f7176', s50: '#c8c9cc', s10: '#f7f8fa', s20: '#edeff2', description: 'gray' },
|
|
19908
|
+
{ s60: '#5684f0', s80: '#2d4dcc', s50: '#78a3fa', s10: '#f0f6ff', s20: '#e0ecff', description: 'blue' },
|
|
19909
|
+
{ s60: '#46dbaa', s80: '#15946a', s50: '#57e5b1', s10: '#effff9', s20: '#c5fde8', description: 'green' },
|
|
19910
|
+
{ s60: '#f0b618', s80: '#9e5913', s50: '#fad232', s10: '#fffcef', s20: '#fff3c2', description: 'yellow' },
|
|
19911
|
+
{ s60: '#9956f0', s80: '#', s50: '#', s10: '#', s20: '#eee5ff', description: 'purple' },
|
|
19912
|
+
{ s60: '#46dbbd', s80: '#', s50: '#', s10: '#', s20: '#c5fcf1', description: 'teal' },
|
|
19913
|
+
{ s60: '#f056b2', s80: '#', s50: '#', s10: '#', s20: '#ffe5f5', description: 'pink' },
|
|
19914
|
+
{ s60: '#bdf056', s80: '#', s50: '#', s10: '#', s20: '#f6ffe5', description: 'lime' },
|
|
19915
|
+
{ s60: '#f64a44', s80: '#', s50: '#', s10: '#', s20: '#ffe1e0', description: 'red' },
|
|
19916
|
+
{ s60: '#48c5f0', s80: '#', s50: '#', s10: '#', s20: '#c7f1ff', description: 'lightblue' },
|
|
19917
|
+
{ s60: '#d156f0', s80: '#', s50: '#', s10: '#', s20: '#fae5ff', description: 'aubergine' },
|
|
19918
|
+
{ s60: '#f09456', s80: '#', s50: '#', s10: '#', s20: '#fff0e5', description: 'burnt' },
|
|
19919
|
+
{ s60: '#56f056', s80: '#', s50: '#', s10: '#', s20: '#e5ffe5', description: 'truegreen' },
|
|
19920
|
+
{ s60: '#6b56f0', s80: '#', s50: '#', s10: '#', s20: '#e9e5ff', description: 'indigo' },
|
|
19921
|
+
{ s60: '#46dbdb', s80: '#', s50: '#', s10: '#', s20: '#c5fcfc', description: 'cyan' },
|
|
19922
|
+
{ s60: 'rgb(70, 219, 170)', s80: '#', s50: '#', s10: '#', s20: 'rgb(239, 255, 249)', description: 'overflowcolor' },
|
|
19923
|
+
{ s60: 'rgb(240, 182, 24)', s80: '#', s50: '#', s10: '#', s20: 'rgb(255, 252, 239)', description: 'overflowcolor' },
|
|
19924
|
+
{ s60: 'rgb(238, 229, 255)', s80: '#', s50: '#', s10: '#', s20: 'rgb(244, 240, 255)', description: 'overflowcolor' },
|
|
19925
|
+
{ s60: 'rgb(240, 86, 178)', s80: '#', s50: '#', s10: '#', s20: 'rgb(255, 240, 249)', description: 'overflowcolor' },
|
|
19926
|
+
{ s60: 'rgb(189, 240, 86)', s80: '#', s50: '#', s10: '#', s20: 'rgb(250, 255, 240)', description: 'overflowcolor' },
|
|
19927
|
+
{ s60: 'rgb(246, 74, 68)', s80: '#', s50: '#', s10: '#', s20: 'rgb(246, 190, 188)', description: 'overflowcolor' },
|
|
19928
|
+
{ s60: 'rgb(58, 0, 166)', s80: '#', s50: '#', s10: '#', s20: 'rgb(188, 169, 240)', description: 'overflowcolor' },
|
|
19929
|
+
{ s60: 'rgba(1, 179, 34, 0.69)', s80: '#', s50: '#', s10: '#', s20: 'rgb(135, 173, 158)', description: 'overflowcolor' },
|
|
19930
|
+
{ s60: 'rgb(201, 204, 0)', s80: '#', s50: '#', s10: '#', s20: 'rgba(246, 247, 203, 0.77)', description: 'overflowcolor' },
|
|
19931
|
+
{ s60: 'rgb(249, 55, 129)', s80: '#', s50: '#', s10: '#', s20: 'rgb(255, 237, 244)', description: 'overflowcolor' },
|
|
19932
|
+
{ s60: 'rgb(0, 14, 166)', s80: '#', s50: '#', s10: '#', s20: 'rgb(209, 212, 243)', description: 'overflowcolor' },
|
|
19933
|
+
{ s60: 'rgb(135, 173, 158)', s80: '#', s50: '#', s10: '#', s20: 'rgb(205, 244, 228)', description: 'overflowcolor' },
|
|
19934
|
+
{ s60: 'rgb(86, 199, 240)', s80: '#', s50: '#', s10: '#', s20: 'rgb(202, 236, 248)', description: 'overflowcolor' },
|
|
19935
|
+
{ s60: 'rgb(246, 205, 68)', s80: '#', s50: '#', s10: '#', s20: 'rgb(244, 240, 255)', description: 'overflowcolor' },
|
|
19936
|
+
{ s60: 'rgb(0, 94, 166)', s80: '#', s50: '#', s10: '#', s20: 'rgb(188, 169, 240)', description: 'overflowcolor' },
|
|
19937
|
+
{ s60: 'rgba(179, 1, 63, 0.69)', s80: '#', s50: '#', s10: '#', s20: 'rgb(135, 173, 158)', description: 'overflowcolor' },
|
|
19938
|
+
];
|
|
19939
|
+
// export const defaultRolePalette: string[] = ['gray', 'blue', 'green', 'yellow', 'purple', 'teal', 'pink', 'lime', 'red', 'lightblue', 'aubergine', 'burnt', 'trueGreen', 'indigo', 'cyan'];
|
|
19926
19940
|
|
|
19927
19941
|
/**
|
|
19928
19942
|
* These utils are used to make document-viewer more readable
|
|
@@ -24778,11 +24792,6 @@ const LsDocumentViewer = class {
|
|
|
24778
24792
|
* {boolean}
|
|
24779
24793
|
*/
|
|
24780
24794
|
toolboxFilter = null;
|
|
24781
|
-
/**
|
|
24782
|
-
* Allows you to change the colours used for each role in the template.
|
|
24783
|
-
* {SignerColor[]}
|
|
24784
|
-
*/
|
|
24785
|
-
roleColors = defaultRolePalette;
|
|
24786
24795
|
//
|
|
24787
24796
|
// --- Event Emitters --- //
|
|
24788
24797
|
//
|
|
@@ -25034,10 +25043,10 @@ const LsDocumentViewer = class {
|
|
|
25034
25043
|
this.load();
|
|
25035
25044
|
}
|
|
25036
25045
|
signerColor = (index) => {
|
|
25037
|
-
return
|
|
25046
|
+
return defaultRolePalette[index % 100].s60 || defaultRolePalette[0].s60;
|
|
25038
25047
|
};
|
|
25039
25048
|
render() {
|
|
25040
|
-
return (index.h(index.Host, { key: '
|
|
25049
|
+
return (index.h(index.Host, { key: '859d2cc0c98f729ebacb16f36cee16dd28af7c2d' }, index.h(index.h.Fragment, null, index.h("div", { key: '4be8fb9ad4c7d583b474e3b23b1f1006ba1c2d08', class: "page-header" }, index.h("p", { key: '2cc24d403cc217a4e2f5b2ef109412a6396f2c4a', class: "header-text-1" }, "Template Creation"), index.h("p", { key: '3cc17aa5ef734022e85ef1e8501c9f1b22a8d5e9' }, "/"), index.h("p", { key: '5524c9eb62a096563eaad2f09af00c41df806ac7', class: "header-text-2" }, "Template Name")), index.h("form", { key: '3bc3f5317106ea2c4cabe42a70451906e0f13ac3', id: "ls-editor-form" }, this.showtoolbox === true ? (index.h("div", { class: "leftBox" }, index.h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, index.h("ls-feature-column", { onManage: manager => {
|
|
25041
25050
|
if (manager.detail === 'document') {
|
|
25042
25051
|
var documentManager = this.component.shadowRoot.getElementById('ls-document-options');
|
|
25043
25052
|
documentManager.template = this._template;
|
|
@@ -25050,7 +25059,7 @@ const LsDocumentViewer = class {
|
|
|
25050
25059
|
} }), index.h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'toolbox' : 'hidden' }, index.h("div", { class: "ls-editor-infobox" }, index.h("h2", { class: "toolbox-section-title" }, "Participant Fields"), index.h("p", { class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), index.h("div", { class: "fields-box" }, this.signer > 0 ? (index.h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", color: this.signerColor(this.signer) })) : (index.h("ls-toolbox-field", { elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000, icon: "auto-sign", color: this.signerColor(this.signer) })), index.h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials", color: this.signerColor(this.signer) }), index.h("ls-toolbox-field", { elementType: "date", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 2, icon: "calender", color: this.signerColor(this.signer) }), index.h("ls-toolbox-field", { elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 30, icon: "auto-date", color: this.signerColor(this.signer) }), index.h("ls-toolbox-field", { elementType: "email", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1, icon: "at-symbol", color: this.signerColor(this.signer) }), index.h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0, icon: "text", color: this.signerColor(this.signer) }), index.h("div", { class: 'expand-fields-row', onClick: () => (this.expandfields = !this.expandfields) }, index.h("ls-icon", { name: this.expandfields ? 'expand' : 'collapse', size: "20", solid: true }), index.h("p", null, "More Field Types")), this.expandfields && (index.h("div", { class: "fields-box" }, index.h("ls-toolbox-field", { elementType: "number", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50, icon: "hashtag", color: this.signerColor(this.signer) }), index.h("ls-toolbox-field", { elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25, icon: "check", color: this.signerColor(this.signer) }), index.h("ls-toolbox-field", { elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93, icon: "code", color: this.signerColor(this.signer) }), index.h("ls-toolbox-field", { elementType: "image", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph", color: this.signerColor(this.signer) }), index.h("ls-toolbox-field", { elementType: "file", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload", color: this.signerColor(this.signer) }))))), index.h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'toolbox' : 'hidden', editor: this }), index.h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'toolbox' : 'hidden' })), this.showrightpanel && !this.displayTable && (index.h("div", { class: this.selected && this.selected.length > 0 ? 'field-properties-outer' : 'hidden' }, index.h("div", { class: 'properties-header' }, index.h("div", { class: 'properties-header-icon' }, index.h("ls-icon", { name: "pre-filled-content" })), index.h("h1", { class: 'properties-header-title' }, "Field Properties"), index.h("button", { class: 'tertiaryGrey', onClick: e => {
|
|
25051
25060
|
this.selected = [];
|
|
25052
25061
|
e.preventDefault();
|
|
25053
|
-
} }, index.h("ls-icon", { name: "x", size: "20" }))), index.h("ls-field-properties", { id: "my-field-panel" }), index.h("slot", null))))) : (index.h(index.h.Fragment, null)), index.h("div", { key: '
|
|
25062
|
+
} }, index.h("ls-icon", { name: "x", size: "20" }))), index.h("ls-field-properties", { id: "my-field-panel" }), index.h("slot", null))))) : (index.h(index.h.Fragment, null)), index.h("div", { key: '396f65ae8dfd571d289bfc42816c040828e8fb88', id: "ls-mid-area" }, index.h("ls-toolbar", { key: '1a621e6b7c8dad1f0a4178f94ba9d069fb129a1d', id: "ls-toolbar", dataItem: this.selected ? this.selected.map(s => s.dataItem) : null, template: this._template }), index.h("div", { key: 'eae5daf190f5e3bdd39823a97cec71cfb2a0fea9', class: 'document-frame-wrapper' }, index.h("div", { key: 'c97bb669bffc774f5b3eb9a3a30d73929c08e3a5', class: 'spacer' }), index.h("div", { key: 'd0c6f96d9a08ae6c0c792e2dc0ef36ef3a631b77', id: "ls-document-frame" }, index.h("canvas", { key: 'efcdc3c09c8336e3be0e51afa560b3755519e308', id: "pdf-canvas", class: this.displayTable ? 'hidden' : '' }), index.h("ls-editor-table", { key: '298a8c1c28d7965e3a622006d2dd8de7005ba7b7', editor: this, class: this.displayTable ? '' : 'hidden' }), index.h("div", { key: '844cda3669af25400cc2b41094c3344c5cd60264', id: "ls-box-selector" }))), index.h("ls-statusbar", { key: 'a170950405cde15290542c96fcdfc0609f81a552', editor: this }))))));
|
|
25054
25063
|
}
|
|
25055
25064
|
static get watchers() { return {
|
|
25056
25065
|
"mode": ["modeHandler"],
|
|
@@ -25069,7 +25078,6 @@ const LsEditorField = class {
|
|
|
25069
25078
|
dataItem;
|
|
25070
25079
|
selected;
|
|
25071
25080
|
readonly;
|
|
25072
|
-
palette;
|
|
25073
25081
|
type;
|
|
25074
25082
|
page;
|
|
25075
25083
|
isEditing = false;
|
|
@@ -25160,7 +25168,7 @@ const LsEditorField = class {
|
|
|
25160
25168
|
this.sizeObserver.observe(this.component);
|
|
25161
25169
|
// New dropped components automatically need selecting.
|
|
25162
25170
|
if (this.selected) {
|
|
25163
|
-
this.component.style.background =
|
|
25171
|
+
this.component.style.background = this.participantColor(this.dataItem?.signer).s20;
|
|
25164
25172
|
this.component.style.opacity = '0.7';
|
|
25165
25173
|
this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';
|
|
25166
25174
|
}
|
|
@@ -25170,13 +25178,13 @@ const LsEditorField = class {
|
|
|
25170
25178
|
}
|
|
25171
25179
|
}
|
|
25172
25180
|
participantColor = (index) => {
|
|
25173
|
-
return
|
|
25181
|
+
return defaultRolePalette[index % 100] || defaultRolePalette[0];
|
|
25174
25182
|
};
|
|
25175
25183
|
render() {
|
|
25176
|
-
return (index.h(index.Host, { key: '
|
|
25184
|
+
return (index.h(index.Host, { key: '3c8441e53f90eed0e0b778924f9191342f504a65', style: { border: `1px ${this.participantColor(this.dataItem?.signer).s60} solid` } }, index.h("div", { key: 'b81189da32a8a824d19a90b452117a3e820798e5', class: {
|
|
25177
25185
|
'ls-editor-field': true,
|
|
25178
25186
|
'is-selected': this.selected,
|
|
25179
|
-
} }, index.h("input", { key: '
|
|
25187
|
+
} }, index.h("input", { key: 'e339642324a7180e435f4d04eaff8823288ab4bb', id: "editing-input", class: this.isEditing ? 'ls-editor-field-editable' : 'hidden-field', type: getInputType(this.dataItem.validation).inputType, value: this.dataItem?.value || this.innerValue, onChange: e => this.onInputChange(e) }), index.h("div", { key: 'af5b7435dab53aaf8b4ad0000b0e01116c97ef52', id: "field-info", class: this.isEditing ? 'hidden-field' : 'ls-editor-field-draggable' }, this.innerValue || this.dataItem?.label || this.dataItem?.formElementType))));
|
|
25180
25188
|
}
|
|
25181
25189
|
static get watchers() { return {
|
|
25182
25190
|
"selected": ["watchSelectedHandler"]
|
|
@@ -33279,37 +33287,37 @@ const LsParticipantSelect = class {
|
|
|
33279
33287
|
console.log('Selected role:', this.selectedRole);
|
|
33280
33288
|
}
|
|
33281
33289
|
participantColor = (index) => {
|
|
33282
|
-
return
|
|
33290
|
+
return defaultRolePalette[index % 100] || defaultRolePalette[0];
|
|
33283
33291
|
};
|
|
33284
33292
|
render() {
|
|
33285
33293
|
console.log(this.selectedRole);
|
|
33286
|
-
return (index.h(index.Host, { key: '
|
|
33287
|
-
background:
|
|
33288
|
-
color:
|
|
33289
|
-
} }, index.h("ls-icon", { key: '
|
|
33290
|
-
(this.selectedRole.signerIndex > 100 ? `Participant ${this.selectedRole.signerIndex - 100} Witness` : `Participant ${this.selectedRole.signerIndex}`)), index.h("button", { key: '
|
|
33291
|
-
'--background-selected':
|
|
33292
|
-
'--check-icon-selected':
|
|
33293
|
-
}, onClick: () => this.selectRole({ signerIndex: 0, name: 'Sender', roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle' : 'check-circle') }, index.h("div", { key: '
|
|
33294
|
-
background:
|
|
33295
|
-
color:
|
|
33296
|
-
} }, index.h("ls-icon", { key: '
|
|
33297
|
-
'--role-name-selected':
|
|
33298
|
-
} }, 'Sender'), index.h("p", { key: '
|
|
33299
|
-
'--role-type-selected':
|
|
33300
|
-
} }, "You")), index.h("ls-icon", { key: '
|
|
33301
|
-
'--background-selected':
|
|
33302
|
-
'--check-icon-selected':
|
|
33294
|
+
return (index.h(index.Host, { key: '376dc00f9ed35a608669050a14c3a6ec77222ae1' }, index.h("div", { key: 'bffe48d89c04e6d38de5a34d721fc62875233b8c', class: "dropdown" }, index.h("div", { key: '291784e958e45a72305fbdbbd220a3237e829e3b', class: "dropdown-header", onClick: this.toggleDropdown }, index.h("svg", { key: 'c4ae298b8fc164af5b3823952165885ece44a628', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'f18b791336b7901257dae3215ed0ef4128928e1d', d: "M4 0.5H6.5C8.433 0.5 10 2.067 10 4V6.5C10 8.433 8.433 10 6.5 10H4C2.067 10 0.5 8.433 0.5 6.5V4C0.5 2.067 2.067 0.5 4 0.5Z", fill: "#78A3FA", stroke: "#F7F8FA" }), index.h("path", { key: '6334dacce4604c2b2a8208232e5e3e2dfbeda08d', d: "M13.5 0.5H16C17.933 0.5 19.5 2.067 19.5 4V6.5C19.5 8.433 17.933 10 16 10H13.5C11.567 10 10 8.433 10 6.5V4C10 2.067 11.567 0.5 13.5 0.5Z", fill: "#46DBAA", stroke: "#F7F8FA" }), index.h("path", { key: 'a00c1daded99250cea5638c25fde7449cea1fb3f', d: "M4 10H6.5C8.433 10 10 11.567 10 13.5V16C10 17.933 8.433 19.5 6.5 19.5H4C2.067 19.5 0.5 17.933 0.5 16V13.5C0.5 11.567 2.067 10 4 10Z", fill: "#FAD232", stroke: "#F7F8FA" }), index.h("path", { key: '72c04a47d2856141e4d3083864f00c1ce2bc62ce', d: "M14.75 12.125V14.75M14.75 14.75V17.375M14.75 14.75H17.375M14.75 14.75L12.125 14.75", stroke: "#939599", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("p", { key: 'f44c6d982de08655cdd15a03145b3a711d045df6', class: 'placing-fields-text' }, "Placing Fields for"), index.h("div", { key: 'd83960f9c8999046c6e3e1137865e1036c651e85', class: 'selected-role-label', style: {
|
|
33295
|
+
background: this.participantColor(this.selectedRole?.signerIndex).s20,
|
|
33296
|
+
color: this.participantColor(this.selectedRole?.signerIndex).s80,
|
|
33297
|
+
} }, index.h("ls-icon", { key: '733e9f601506e58fecd83f1a5062561ef68efb01', size: "18", name: this.selectedRole?.roleType === 'SENDER' ? 'user' : this.selectedRole?.roleType === 'APPROVER' ? 'check-circle' : this.selectedRole?.roleType === 'WITNESS' ? 'eye' : 'signature' }), this.selectedRole.name ||
|
|
33298
|
+
(this.selectedRole.signerIndex > 100 ? `Participant ${this.selectedRole.signerIndex - 100} Witness` : `Participant ${this.selectedRole.signerIndex}`)), index.h("button", { key: 'c5f307779432fdde633d661b19d213a8e0fbfdc3', class: 'tertiaryGrey expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, index.h("ls-icon", { key: '5da68fd1dade4668364d2e328a6a404a772092eb', name: "chevron-down" }))), this.isOpen && (index.h("div", { key: '6545db8c8c0094cd863037f2e7c94c87e8a34f5b', class: "dropdown-list" }, index.h("div", { key: '4b4b466b9d9f553afb2dcbe4d1e1c623be4c3aa3', class: this.selectedRole?.signerIndex === 0 ? 'dropdown-item selected' : 'dropdown-item', style: {
|
|
33299
|
+
'--background-selected': defaultRolePalette[0].s10,
|
|
33300
|
+
'--check-icon-selected': defaultRolePalette[0].s50,
|
|
33301
|
+
}, onClick: () => this.selectRole({ signerIndex: 0, name: 'Sender', roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle' : 'check-circle') }, index.h("div", { key: '9f4035308fc39587e417cf0a1e088a4175c118f9', class: 'role-icon', style: {
|
|
33302
|
+
background: defaultRolePalette[0].s50,
|
|
33303
|
+
color: defaultRolePalette[0].s80,
|
|
33304
|
+
} }, index.h("ls-icon", { key: '282c618109165a412bf12d6d9eb17216f1136b0d', name: "user" })), index.h("div", { key: '1e45e9c7405abc4e230a28eb793d984a9a71434b', class: 'role-text' }, index.h("p", { key: '0971c5ec3fac86c604a27a9b258d1edc75116308', class: 'role-name', style: {
|
|
33305
|
+
'--role-name-selected': defaultRolePalette[0].s80,
|
|
33306
|
+
} }, 'Sender'), index.h("p", { key: '94047f15d4dd4046343924e7c553eb947c07e363', class: 'role-type', style: {
|
|
33307
|
+
'--role-type-selected': defaultRolePalette[0].s80,
|
|
33308
|
+
} }, "You")), index.h("ls-icon", { key: 'ec8d3927cd65ac9a2ed789c67f43c2556645cc7f', class: 'check-icon', name: this.selectedRole?.signerIndex === 0 ? 'check-circle' : 'base-circle', solid: this.selectedRole?.signerIndex === 0 })), this.roles.map(r => (index.h("div", { class: r.signerIndex === this.selectedRole?.signerIndex ? 'dropdown-item selected' : 'dropdown-item', style: {
|
|
33309
|
+
'--background-selected': this.participantColor(r?.signerIndex).s10,
|
|
33310
|
+
'--check-icon-selected': this.participantColor(r?.signerIndex).s50,
|
|
33303
33311
|
}, onClick: () => this.selectRole(r), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget
|
|
33304
33312
|
.querySelector('.check-icon')
|
|
33305
33313
|
?.setAttribute('name', r.signerIndex !== this.selectedRole?.signerIndex ? 'base-circle' : 'check-circle') }, index.h("div", { class: 'role-icon', style: {
|
|
33306
|
-
background: r.signerIndex > 100 ?
|
|
33314
|
+
background: r.signerIndex > 100 ? this.participantColor(r?.signerIndex).s20 : this.participantColor(r?.signerIndex).s50,
|
|
33307
33315
|
color: `var(--${this.participantColor(r?.signerIndex)}-90)`,
|
|
33308
33316
|
} }, index.h("ls-icon", { name: r.roleType === 'WITNESS' ? 'eye' : r.roleType === 'APPROVER' ? 'check-circle' : 'signature' })), index.h("div", { class: 'role-text' }, index.h("p", { class: 'role-name', style: {
|
|
33309
33317
|
'--role-name-selected': `var(--${this.participantColor(r?.signerIndex)}-100)`,
|
|
33310
33318
|
} }, r.name || r.signerIndex > 100 ? `Participant ${r.signerIndex - 100} Witness` : `Participant ${r.signerIndex}`), index.h("p", { class: 'role-type', style: {
|
|
33311
33319
|
'--role-type-selected': `var(--${this.participantColor(r?.signerIndex)}-80)`,
|
|
33312
|
-
} }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), index.h("ls-icon", { class: 'check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex }))))))), index.h("slot", { key: '
|
|
33320
|
+
} }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), index.h("ls-icon", { class: 'check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex }))))))), index.h("slot", { key: 'b2f3b76d52dab109697f7edb8d81085c7237128f' })));
|
|
33313
33321
|
}
|
|
33314
33322
|
};
|
|
33315
33323
|
LsParticipantSelect.style = lsParticipantSelectCss;
|