npm - legalesign-document-viewer - Versions diffs - 0.4.6 → 0.4.8 - Mend

legalesign-document-viewer 0.4.6 → 0.4.8

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.

Files changed (280) hide show

package/dist/collection/components/ls-field-type-display/ls-field-type-display.js CHANGED Viewed

@@ -14,7 +14,7 @@ export class LsFieldTypeDisplay {
                 border: `1px solid ${color.s60}`,
                 color: color.s60,
                 background: color.s10,
-            } }, h("ls-icon", { key: 'd66f4aec1972a7dbc8ad69d4a7d3980fc1dff5e6', name: getFieldIcon(this.fieldType), size: "20" })), h("p", { key: '11fbf1bc161aab0cd2521ba42025d2774b8161d0', class: 'ls-field-type-name' }, getFieldLabel(this.fieldType)))));
+            } }, h("ls-icon", { key: '9ec309d89e6405f0aff5ac94868166b932983331', name: getFieldIcon(this.fieldType), size: "1.25rem" })), h("p", { key: '0f64e64d628e4b9bd7ee2426237ef1dcfc5f4940', class: 'ls-field-type-name' }, getFieldLabel(this.fieldType)))));
     }
     static get is() { return "ls-field-type-display"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-field-type-display/ls-field-type-display.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-field-type-display.js","sourceRoot":"","sources":["../../../src/components/ls-field-type-display/ls-field-type-display.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAOvE,MAAM,OAAO,kBAAkB;IACrB,QAAQ,CAAS;IACjB,SAAS,GAAW,WAAW,CAAC;IAExC,MAAM;QACJ,MAAM,KAAK,GAAG,kBAAkB,CAAC,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC;QACtD,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE,uBAAuB,EAC9B,KAAK,EAAE;gBACL,MAAM,EAAE,cAAc,KAAK,CAAC,GAAG,EAAE;gBACjC,UAAU,EAAE,KAAK,CAAC,GAAG;aACtB;YAED,4DAAK,KAAK,EAAE,qBAAqB;gBAC/B,4DACE,KAAK,EAAE,oBAAoB,EAC3B,KAAK,EAAE;wBACL,MAAM,EAAE,aAAa,KAAK,CAAC,GAAG,EAAE;wBAChC,KAAK,EAAE,KAAK,CAAC,GAAG;wBAChB,UAAU,EAAE,KAAK,CAAC,GAAG;qBACtB;oBAED,gEAAS,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAC,~~IAAI~~,GAAG,~~CACrD~~;gBACN,0DAAG,KAAK,EAAE,oBAAoB,IAAG,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAK,CAC/D,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { getFieldLabel } from '../ls-document-viewer/defaultFieldLabels';\nimport { getFieldIcon } from '../ls-document-viewer/defaultFieldIcons';\n\n@Component({\n tag: 'ls-field-type-display',\n styleUrl: 'ls-field-type-display.css',\n shadow: true,\n})\nexport class LsFieldTypeDisplay {\n @Prop() assignee: number;\n @Prop() fieldType: string = 'signature';\n\n render() {\n const color = defaultRolePalette[this.assignee % 100];\n return (\n <Host\n class={'ls-field-type-wrapper'}\n style={{\n border: `1px dashed ${color.s30}`,\n background: color.s10,\n }}\n >\n <div class={'ls-field-type-inner'}>\n <div\n class={'ls-field-type-icon'}\n style={{\n border: `1px solid ${color.s60}`,\n color: color.s60,\n background: color.s10,\n }}\n >\n <ls-icon name={getFieldIcon(this.fieldType)} size=\"20\" />\n </div>\n <p class={'ls-field-type-name'}>{getFieldLabel(this.fieldType)}</p>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-field-type-display.js","sourceRoot":"","sources":["../../../src/components/ls-field-type-display/ls-field-type-display.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAOvE,MAAM,OAAO,kBAAkB;IACrB,QAAQ,CAAS;IACjB,SAAS,GAAW,WAAW,CAAC;IAExC,MAAM;QACJ,MAAM,KAAK,GAAG,kBAAkB,CAAC,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC;QACtD,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE,uBAAuB,EAC9B,KAAK,EAAE;gBACL,MAAM,EAAE,cAAc,KAAK,CAAC,GAAG,EAAE;gBACjC,UAAU,EAAE,KAAK,CAAC,GAAG;aACtB;YAED,4DAAK,KAAK,EAAE,qBAAqB;gBAC/B,4DACE,KAAK,EAAE,oBAAoB,EAC3B,KAAK,EAAE;wBACL,MAAM,EAAE,aAAa,KAAK,CAAC,GAAG,EAAE;wBAChC,KAAK,EAAE,KAAK,CAAC,GAAG;wBAChB,UAAU,EAAE,KAAK,CAAC,GAAG;qBACtB;oBAED,gEAAS,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAC,SAAS,GAAG,CAC1D;gBACN,0DAAG,KAAK,EAAE,oBAAoB,IAAG,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAK,CAC/D,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { getFieldLabel } from '../ls-document-viewer/defaultFieldLabels';\nimport { getFieldIcon } from '../ls-document-viewer/defaultFieldIcons';\n\n@Component({\n tag: 'ls-field-type-display',\n styleUrl: 'ls-field-type-display.css',\n shadow: true,\n})\nexport class LsFieldTypeDisplay {\n @Prop() assignee: number;\n @Prop() fieldType: string = 'signature';\n\n render() {\n const color = defaultRolePalette[this.assignee % 100];\n return (\n <Host\n class={'ls-field-type-wrapper'}\n style={{\n border: `1px dashed ${color.s30}`,\n background: color.s10,\n }}\n >\n <div class={'ls-field-type-inner'}>\n <div\n class={'ls-field-type-icon'}\n style={{\n border: `1px solid ${color.s60}`,\n color: color.s60,\n background: color.s10,\n }}\n >\n <ls-icon name={getFieldIcon(this.fieldType)} size=\"1.25rem\" />\n </div>\n <p class={'ls-field-type-name'}>{getFieldLabel(this.fieldType)}</p>\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/ls-formfield/inputs/ls-number-input/ls-number-input.css CHANGED Viewed

@@ -178,7 +178,7 @@ input:focus:not(:disabled) {
 .right-items {
   position: absolute;
   padding: 0.25rem;
-  height: 36px;
+  height: 2.25rem;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
@@ -198,8 +198,8 @@ input:focus:not(:disabled) {
 .button {
   display: flex;
-  height: 28px;
-  width: 28px;
+  height: 1.75rem;
+  width: 1.75rem;
   padding: 0.25rem;
   justify-content: center;
   align-items: center;
@@ -215,8 +215,8 @@ input:focus:not(:disabled) {
 .button-disabled {
   display: flex;
-  height: 28px;
-  width: 28px;
+  height: 1.75rem;
+  width: 1.75rem;
   padding: 0.25rem;
   justify-content: center;
   align-items: center;
@@ -255,8 +255,8 @@ input:focus:not(:disabled) {
 .button:focus {
   display: flex;
-  height: 28px;
-  width: 28px;
+  height: 1.75rem;
+  width: 1.75rem;
   padding: 0.25rem;
   justify-content: center;
   align-items: center;

package/dist/collection/components/ls-formfield/inputs/ls-select-input/ls-select-input.css CHANGED Viewed

@@ -137,7 +137,7 @@ select {
 .right-items {
   position: absolute;
   padding: 0.25rem;
-  height: 36px;
+  height: 2.25rem;
   right: 0;
   top: 0;
   display: flex;
@@ -156,8 +156,8 @@ select {
 .button {
   display: flex;
-  height: 28px;
-  width: 28px;
+  height: 1.75rem;
+  width: 1.75rem;
   padding: 0.25rem;
   justify-content: center;
   align-items: center;
@@ -173,8 +173,8 @@ select {
 .button:hover {
   display: flex;
-  height: 28px;
-  width: 28px;
+  height: 1.75rem;
+  width: 1.75rem;
   padding: 0.25rem;
   justify-content: center;
   align-items: center;
@@ -190,8 +190,8 @@ select {
 .button:active {
   display: flex;
-  height: 28px;
-  width: 28px;
+  height: 1.75rem;
+  width: 1.75rem;
   padding: 0.25rem;
   justify-content: center;
   align-items: center;
@@ -207,8 +207,8 @@ select {
 .button:focus {
   display: flex;
-  height: 28px;
-  width: 28px;
+  height: 1.75rem;
+  width: 1.75rem;
   padding: 0.25rem;
   justify-content: center;
   align-items: center;

package/dist/collection/components/ls-formfield/inputs/ls-text-input/ls-text-input.css CHANGED Viewed

@@ -127,7 +127,7 @@
 .right-items {
   position: absolute;
   padding: 0.25rem;
-  height: 36px;
+  height: 2.25rem;
   right: 0;
   top: 0;
   display: flex;
@@ -146,8 +146,8 @@
 .button {
   display: flex;
-  height: 28px;
-  width: 28px;
+  height: 1.75rem;
+  width: 1.75rem;
   padding: 0.25rem;
   justify-content: center;
   align-items: center;
@@ -163,8 +163,8 @@
 .button:hover {
   display: flex;
-  height: 28px;
-  width: 28px;
+  height: 1.75rem;
+  width: 1.75rem;
   padding: 0.25rem;
   justify-content: center;
   align-items: center;
@@ -180,8 +180,8 @@
 .button:active {
   display: flex;
-  height: 28px;
-  width: 28px;
+  height: 1.75rem;
+  width: 1.75rem;
   padding: 0.25rem;
   justify-content: center;
   align-items: center;
@@ -197,8 +197,8 @@
 .button:focus {
   display: flex;
-  height: 28px;
-  width: 28px;
+  height: 1.75rem;
+  width: 1.75rem;
   padding: 0.25rem;
   justify-content: center;
   align-items: center;

package/dist/collection/components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.css CHANGED Viewed

@@ -118,7 +118,7 @@
 .right-items {
   position: absolute;
   padding: 0.25rem;
-  height: 36px;
+  height: 2.25rem;
   right: 0;
   top: 0;
   display: flex;
@@ -137,8 +137,8 @@
 .button {
   display: flex;
-  height: 28px;
-  width: 28px;
+  height: 1.75rem;
+  width: 1.75rem;
   padding: 0.25rem;
   justify-content: center;
   align-items: center;
@@ -154,8 +154,8 @@
 .button:hover {
   display: flex;
-  height: 28px;
-  width: 28px;
+  height: 1.75rem;
+  width: 1.75rem;
   padding: 0.25rem;
   justify-content: center;
   align-items: center;
@@ -171,8 +171,8 @@
 .button:active {
   display: flex;
-  height: 28px;
-  width: 28px;
+  height: 1.75rem;
+  width: 1.75rem;
   padding: 0.25rem;
   justify-content: center;
   align-items: center;
@@ -190,8 +190,8 @@
 .button:focus {
   display: flex;
-  height: 28px;
-  width: 28px;
+  height: 1.75rem;
+  width: 1.75rem;
   padding: 0.25rem;
   justify-content: center;
   align-items: center;

package/dist/collection/components/ls-icon/ls-icon.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class LsIcon {
     name;
     solid = false;
     color = "#000000";
-    size = "20";
+    size = "1.25rem";
     customStyle;
     // Added function to check that the Icon enum type has all the icons from the icons.ts file
     arraysAreIdentical(arr1, arr2) {
@@ -25,11 +25,11 @@ export class LsIcon {
             console.warn('Icons in src/components/ls-icon/icons.ts should be identical to the enum type in src/types/Icon.ts. Please add all icons to the enum type.');
     }
     render() {
-        return (h("host", { key: '956e1302ed74daa15889d092a1060e585c0013e9' }, icons
+        return (h("host", { key: 'bd029331162812961f4b1413bcedd4688cece878' }, icons
             ?.filter((icon) => icon.name === this.name)
             ?.map((icon) => (h("div", { key: icon?.name, class: 'iconContainer', style: {
-                height: `${this.size}px`,
-                width: `${this.size}px`,
+                height: `${this.size}`,
+                width: `${this.size}`,
                 ...this.customStyle,
             } }, this.solid ? (h("div", { innerHTML: icon.svgSolid, style: { top: '0px' } })) : (h("div", { innerHTML: icon.svgOutline, style: { top: '0px' } })))))));
     }
@@ -120,7 +120,7 @@ export class LsIcon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "defaultValue": "\"20\""
+                "defaultValue": "\"1.25rem\""
             },
             "customStyle": {
                 "type": "unknown",

package/dist/collection/components/ls-icon/ls-icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-icon.js","sourceRoot":"","sources":["../../../src/components/ls-icon/ls-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAQ,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAM7D,MAAM,OAAO,MAAM;IACT,IAAI,CAAQ;IACZ,KAAK,GAAa,KAAK,CAAC;IACxB,KAAK,GAAY,SAAS,CAAC;IAC3B,IAAI,GAAY,~~IAAI~~,CAAC;~~IACrB~~,WAAW,CAA6B;IAEhD,2FAA2F;IACnF,kBAAkB,CAAC,IAAc,EAAE,IAAc;QACvD,MAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC/D,MAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAE/D,IAAI,YAAY,CAAC,MAAM,KAAK,YAAY,CAAC,MAAM,EAAE,CAAC;YAChD,OAAO,KAAK,CAAC;QACf,CAAC;QACD,MAAM,UAAU,GAAG,CAAC,GAAG,YAAY,CAAC,CAAC,IAAI,EAAE,CAAC;QAC5C,MAAM,UAAU,GAAG,CAAC,GAAG,YAAY,CAAC,CAAC,IAAI,EAAE,CAAC;QAE5C,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IACzE,CAAC;IACD,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC5C,gBAAgB;QACd,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,CAC1C,SAAS,EACT,IAAI,CAAC,iBAAiB,CACvB,CAAC;QACF,IAAI,CAAC,YAAY;YACf,OAAO,CAAC,IAAI,CACV,4IAA4I,CAC7I,CAAC;IACN,CAAC;IAED,MAAM;QACJ,OAAO,CACL,+DACG,KAAK;YACJ,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC;YAC3C,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,WACE,GAAG,EAAE,IAAI,EAAE,IAAI,EACf,KAAK,EAAC,eAAe,EACrB,KAAK,EAAE;gBACL,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,~~IAAI~~;~~gBACxB~~,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,~~IAAI~~;~~gBACvB~~,GAAG,IAAI,CAAC,WAAW;aAEpB,IAEA,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,WAAK,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAC,GAAG,CACvD,CAAC,CAAC,CAAC,CACF,WAAK,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAC,GAAI,CAC1D,CACG,CACP,CAAC,CACC,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport { icons } from './icons';\nimport { Icon, IconEnum, iconNames } from '../../types/Icon';\n\n@Component({\n tag: 'ls-icon',\n shadow: true,\n})\nexport class LsIcon {\n @Prop() name?: Icon;\n @Prop() solid?: boolean = false;\n @Prop() color?: string = \"#000000\";\n @Prop() size?: string = \"20\";\n @Prop() customStyle?: { [key: string]: string };\n\n // Added function to check that the Icon enum type has all the icons from the icons.ts file\n private arraysAreIdentical(arr1: string[], arr2: string[]): boolean {\n const modifiedArr1 = arr1[0] === 'none' ? arr1.slice(1) : arr1;\n const modifiedArr2 = arr2[0] === 'none' ? arr2.slice(1) : arr2;\n\n if (modifiedArr1.length !== modifiedArr2.length) {\n return false;\n }\n const sortedArr1 = [...modifiedArr1].sort();\n const sortedArr2 = [...modifiedArr2].sort();\n\n return sortedArr1.every((value, index) => value === sortedArr2[index]);\n }\n iconNamesFromEnum = Object.values(IconEnum);\n componentDidLoad() {\n const areIdentical = this.arraysAreIdentical(\n iconNames,\n this.iconNamesFromEnum,\n );\n if (!areIdentical)\n console.warn(\n 'Icons in src/components/ls-icon/icons.ts should be identical to the enum type in src/types/Icon.ts. Please add all icons to the enum type.',\n );\n }\n\n render() {\n return (\n <host>\n {icons\n ?.filter((icon) => icon.name === this.name)\n ?.map((icon) => (\n <div\n key={icon?.name}\n class='iconContainer'\n style={{\n height: `${this.size}px`,\n width: `${this.size}px`,\n ...this.customStyle,\n \n }}\n >\n {this.solid ? (\n <div innerHTML={icon.svgSolid} style={{ top: '0px'}}/>\n ) : (\n <div innerHTML={icon.svgOutline} style={{ top: '0px'}} />\n )}\n </div>\n ))}\n </host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-icon.js","sourceRoot":"","sources":["../../../src/components/ls-icon/ls-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAQ,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAM7D,MAAM,OAAO,MAAM;IACT,IAAI,CAAQ;IACZ,KAAK,GAAa,KAAK,CAAC;IACxB,KAAK,GAAY,SAAS,CAAC;IAC3B,IAAI,GAAY,SAAS,CAAC;IAC1B,WAAW,CAA6B;IAEhD,2FAA2F;IACnF,kBAAkB,CAAC,IAAc,EAAE,IAAc;QACvD,MAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC/D,MAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAE/D,IAAI,YAAY,CAAC,MAAM,KAAK,YAAY,CAAC,MAAM,EAAE,CAAC;YAChD,OAAO,KAAK,CAAC;QACf,CAAC;QACD,MAAM,UAAU,GAAG,CAAC,GAAG,YAAY,CAAC,CAAC,IAAI,EAAE,CAAC;QAC5C,MAAM,UAAU,GAAG,CAAC,GAAG,YAAY,CAAC,CAAC,IAAI,EAAE,CAAC;QAE5C,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IACzE,CAAC;IACD,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC5C,gBAAgB;QACd,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,CAC1C,SAAS,EACT,IAAI,CAAC,iBAAiB,CACvB,CAAC;QACF,IAAI,CAAC,YAAY;YACf,OAAO,CAAC,IAAI,CACV,4IAA4I,CAC7I,CAAC;IACN,CAAC;IAED,MAAM;QACJ,OAAO,CACL,+DACG,KAAK;YACJ,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC;YAC3C,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,WACE,GAAG,EAAE,IAAI,EAAE,IAAI,EACf,KAAK,EAAC,eAAe,EACrB,KAAK,EAAE;gBACL,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE;gBACtB,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE;gBACrB,GAAG,IAAI,CAAC,WAAW;aAEpB,IAEA,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,WAAK,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAC,GAAG,CACvD,CAAC,CAAC,CAAC,CACF,WAAK,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAC,GAAI,CAC1D,CACG,CACP,CAAC,CACC,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport { icons } from './icons';\nimport { Icon, IconEnum, iconNames } from '../../types/Icon';\n\n@Component({\n tag: 'ls-icon',\n shadow: true,\n})\nexport class LsIcon {\n @Prop() name?: Icon;\n @Prop() solid?: boolean = false;\n @Prop() color?: string = \"#000000\";\n @Prop() size?: string = \"1.25rem\";\n @Prop() customStyle?: { [key: string]: string };\n\n // Added function to check that the Icon enum type has all the icons from the icons.ts file\n private arraysAreIdentical(arr1: string[], arr2: string[]): boolean {\n const modifiedArr1 = arr1[0] === 'none' ? arr1.slice(1) : arr1;\n const modifiedArr2 = arr2[0] === 'none' ? arr2.slice(1) : arr2;\n\n if (modifiedArr1.length !== modifiedArr2.length) {\n return false;\n }\n const sortedArr1 = [...modifiedArr1].sort();\n const sortedArr2 = [...modifiedArr2].sort();\n\n return sortedArr1.every((value, index) => value === sortedArr2[index]);\n }\n iconNamesFromEnum = Object.values(IconEnum);\n componentDidLoad() {\n const areIdentical = this.arraysAreIdentical(\n iconNames,\n this.iconNamesFromEnum,\n );\n if (!areIdentical)\n console.warn(\n 'Icons in src/components/ls-icon/icons.ts should be identical to the enum type in src/types/Icon.ts. Please add all icons to the enum type.',\n );\n }\n\n render() {\n return (\n <host>\n {icons\n ?.filter((icon) => icon.name === this.name)\n ?.map((icon) => (\n <div\n key={icon?.name}\n class='iconContainer'\n style={{\n height: `${this.size}`,\n width: `${this.size}`,\n ...this.customStyle,\n \n }}\n >\n {this.solid ? (\n <div innerHTML={icon.svgSolid} style={{ top: '0px'}}/>\n ) : (\n <div innerHTML={icon.svgOutline} style={{ top: '0px'}} />\n )}\n </div>\n ))}\n </host>\n );\n }\n}\n"]}

package/dist/collection/components/ls-participant-card/ls-participant-card.css CHANGED Viewed

@@ -146,7 +146,7 @@ a:hover {
 select {
   appearance: none;
-  height: 36px;
+  height: 2.25rem;
   width: 100%;
 }

package/dist/collection/components/ls-participant-card/ls-participant-card.js CHANGED Viewed

@@ -66,22 +66,22 @@ export class LsParticipantCard {
             }, style: {
                 '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
                 '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
-            }, "data-tooltip": "Move Up" }, h("ls-icon", { key: 'd925852b08d95f2d8253c702046fb17b0994e243', name: "arrow-up", size: "18" }))), this.signer.signerIndex !== this.template.roles.length && this.signer.roleType !== 'WITNESS' && (h("div", { key: 'b28cccef03f22206d2ae1e8e5931bb4be0e91b40', class: "innerButton", onClick: () => {
+            }, "data-tooltip": "Move Up" }, h("ls-icon", { key: '6e636228b83b418175f0ff9d421481ee21bdc5dc', name: "arrow-up", size: "1.125rem" }))), this.signer.signerIndex !== this.template.roles.length && this.signer.roleType !== 'WITNESS' && (h("div", { key: '0af3434f272caeef661bcd7e7fc4a4e5f6a0247b', class: "innerButton", onClick: () => {
                 this.swapHandler(this.signer, this.template.roles[this.index + 1]);
             }, style: {
                 '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
                 '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
-            }, "data-tooltip": "Move Down" }, h("ls-icon", { key: '1165eef8ed87a48e128cc0ba7913b0c361f04351', name: "arrow-down", size: "18" }))), h("div", { key: 'f71554452653f47996d6f7904d706f48b8db9c5e', class: "innerButton", onClick: () => {
+            }, "data-tooltip": "Move Down" }, h("ls-icon", { key: '96ccf7537631af83a033569e950576e8da3098f4', name: "arrow-down", size: "1.125rem" }))), h("div", { key: '1621650800fbe8bb6fa99a59a572c3b6d492b4dd', class: "innerButton", onClick: () => {
                 this.editable = !this.editable;
             }, style: {
                 '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
                 '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
-            } }, h("ls-icon", { key: '043e3c627c1a20c592ea1530153bf593d3c1abfb', name: this.editable ? 'check' : 'pencil-alt', size: "18", "data-tooltip": this.editable ? "Save Changes" : "Edit Participant" })), h("div", { key: '8d45e8bf2dbd6be7973c260caba8bc8e6e0200ab', class: "innerButton", onClick: () => {
+            } }, h("ls-icon", { key: '240e497042c41d35e311c5315653ae2b52e2808b', name: this.editable ? 'check' : 'pencil-alt', size: "1.125rem", "data-tooltip": this.editable ? "Save Changes" : "Edit Participant" })), h("div", { key: 'a08fc82ffe319408ada2d59a96d106cc0da89f49', class: "innerButton", onClick: () => {
                 this.deleteHandler(this.signer);
             }, style: {
                 '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
                 '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
-            }, "data-tooltip": "Delete Participant", "data-tooltip-placement": "top-end" }, h("ls-icon", { key: '419eac740d99780865efb0fc5c90125bab297775', name: "trash", size: "18" })))), this.editable ? (h("div", { class: 'participant-card-inner' }, this.signer?.roleType !== 'WITNESS' ? (h("ls-input-wrapper", { select: true, leadingIcon: this.signer?.roleType === 'APPROVER' ? 'check-circle' : 'signature' }, h("select", { name: "roleType", id: "role-type", class: 'has-leading-icon', onChange: e => this.alter({ roleType: e.target.value }), disabled: child ? true : false }, h("option", { value: "APPROVER", selected: this.signer?.roleType === 'APPROVER' }, "Approver"), h("option", { value: "SIGNER", selected: this.signer?.roleType === 'SIGNER' }, "Signer")))) : (h("ls-input-wrapper", { leadingIcon: "eye" }, h("input", { name: "roleType", id: "role-type", class: 'has-leading-icon', disabled: true, value: "Witness" }))), h("input", { type: "text", id: "participant-description", name: "participantDescription", placeholder: "Description, eg. Tenant 1, Agent", defaultValue: this.signer.name, onInput: e => this.alter({ name: e.target.value }), onKeyUp: e => {
+            }, "data-tooltip": "Delete Participant", "data-tooltip-placement": "top-end" }, h("ls-icon", { key: '62ebf9e23a55d0243a51249c4599bc03ead62807', name: "trash", size: "1.125rem" })))), this.editable ? (h("div", { class: 'participant-card-inner' }, this.signer?.roleType !== 'WITNESS' ? (h("ls-input-wrapper", { select: true, leadingIcon: this.signer?.roleType === 'APPROVER' ? 'check-circle' : 'signature' }, h("select", { name: "roleType", id: "role-type", class: 'has-leading-icon', onChange: e => this.alter({ roleType: e.target.value }), disabled: child ? true : false }, h("option", { value: "APPROVER", selected: this.signer?.roleType === 'APPROVER' }, "Approver"), h("option", { value: "SIGNER", selected: this.signer?.roleType === 'SIGNER' }, "Signer")))) : (h("ls-input-wrapper", { leadingIcon: "eye" }, h("input", { name: "roleType", id: "role-type", class: 'has-leading-icon', disabled: true, value: "Witness" }))), h("input", { type: "text", id: "participant-description", name: "participantDescription", placeholder: "Description, eg. Tenant 1, Agent", defaultValue: this.signer.name, onInput: e => this.alter({ name: e.target.value }), onKeyUp: e => {
                 if (e.key === 'Enter' || e.keyCode === 13)
                     this.editable = false;
             } }), this.signer?.roleType === 'SIGNER' && !child ? (h("button", { class: 'tertiary', onClick: () => this.addParticipant.emit({ type: 'WITNESS', parent: this.signer.id }) }, h("ls-icon", { name: "plus", style: { marginRight: '0.25rem' } }), "Add Witness")) : this.signer?.roleType === 'SIGNER' && child ? (h("button", { class: 'destructive', onClick: () => {
@@ -96,7 +96,7 @@ export class LsParticipantCard {
             } }, this.signer.roleType.toLowerCase()), this.signer?.roleType !== 'APPROVER' && (h("div", { class: 'role-label fields', style: {
                 background: participantFields.length === 0 ? defaultRolePalette[this.signer?.signerIndex % 100].s60 : defaultRolePalette[this.signer?.signerIndex % 100].s20,
                 color: participantFields.length === 0 ? 'white' : defaultRolePalette[this.signer?.signerIndex % 100].s90,
-            } }, participantFields.length === 0 && h("ls-icon", { name: "exclamation-circle", size: "16", style: { marginRight: '0.125rem' } }), participantFields.length === 0 ? 'Signature Required' : `${participantFields.length} ${participantFields.length === 1 ? 'Field' : 'Fields'}`)))))), h("slot", { key: '660eb6b1b1fb9543307fefb0880343db524530bc' }), h("ls-tooltip", { key: '9b8501fada56616c8dc0a0ac7c51b416db46335d', id: "ls-tooltip-master" })));
+            } }, participantFields.length === 0 && h("ls-icon", { name: "exclamation-circle", size: "1rem", style: { marginRight: '0.125rem' } }), participantFields.length === 0 ? 'Signature Required' : `${participantFields.length} ${participantFields.length === 1 ? 'Field' : 'Fields'}`)))))), h("slot", { key: 'e448c77938303f5ff85d190183c67cc74d1e081b' }), h("ls-tooltip", { key: 'baf26e5fdec56dcae46a7988d690f36b6bdfe459', id: "ls-tooltip-master" })));
     }
     static get is() { return "ls-participant-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-participant-card/ls-participant-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-participant-card.js","sourceRoot":"","sources":["../../../src/components/ls-participant-card/ls-participant-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, Watch, Element, State } from '@stencil/core';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { attachAllTooltips } from '../../utils/tooltip';\n\n@Component({\n tag: 'ls-participant-card',\n styleUrl: 'ls-participant-card.css',\n shadow: true,\n})\nexport class LsParticipantCard {\n @Element() component: HTMLElement;\n @Prop() signer: LSApiRole;\n @Prop() index: number;\n @Prop({ mutable: true }) editable: boolean = false;\n @Prop() template: LSApiTemplate;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n opened: EventEmitter<LSApiRole>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.signer = { ...this.signer, ...diff };\n this.debounce(this.signer, 500);\n }\n\n private labeltimer;\n\n debounce(data, delay) {\n if (this.labeltimer) clearTimeout(this.labeltimer);\n\n this.labeltimer = setTimeout(() => {\n const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n this.mutate.emit(diffs);\n this.update.emit(diffs);\n }, delay);\n }\n\n deleteHandler(role: LSApiRole) {\n this.update.emit([{ action: 'delete', data: role }]);\n this.mutate.emit([{ action: 'delete', data: role }]);\n }\n\n swapHandler(role1, role2) {\n this.update.emit([{ action: 'swap', data: role1, data2: role2 }]);\n this.mutate.emit([{ action: 'swap', data: role1, data2: role2 }]);\n }\n\n @Watch('editable')\n modeHandler(_editable) {\n // When opened fire an event to let the parent handle closing other controls\n if (_editable) {\n this.opened.emit(this.signer);\n }\n }\n\n @Event({\n bubbles: true,\n composed: true,\n })\n addParticipant: EventEmitter<{ type: LSApiRoleType; parent?: string \| null }>;\n\n @State() swapUpBtn: HTMLElement;\n @State() swapDownBtn: HTMLElement;\n @State() editBtn: HTMLElement;\n @State() deleteParticipantBtn: HTMLElement;\n\n componentDidLoad() {\n attachAllTooltips(this.component.shadowRoot);\n }\n\n render() {\n const participantFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.signer.signerIndex) \|\| [];\n const child = this.template.roles.find(r => r.signerParent === this.signer.id);\n\n return (\n <Host>\n <div\n class={'participant-card' + (child ? ' top-card' : this.signer?.signerParent ? ' bottom-card' : ' full-card')}\n style={{\n background: defaultRolePalette[this.signer?.signerIndex % 100].s10,\n border: `1px solid ${defaultRolePalette[this.signer?.signerIndex % 100].s60}`,\n marginTop: this.signer.roleType === 'WITNESS' ? '-0.813rem' : '0',\n }}\n onMouseEnter={e => (e.currentTarget as HTMLElement).querySelector('.button-set')?.classList.remove('hidden')}\n onMouseLeave={e => (e.currentTarget as HTMLElement).querySelector('.button-set')?.classList.add('hidden')}\n onDblClick={() => {\n this.editable = true;\n }}\n >\n <div class={'participant-card-inner'}>\n <div class={'participant-card-top-items'}>\n <div\n class={'role-label'}\n style={{\n background: defaultRolePalette[this.signer?.signerIndex % 100].s20,\n color: defaultRolePalette[this.signer?.signerIndex % 100].s90,\n }}\n >\n <ls-icon name={this.signer?.roleType === 'APPROVER' ? 'check-circle' : this.signer?.roleType === 'SIGNER' ? 'signature' : 'eye'} />\n {(this.signer?.ordinal \|\| '')}\n </div>\n <div class={'button-set hidden'}>\n {this.index > 0 && this.signer.roleType !== 'WITNESS' && (\n <div\n class=\"innerButton\"\n onClick={() => {\n this.swapHandler(this.signer, this.template.roles[this.index - 1]);\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n data-tooltip=\"Move Up\"\n >\n <ls-icon name=\"arrow-up\" size=\"18\" />\n </div>\n )}\n {this.signer.signerIndex !== this.template.roles.length && this.signer.roleType !== 'WITNESS' && (\n <div\n class=\"innerButton\"\n onClick={() => {\n this.swapHandler(this.signer, this.template.roles[this.index + 1]);\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n data-tooltip=\"Move Down\"\n >\n <ls-icon name=\"arrow-down\" size=\"18\" />\n </div>\n )}\n <div\n class=\"innerButton\"\n onClick={() => {\n this.editable = !this.editable;\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n >\n <ls-icon name={this.editable ? 'check' : 'pencil-alt'} size=\"18\" data-tooltip={this.editable ? \"Save Changes\" : \"Edit Participant\"} />\n \n </div>\n <div\n class=\"innerButton\"\n onClick={() => {\n this.deleteHandler(this.signer);\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n data-tooltip=\"Delete Participant\"\n data-tooltip-placement=\"top-end\"\n >\n <ls-icon name=\"trash\" size=\"18\" />\n </div>\n </div>\n </div>\n {this.editable ? (\n <div class={'participant-card-inner'}>\n {this.signer?.roleType !== 'WITNESS' ? (\n <ls-input-wrapper select leadingIcon={this.signer?.roleType === 'APPROVER' ? 'check-circle' : 'signature'}>\n <select\n name=\"roleType\"\n id=\"role-type\"\n class={'has-leading-icon'}\n onChange={e => this.alter({ roleType: (e.target as HTMLSelectElement).value })}\n disabled={child ? true : false}\n >\n <option value=\"APPROVER\" selected={this.signer?.roleType === 'APPROVER'}>\n Approver\n </option>\n <option value=\"SIGNER\" selected={this.signer?.roleType === 'SIGNER'}>\n Signer\n </option>\n </select>\n </ls-input-wrapper>\n ) : (\n <ls-input-wrapper leadingIcon=\"eye\">\n <input name=\"roleType\" id=\"role-type\" class={'has-leading-icon'} disabled value=\"Witness\" />\n </ls-input-wrapper>\n )}\n <input\n type=\"text\"\n id=\"participant-description\"\n name=\"participantDescription\"\n placeholder=\"Description, eg. Tenant 1, Agent\"\n defaultValue={this.signer.name}\n onInput={e => this.alter({ name: (e.target as HTMLInputElement).value })}\n onKeyUp={e => {\n if (e.key === 'Enter' \|\| e.keyCode === 13) this.editable = false;\n }}\n />\n {this.signer?.roleType === 'SIGNER' && !child ? (\n <button class={'tertiary'} onClick={() => this.addParticipant.emit({ type: 'WITNESS', parent: this.signer.id })}>\n <ls-icon name=\"plus\" style={{ marginRight: '0.25rem' }} />\n Add Witness\n </button>\n ) : this.signer?.roleType === 'SIGNER' && child ? (\n <button\n class={'destructive'}\n onClick={() => {\n this.deleteHandler(child);\n }}\n >\n <ls-icon name=\"minus-sm\" style={{ marginRight: '0.25rem' }} />\n Remove Witness\n </button>\n ) : this.signer?.roleType === 'WITNESS' ? (\n <button\n class={'destructive'}\n onClick={() => {\n this.deleteHandler(this.signer);\n }}\n >\n <ls-icon name=\"minus-sm\" style={{ marginRight: '0.25rem' }} />\n Remove Witness\n </button>\n ) : null}\n </div>\n ) : (\n <div class={'participant-card-text'}>\n <p\n class=\"participant-text-description\"\n style={{\n color: defaultRolePalette[this.signer?.signerIndex % 100].s100,\n }}\n >\n {this.signer.name \|\| `${this.signer.signerIndex > 100 ? 'Witness' : 'Signer'} ${this.signer.signerIndex + 1}`}\n </p>\n <p\n class=\"participant-text-type\"\n style={{\n color: defaultRolePalette[this.signer?.signerIndex % 100].s80,\n textTransform: 'capitalize',\n }}\n >\n {this.signer.roleType.toLowerCase()}\n </p>\n {this.signer?.roleType !== 'APPROVER' && (\n <div\n class={'role-label fields'}\n style={{\n background: participantFields.length === 0 ? defaultRolePalette[this.signer?.signerIndex % 100].s60 : defaultRolePalette[this.signer?.signerIndex % 100].s20,\n color: participantFields.length === 0 ? 'white' : defaultRolePalette[this.signer?.signerIndex % 100].s90,\n }}\n >\n {participantFields.length === 0 && <ls-icon name=\"exclamation-circle\" size=\"16\" style={{ marginRight: '0.125rem' }} />}\n {participantFields.length === 0 ? 'Signature Required' : `${participantFields.length} ${participantFields.length === 1 ? 'Field' : 'Fields'}`}\n </div>\n )}\n </div>\n )}\n </div>\n </div>\n <slot></slot>\n <ls-tooltip id=\"ls-tooltip-master\" />\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-participant-card.js","sourceRoot":"","sources":["../../../src/components/ls-participant-card/ls-participant-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, Watch, Element, State } from '@stencil/core';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { attachAllTooltips } from '../../utils/tooltip';\n\n@Component({\n tag: 'ls-participant-card',\n styleUrl: 'ls-participant-card.css',\n shadow: true,\n})\nexport class LsParticipantCard {\n @Element() component: HTMLElement;\n @Prop() signer: LSApiRole;\n @Prop() index: number;\n @Prop({ mutable: true }) editable: boolean = false;\n @Prop() template: LSApiTemplate;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n opened: EventEmitter<LSApiRole>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.signer = { ...this.signer, ...diff };\n this.debounce(this.signer, 500);\n }\n\n private labeltimer;\n\n debounce(data, delay) {\n if (this.labeltimer) clearTimeout(this.labeltimer);\n\n this.labeltimer = setTimeout(() => {\n const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n this.mutate.emit(diffs);\n this.update.emit(diffs);\n }, delay);\n }\n\n deleteHandler(role: LSApiRole) {\n this.update.emit([{ action: 'delete', data: role }]);\n this.mutate.emit([{ action: 'delete', data: role }]);\n }\n\n swapHandler(role1, role2) {\n this.update.emit([{ action: 'swap', data: role1, data2: role2 }]);\n this.mutate.emit([{ action: 'swap', data: role1, data2: role2 }]);\n }\n\n @Watch('editable')\n modeHandler(_editable) {\n // When opened fire an event to let the parent handle closing other controls\n if (_editable) {\n this.opened.emit(this.signer);\n }\n }\n\n @Event({\n bubbles: true,\n composed: true,\n })\n addParticipant: EventEmitter<{ type: LSApiRoleType; parent?: string \| null }>;\n\n @State() swapUpBtn: HTMLElement;\n @State() swapDownBtn: HTMLElement;\n @State() editBtn: HTMLElement;\n @State() deleteParticipantBtn: HTMLElement;\n\n componentDidLoad() {\n attachAllTooltips(this.component.shadowRoot);\n }\n\n render() {\n const participantFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.signer.signerIndex) \|\| [];\n const child = this.template.roles.find(r => r.signerParent === this.signer.id);\n\n return (\n <Host>\n <div\n class={'participant-card' + (child ? ' top-card' : this.signer?.signerParent ? ' bottom-card' : ' full-card')}\n style={{\n background: defaultRolePalette[this.signer?.signerIndex % 100].s10,\n border: `1px solid ${defaultRolePalette[this.signer?.signerIndex % 100].s60}`,\n marginTop: this.signer.roleType === 'WITNESS' ? '-0.813rem' : '0',\n }}\n onMouseEnter={e => (e.currentTarget as HTMLElement).querySelector('.button-set')?.classList.remove('hidden')}\n onMouseLeave={e => (e.currentTarget as HTMLElement).querySelector('.button-set')?.classList.add('hidden')}\n onDblClick={() => {\n this.editable = true;\n }}\n >\n <div class={'participant-card-inner'}>\n <div class={'participant-card-top-items'}>\n <div\n class={'role-label'}\n style={{\n background: defaultRolePalette[this.signer?.signerIndex % 100].s20,\n color: defaultRolePalette[this.signer?.signerIndex % 100].s90,\n }}\n >\n <ls-icon name={this.signer?.roleType === 'APPROVER' ? 'check-circle' : this.signer?.roleType === 'SIGNER' ? 'signature' : 'eye'} />\n {(this.signer?.ordinal \|\| '')}\n </div>\n <div class={'button-set hidden'}>\n {this.index > 0 && this.signer.roleType !== 'WITNESS' && (\n <div\n class=\"innerButton\"\n onClick={() => {\n this.swapHandler(this.signer, this.template.roles[this.index - 1]);\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n data-tooltip=\"Move Up\"\n >\n <ls-icon name=\"arrow-up\" size=\"1.125rem\" />\n </div>\n )}\n {this.signer.signerIndex !== this.template.roles.length && this.signer.roleType !== 'WITNESS' && (\n <div\n class=\"innerButton\"\n onClick={() => {\n this.swapHandler(this.signer, this.template.roles[this.index + 1]);\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n data-tooltip=\"Move Down\"\n >\n <ls-icon name=\"arrow-down\" size=\"1.125rem\" />\n </div>\n )}\n <div\n class=\"innerButton\"\n onClick={() => {\n this.editable = !this.editable;\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n >\n <ls-icon name={this.editable ? 'check' : 'pencil-alt'} size=\"1.125rem\" data-tooltip={this.editable ? \"Save Changes\" : \"Edit Participant\"} />\n \n </div>\n <div\n class=\"innerButton\"\n onClick={() => {\n this.deleteHandler(this.signer);\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n data-tooltip=\"Delete Participant\"\n data-tooltip-placement=\"top-end\"\n >\n <ls-icon name=\"trash\" size=\"1.125rem\" />\n </div>\n </div>\n </div>\n {this.editable ? (\n <div class={'participant-card-inner'}>\n {this.signer?.roleType !== 'WITNESS' ? (\n <ls-input-wrapper select leadingIcon={this.signer?.roleType === 'APPROVER' ? 'check-circle' : 'signature'}>\n <select\n name=\"roleType\"\n id=\"role-type\"\n class={'has-leading-icon'}\n onChange={e => this.alter({ roleType: (e.target as HTMLSelectElement).value })}\n disabled={child ? true : false}\n >\n <option value=\"APPROVER\" selected={this.signer?.roleType === 'APPROVER'}>\n Approver\n </option>\n <option value=\"SIGNER\" selected={this.signer?.roleType === 'SIGNER'}>\n Signer\n </option>\n </select>\n </ls-input-wrapper>\n ) : (\n <ls-input-wrapper leadingIcon=\"eye\">\n <input name=\"roleType\" id=\"role-type\" class={'has-leading-icon'} disabled value=\"Witness\" />\n </ls-input-wrapper>\n )}\n <input\n type=\"text\"\n id=\"participant-description\"\n name=\"participantDescription\"\n placeholder=\"Description, eg. Tenant 1, Agent\"\n defaultValue={this.signer.name}\n onInput={e => this.alter({ name: (e.target as HTMLInputElement).value })}\n onKeyUp={e => {\n if (e.key === 'Enter' \|\| e.keyCode === 13) this.editable = false;\n }}\n />\n {this.signer?.roleType === 'SIGNER' && !child ? (\n <button class={'tertiary'} onClick={() => this.addParticipant.emit({ type: 'WITNESS', parent: this.signer.id })}>\n <ls-icon name=\"plus\" style={{ marginRight: '0.25rem' }} />\n Add Witness\n </button>\n ) : this.signer?.roleType === 'SIGNER' && child ? (\n <button\n class={'destructive'}\n onClick={() => {\n this.deleteHandler(child);\n }}\n >\n <ls-icon name=\"minus-sm\" style={{ marginRight: '0.25rem' }} />\n Remove Witness\n </button>\n ) : this.signer?.roleType === 'WITNESS' ? (\n <button\n class={'destructive'}\n onClick={() => {\n this.deleteHandler(this.signer);\n }}\n >\n <ls-icon name=\"minus-sm\" style={{ marginRight: '0.25rem' }} />\n Remove Witness\n </button>\n ) : null}\n </div>\n ) : (\n <div class={'participant-card-text'}>\n <p\n class=\"participant-text-description\"\n style={{\n color: defaultRolePalette[this.signer?.signerIndex % 100].s100,\n }}\n >\n {this.signer.name \|\| `${this.signer.signerIndex > 100 ? 'Witness' : 'Signer'} ${this.signer.signerIndex + 1}`}\n </p>\n <p\n class=\"participant-text-type\"\n style={{\n color: defaultRolePalette[this.signer?.signerIndex % 100].s80,\n textTransform: 'capitalize',\n }}\n >\n {this.signer.roleType.toLowerCase()}\n </p>\n {this.signer?.roleType !== 'APPROVER' && (\n <div\n class={'role-label fields'}\n style={{\n background: participantFields.length === 0 ? defaultRolePalette[this.signer?.signerIndex % 100].s60 : defaultRolePalette[this.signer?.signerIndex % 100].s20,\n color: participantFields.length === 0 ? 'white' : defaultRolePalette[this.signer?.signerIndex % 100].s90,\n }}\n >\n {participantFields.length === 0 && <ls-icon name=\"exclamation-circle\" size=\"1rem\" style={{ marginRight: '0.125rem' }} />}\n {participantFields.length === 0 ? 'Signature Required' : `${participantFields.length} ${participantFields.length === 1 ? 'Field' : 'Fields'}`}\n </div>\n )}\n </div>\n )}\n </div>\n </div>\n <slot></slot>\n <ls-tooltip id=\"ls-tooltip-master\" />\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/ls-participant-manager/ls-participant-manager.css CHANGED Viewed

@@ -24,7 +24,7 @@
 .ls-editor-infobox {
-  padding: 2px 8px 2px 8px;
+  padding: 0.125rem 0.5rem 0.125rem 0.5rem;
 }
 .toolbox-section-title {
@@ -101,7 +101,7 @@ a:hover {
 select {
   appearance: none;
-  height: 36px;
+  height: 2.25rem;
 }
 .input-wrapper {

package/dist/collection/components/ls-participant-manager/ls-participant-manager.js CHANGED Viewed

@@ -55,7 +55,7 @@ export class LsParticipantManager {
                 return (h("ls-participant-card", { signer: r, index: index, template: this.template, onOpened: event => {
                         this.handleOpened.bind(this)(event);
                     }, onAddParticipant: event => this.handleOpenNewWitness(event) }));
-            })), h("div", { key: '6b37ecdbd91f2d32eeee1e1357319661ab101514', class: 'add-participant-button' }, h("button", { key: '9a7dfe989b3d8b62fbdd5ac7ddd4f13019248927', onClick: () => this.addParticipant.emit({ type: 'SIGNER' }) }, h("ls-icon", { key: '4ee149c40e855c475fbb3ff48f2341f1afc02d6e', name: "user-add", size: "20", color: "var(--gray-100, #45484D);" }), h("p", { key: '37dee942e94436c25d5960bb43c3fb8ded4f6cbf' }, "Add Participant"))), h("slot", { key: '4fc8ece59935ee125761aba15d275a54f6a1609b' })));
+            })), h("div", { key: '6b37ecdbd91f2d32eeee1e1357319661ab101514', class: 'add-participant-button' }, h("button", { key: '9a7dfe989b3d8b62fbdd5ac7ddd4f13019248927', onClick: () => this.addParticipant.emit({ type: 'SIGNER' }) }, h("ls-icon", { key: 'c742cd2ce372fa0c3b434b2f0ab632adc635dbba', name: "user-add", size: "1.25rem", color: "var(--gray-100, #45484D);" }), h("p", { key: '5bc451999fef2073419509bc23d1a75338e58ebc' }, "Add Participant"))), h("slot", { key: '92fc7a4dd675f613ee70d6148cb1b0f2f64e45f5' })));
     }
     static get is() { return "ls-participant-manager"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-participant-manager/ls-participant-manager.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-participant-manager.js","sourceRoot":"","sources":["../../../src/components/ls-participant-manager/ls-participant-manager.tsx"],"names":[],"mappings":"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~~IAAI~~,EAAC,KAAK,EAAC,2BAA2B,GAAG;~~oBACvE~~,8EAAsB,CACf,CACL;YACN,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter, Element } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n tag: 'ls-participant-manager',\n styleUrl: 'ls-participant-manager.css',\n shadow: true,\n})\nexport class LsParticipantManager {\n @Element() element: HTMLElement;\n /*\n The base editor.\n * {LSDocumentViewer}\n /\n @Prop() editor: LsDocumentViewer;\n\n /\n The base template information (as JSON).\n * {LSApiTemplate}\n */\n @Prop() template: LSApiTemplate;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n composed: true,\n })\n addParticipant: EventEmitter<{ type: LSApiRoleType; parent?: string \| null }>;\n\n selectedHandler(_role) {\n //console.log(role, 'participant manager')\n }\n\n deleteHandler(role: LSApiRole) {\n this.update.emit([{ action: 'delete', data: role }]);\n this.mutate.emit([{ action: 'delete', data: role }]);\n }\n\n swapHandler(role1, role2) {\n this.update.emit([{ action: 'swap', data: role1, data2: role2 }]);\n }\n\n handleOpened(event) {\n const participants = this.element.shadowRoot.querySelectorAll('ls-participant-card');\n\n participants.forEach(element => {\n const isTarget = element.signer?.id === event.detail.id;\n element.editable = isTarget;\n\n if (isTarget) {\n element.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n }\n\n handleOpenNewWitness(event: CustomEvent<{ type: LSApiRoleType; parent?: string \| null }>) {\n const { parent } = event.detail;\n const observer = new MutationObserver(() => {\n const participants = this.element.shadowRoot.querySelectorAll('ls-participant-card');\n\n participants.forEach(element => {\n const isTarget = element.signer?.signerParent === parent;\n element.editable = isTarget;\n\n if (isTarget) {\n element.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n\n observer.disconnect();\n });\n observer.observe(this.element.shadowRoot, { childList: true, subtree: true });\n }\n\n\n render() {\n return (\n <Host>\n <div class=\"ls-editor-infobox\">\n <h2 class=\"toolbox-section-title\">Participants</h2>\n <p class=\"toolbox-section-description\">Select and Click to place Signature fields where you’d like on the Document.</p>\n </div>\n <div class=\"participant-list\">\n {this.template &&\n this.template?.roles.map((r, index) => {\n return (\n <ls-participant-card\n signer={r}\n index={index}\n template={this.template}\n onOpened={event => {\n this.handleOpened.bind(this)(event);\n }}\n onAddParticipant={event => this.handleOpenNewWitness(event)}\n />\n );\n })}\n </div>\n <div class={'add-participant-button'}>\n <button onClick={() => this.addParticipant.emit({ type: 'SIGNER' })}>\n <ls-icon name=\"user-add\" size=\"20\" color=\"var(--gray-100, #45484D);\" />\n <p>Add Participant</p>\n </button>\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-participant-manager.js","sourceRoot":"","sources":["../../../src/components/ls-participant-manager/ls-participant-manager.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter, Element } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n tag: 'ls-participant-manager',\n styleUrl: 'ls-participant-manager.css',\n shadow: true,\n})\nexport class LsParticipantManager {\n @Element() element: HTMLElement;\n /*\n The base editor.\n * {LSDocumentViewer}\n /\n @Prop() editor: LsDocumentViewer;\n\n /\n The base template information (as JSON).\n * {LSApiTemplate}\n */\n @Prop() template: LSApiTemplate;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n composed: true,\n })\n addParticipant: EventEmitter<{ type: LSApiRoleType; parent?: string \| null }>;\n\n selectedHandler(_role) {\n //console.log(role, 'participant manager')\n }\n\n deleteHandler(role: LSApiRole) {\n this.update.emit([{ action: 'delete', data: role }]);\n this.mutate.emit([{ action: 'delete', data: role }]);\n }\n\n swapHandler(role1, role2) {\n this.update.emit([{ action: 'swap', data: role1, data2: role2 }]);\n }\n\n handleOpened(event) {\n const participants = this.element.shadowRoot.querySelectorAll('ls-participant-card');\n\n participants.forEach(element => {\n const isTarget = element.signer?.id === event.detail.id;\n element.editable = isTarget;\n\n if (isTarget) {\n element.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n }\n\n handleOpenNewWitness(event: CustomEvent<{ type: LSApiRoleType; parent?: string \| null }>) {\n const { parent } = event.detail;\n const observer = new MutationObserver(() => {\n const participants = this.element.shadowRoot.querySelectorAll('ls-participant-card');\n\n participants.forEach(element => {\n const isTarget = element.signer?.signerParent === parent;\n element.editable = isTarget;\n\n if (isTarget) {\n element.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n\n observer.disconnect();\n });\n observer.observe(this.element.shadowRoot, { childList: true, subtree: true });\n }\n\n\n render() {\n return (\n <Host>\n <div class=\"ls-editor-infobox\">\n <h2 class=\"toolbox-section-title\">Participants</h2>\n <p class=\"toolbox-section-description\">Select and Click to place Signature fields where you’d like on the Document.</p>\n </div>\n <div class=\"participant-list\">\n {this.template &&\n this.template?.roles.map((r, index) => {\n return (\n <ls-participant-card\n signer={r}\n index={index}\n template={this.template}\n onOpened={event => {\n this.handleOpened.bind(this)(event);\n }}\n onAddParticipant={event => this.handleOpenNewWitness(event)}\n />\n );\n })}\n </div>\n <div class={'add-participant-button'}>\n <button onClick={() => this.addParticipant.emit({ type: 'SIGNER' })}>\n <ls-icon name=\"user-add\" size=\"1.25rem\" color=\"var(--gray-100, #45484D);\" />\n <p>Add Participant</p>\n </button>\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/ls-participant-select/ls-participant-select.css CHANGED Viewed

@@ -184,7 +184,7 @@ a:hover {
 select {
   appearance: none;
-  height: 36px;
+  height: 2.25rem;
 }
 .input-wrapper {

package/dist/collection/components/ls-participant-select/ls-participant-select.js CHANGED Viewed

@@ -50,24 +50,24 @@ export class LsParticipantSelect {
         return (h(Host, { key: '25af53a8a4650d760977001daa37b03c5101ecb8' }, h("div", { key: '319e571fae8c236d3f5f10b83e1433d020273b5b', class: "dropdown" }, h("div", { key: '68246a8eb38934ea5f14e1719b5fd0de18c15ecc', class: "dropdown-header", onClick: this.toggleDropdown }, h("svg", { key: '8dd98df3ccfe7076dc2fc279d415807a50d68919', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f4486a5b2091bc6c12b1802e35f607216882ed5f', 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" }), h("path", { key: '13c789b9470dc4098bce7f281cdd4136c8569810', 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" }), h("path", { key: '6ff7a80e31fd10fb02dd06d93d4204ffdb551464', 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" }), h("path", { key: 'feb2bbadf74932a991e4011f3f03bb785745a48f', 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" })), h("p", { key: '2955ee01e397ae33eb545eeeebf2364ff1a7a082', class: 'placing-fields-text' }, "Placing Fields for"), h("div", { key: '6a906a8b3549f0313d2de5b9844026333a3a087e', class: 'selected-role-label', style: {
                 background: defaultRolePalette[this.selectedRole?.signerIndex % 100].s20,
                 color: defaultRolePalette[this.selectedRole?.signerIndex % 100].s80,
-            } }, h("ls-icon", { key: '17790c927ceffd558e63eff93d9f1934519b1cbf', size: "18", name: this.selectedRole?.roleType === 'SENDER'
+            } }, h("ls-icon", { key: '7059bdc5ac56a51ee4ef2a11fd5a2ae7851062f8', size: "1.125rem", name: this.selectedRole?.roleType === 'SENDER'
                 ? 'user'
                 : this.selectedRole?.roleType === 'APPROVER'
                     ? 'check-circle'
                     : this.selectedRole?.roleType === 'WITNESS'
                         ? 'eye'
                         : 'signature' }), this.selectedRole.name ||
-            (this.selectedRole.roleType === 'WITNESS' ? `Witness` : `Participant ${this.selectedRole.signerIndex}`)), h("button", { key: '7ddc1274acc0ab3fd6f31e16d5209a2268b8abb9', class: 'tertiaryGrey expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, h("ls-icon", { key: '09ce738da9c56a5a795720b3d018c66cc5920fb7', name: "chevron-down" }))), this.isOpen && (h("div", { key: '350a2320bb0882954f935b3b266aab455aa9e102', class: "dropdown-list" }, h("div", { key: '351fcc6df7e6451bfc2f66f08b84a8b141dde116', class: this.selectedRole?.signerIndex === 0 ? 'dropdown-item selected' : 'dropdown-item', style: {
+            (this.selectedRole.roleType === 'WITNESS' ? `Witness` : `Participant ${this.selectedRole.signerIndex}`)), h("button", { key: '0483efb0903505ec239859c069e668aa0108ca58', class: 'tertiaryGrey expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, h("ls-icon", { key: '6ca40387f001404569726a1ebc2e4f5338dc64ce', name: "chevron-down" }))), this.isOpen && (h("div", { key: '9106bd072fcd76f84398dcfeb0c3ced9e2ad0d39', class: "dropdown-list" }, h("div", { key: '6876b925d6e08131ffa81d88927c0e18082e2640', class: this.selectedRole?.signerIndex === 0 ? 'dropdown-item selected' : 'dropdown-item', style: {
                 '--background-selected': defaultRolePalette[0].s10,
                 '--check-icon-selected': defaultRolePalette[0].s50,
-            }, 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') }, h("div", { key: '9da67c9f2d631857e167d4a008e7572f6fcb09eb', class: 'role-icon', style: {
+            }, 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') }, h("div", { key: 'fe9d52da41a2d47e6e0e9a2dce9a626429c37c08', class: 'role-icon', style: {
                 background: defaultRolePalette[0].s50,
                 color: defaultRolePalette[0].s80,
-            } }, h("ls-icon", { key: '2b321e4e302d460fe666c56a94fca0a88a703068', name: "user" })), h("div", { key: '4037386da0b65f876ef2505cf44fa7511d0b8fd0', class: 'role-text' }, h("p", { key: '60fbda2827c22b450bf8f9d2e5aab848d8471cd5', class: 'role-name', style: {
+            } }, h("ls-icon", { key: '06e4ce3766af6f95b5c570bce9324a7fc8611e74', name: "user" })), h("div", { key: 'cbf02bde1289aea8c373d6d93026174e8a8e2665', class: 'role-text' }, h("p", { key: '48c01c946fa6f8179da02fa53f64f76ae1f04eb5', class: 'role-name', style: {
                 '--role-name-selected': defaultRolePalette[0].s80,
-            } }, 'Sender'), h("p", { key: '5e9f25bf420dc38ae13af7fd08628ac5c05d8456', class: 'role-type', style: {
+            } }, 'Sender'), h("p", { key: 'b160bda998d4f6efc977023b370b68e24089b974', class: 'role-type', style: {
                 '--role-type-selected': defaultRolePalette[0].s80,
-            } }, "You")), h("ls-icon", { key: '1b5edc31894643e5e1031459a19e3b29c3342008', class: 'check-icon', name: this.selectedRole?.signerIndex === 0 ? 'check-circle' : 'base-circle', solid: this.selectedRole?.signerIndex === 0 })), this.roles.map(r => (h("div", { class: r.signerIndex === this.selectedRole?.signerIndex ? 'dropdown-item selected' : 'dropdown-item', style: {
+            } }, "You")), h("ls-icon", { key: 'a2529d78b09d633decdb28c15c2ba73f6e1696ee', class: 'check-icon', name: this.selectedRole?.signerIndex === 0 ? 'check-circle' : 'base-circle', solid: this.selectedRole?.signerIndex === 0 })), this.roles.map(r => (h("div", { class: r.signerIndex === this.selectedRole?.signerIndex ? 'dropdown-item selected' : 'dropdown-item', style: {
                 '--background-selected': defaultRolePalette[r?.signerIndex % 100].s10,
                 '--check-icon-selected': defaultRolePalette[r?.signerIndex % 100].s50,
             }, onClick: () => this.selectRole(r), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget
@@ -79,10 +79,10 @@ export class LsParticipantSelect {
                 '--role-name-selected': defaultRolePalette[r?.signerIndex % 100].s100,
             } }, r.name || (r.signerIndex > 100 ? `Participant ${r.signerIndex - 100} Witness` : `Participant ${r.signerIndex}`)), h("p", { class: 'role-type', style: {
                 '--role-type-selected': defaultRolePalette[r?.signerIndex % 100].s80,
-            } }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), h("ls-icon", { class: 'check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex })))), h("button", { key: '6ab30dd59e4453bcc716dc54a9fd7446b7c8fe2f', onClick: () => this.createHandler(), class: 'add-participant-row', style: {
+            } }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), h("ls-icon", { class: 'check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex })))), h("button", { key: '84ce8377cb5c2601178b1e50a9b5def2486c0962', onClick: () => this.createHandler(), class: 'add-participant-row', style: {
                 '--background-selected': defaultRolePalette[1].s10,
                 '--check-icon-selected': defaultRolePalette[1].s50,
-            } }, h("div", { key: '4a488ef24432320e4fad92d78b592588ee717a31', class: 'add-participant-icon' }, h("ls-icon", { key: 'b435e902e978220d7b80e458d103c7dea6b0d2a3', name: "user-add" })), h("div", { key: 'cf8f7269d328e0cf3f593361c5ed2098aa38dbd5', class: 'role-text' }, h("p", { key: '9c343298849529217054d37f107846cdad591308', class: 'role-name' }, "Add Participant"), h("p", { key: 'a3e61c37a0ba5eda0bb758388060a24dfb2e834c', class: 'role-type' }, "Add a new Signer")), h("ls-icon", { key: '5986f158842c2a348e9b911da9ef3126b3714248', class: 'plus-icon', name: "plus" }))))), h("slot", { key: 'e1a7455db7a751ed50d9690019fc2ab1e28164ab' })));
+            } }, h("div", { key: '9c22a614f6018d01ce21a0aa4cbad6107d4369b8', class: 'add-participant-icon' }, h("ls-icon", { key: 'c7ab4dd2ff2551de73c57cb82044c7dd8f316b77', name: "user-add" })), h("div", { key: '79e464e49741bb6549745b9368a763ae436b4441', class: 'role-text' }, h("p", { key: '2293cf86abcee23195759ba7654be1bb351f471b', class: 'role-name' }, "Add Participant"), h("p", { key: '73b7331ac0ebff11ea067b98005241ed435de8d1', class: 'role-type' }, "Add a new Signer")), h("ls-icon", { key: 'b1e0c4be5fb1dfd211b936b7c2e378dbbcb067c8', class: 'plus-icon', name: "plus" }))))), h("slot", { key: '412f51ae8b531d044651dacf31bdad9ac0d0a71c' })));
     }
     static get is() { return "ls-participant-select"; }
     static get encapsulation() { return "shadow"; }