legalesign-document-viewer 0.9.21 → 0.9.23

package/dist/esm/ls-add-new-button_51.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, a as getElement, H as Host, c as createEvent } from './index-CqgU9BMJ.js';
+import { r as registerInstance, h, a as getElement, H as Host, c as createEvent } from './index-CItPoq74.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
-import { d as dvI18n } from './i18n-Dx1cMyvL.js';
+import { d as dvI18n } from './i18n-BtjCijn4.js';
 
 const lsAddNewButtonCss = () => `
 .button {
@@ -69,12 +69,14 @@ const lsAddNewButtonCss = () => `
 
 .button:not(:disabled):not(.destructive) {
   .icon {
-    color: var(--gray-100);
+    color: var(--gray-80);
   }
 }
 
-.button.destructive.icon:not(:disabled) {
-  color: var(--red-60);
+.button.destructive:not(:disabled) {
+  .icon {
+    color: var(--red-60);
+  }
 }`;
 
 var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
@@ -106,7 +108,7 @@ const LsAddNewButton = class {
 };
 LsAddNewButton.style = lsAddNewButtonCss();
 
-const lsButtonCss = () => `button{all:unset;appearance:none;-webkit-appearance:none;-moz-appearance:none}.button{position:relative;width:fit-content;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;font-weight:var(--font-medium) !important;text-transform:capitalize;white-space:nowrap;justify-content:center;transition:all 0.3s;border:1px solid transparent;text-decoration-line:none;color:inherit}.font-weight-test{font-weight:var(--font-medium)}.full-width-button{width:100%;min-width:100% !important}.loading{pointer-events:none;color:transparent !important}.host{display:flex;height:fit-content;position:relative;line-height:0;background-color:transparent !important;box-shadow:none !important}.button:focus{box-shadow:var(--focus-box-shadow);outline-offset:var(--focus-outline-offset)}.text-container{display:inline-flex;align-items:center;justify-content:center}.text-padding-sm{padding:0.5rem}.text-padding-md{padding:0.625rem}.text-padding-lg{padding:0.75rem}.primary{color:white;background-color:var(--primary-60);box-shadow:var(--shadow-base)}.primary:hover{background-color:var(--primary-70);box-shadow:var(--shadow-none)}.primary:active{background-color:var(--primary-60)}.primary-aaa{color:white;background-color:var(--primary-70);box-shadow:var(--shadow-base)}.primary-aaa:hover{background-color:var(--primary-80);box-shadow:var(--shadow-none)}.primary-aaa:active{background-color:var(--primary-70)}.primary:disabled{background-color:var(--primary-20);box-shadow:var(--shadow-none)}.secondary{color:var(--gray-90);background-color:white;box-shadow:var(--shadow-base)}.secondary:hover{color:var(--gray-100);background-color:var(--gray-10);box-shadow:var(--shadow-none)}.secondary:active,.secondary:focus{color:var(--gray-100)}.secondary-aaa{color:var(--gray-100);background-color:white;box-shadow:var(--shadow-base)}.secondary:disabled{color:var(--gray-40);background-color:var(--gray-10);box-shadow:var(--shadow-none)}.secondaryColour{color:var(--primary-60);background-color:var(--primary-10);box-shadow:var(--shadow-base)}.secondaryColour:hover{background-color:var(--primary-20);box-shadow:var(--shadow-none)}.secondaryColour:active{color:var(--primary-60);background-color:var(--primary-10)}.secondaryColour:disabled{color:var(--primary-30);background-color:var(--primary-10);box-shadow:var(--shadow-none)}.tertiary{color:var(--primary-60);background-color:transparent}.tertiary:hover{color:var(--primary-70);background-color:var(--primary-10)}.tertiary:active{background-color:var(--white)}.tertiary:disabled{color:var(--primary-30);background-color:transparent}.destructive{color:var(--white);background-color:var(--red-70);box-shadow:var(--shadow-inner)}.destructive:hover{background-color:var(--red-80)}.destructive:disabled{background-color:var(--red-10)}.destructiveTertiary{color:var(--red-70);background-color:transparent}.destructiveTertiary:hover{background-color:var(--red-10)}.destructiveTertiary:disabled{color:var(--red-30);background-color:transparent}.tertiaryGrey{color:var(--gray-80);background-color:transparent}.tertiaryGrey:hover{color:var(--gray-90);background-color:var(--gray-10)}.tertiaryGrey:active{color:var(--gray-100);background-color:var(--white)}.tertiaryGrey:focus{color:var(--gray-100)}.tertiaryGrey:disabled{color:var(--gray-30);background-color:transparent}.tertiaryDashed{color:var(--primary-60);background-color:transparent;border-style:dashed}.tertiaryDashed:hover{color:var(--primary-70);background-color:var(--primary-10)}.tertiaryDashed:active{background-color:var(--white)}.tertiaryDashed:disabled{color:var(--primary-30);background-color:transparent}.size-sm{font-size:0.875rem;padding:0.5rem;height:2.25rem}.size-md{font-size:1.125rem;padding:0.625rem;height:2.75rem}.size-lg{font-size:1.25rem;padding:0.75rem;line-height:1.75rem;height:3.25rem}.rounded-sm-soft{border-radius:0.5rem}.rounded-md-soft{border-radius:0.627rem}.rounded-lg-soft{border-radius:0.75rem}.rounded-sm-full,.rounded-md-full,.rounded-lg-full{border-radius:9999px}.disabled{cursor:default}.primary-outline{border:1px solid var(--primary-80)}.primary-outline:disabled{border-color:var(--primary-30)}.secondary-outline{border:1px solid var(--gray-50)}.secondary-outline:disabled{border-color:var(--gray-40)}.secondaryColour-outline{border:1px solid var(--primary-50)}.secondaryColour-outline:disabled{border-color:var(--primary-40)}.tertiary-outline{border:1px solid var(--primary-60)}.tertiary-outline:disabled{border-color:var(--primary-30)}.tertiaryGrey-outline{border:1px solid var(--gray-40)}.tertiaryGrey-outline:hover{border-color:var(--gray-50)}.tertiaryGrey-outline:disabled{border-color:var(--gray-30)}.destructive-outline{border:1px solid var(--red-80)}.destructive-outline:disabled{border-color:var(--red-30)}.destructiveTertiary-outline{border:1px solid var(--red-60)}.destructiveTertiary-outline:disabled{border-color:var(--red-30)}@keyframes dotPulse{0%{opacity:1}33%{opacity:0}66%{opacity:1}}.dot{display:inline-block;animation:dotPulse 1s infinite}.dot:nth-child(2){animation-delay:0.2s}.dot:nth-child(3){animation-delay:0.4s}.loading-div{display:inline-flex;position:absolute;height:100%;width:100%;border-radius:9999px;align-items:center;justify-content:center}`;
+const lsButtonCss = () => `button{all:unset;appearance:none;-webkit-appearance:none;-moz-appearance:none}.button{position:relative;width:fit-content;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;font-weight:var(--font-medium) !important;text-transform:capitalize;white-space:nowrap;justify-content:center;transition:all 0.3s;border:1px solid transparent;text-decoration-line:none;color:inherit}.font-weight-test{font-weight:var(--font-medium)}.full-width-button{width:100%;min-width:100% !important}.loading{pointer-events:none}.host{display:flex;height:fit-content;position:relative;line-height:0;background-color:transparent !important;box-shadow:none !important}.button:focus{box-shadow:var(--focus-box-shadow);outline-offset:var(--focus-outline-offset)}.text-container{display:inline-flex;align-items:center;justify-content:center}.text-padding-sm{padding:0.5rem}.text-padding-md{padding:0.625rem}.text-padding-lg{padding:0.75rem}.primary{color:white;background-color:var(--primary-60);box-shadow:var(--shadow-base)}.primary:hover{background-color:var(--primary-70);box-shadow:var(--shadow-none)}.primary:active{background-color:var(--primary-60)}.primary-aaa{color:white;background-color:var(--primary-70);box-shadow:var(--shadow-base)}.primary-aaa:hover{background-color:var(--primary-80);box-shadow:var(--shadow-none)}.primary-aaa:active{background-color:var(--primary-70)}.primary:disabled{background-color:var(--primary-20);box-shadow:var(--shadow-none)}.secondary{color:var(--gray-90);background-color:white;box-shadow:var(--shadow-base)}.secondary:hover{color:var(--gray-100);background-color:var(--gray-10);box-shadow:var(--shadow-none)}.secondary:active,.secondary:focus{color:var(--gray-100)}.secondary-aaa{color:var(--gray-100);background-color:white;box-shadow:var(--shadow-base)}.secondary:disabled{color:var(--gray-40);background-color:var(--gray-10);box-shadow:var(--shadow-none)}.secondaryColour{color:var(--primary-60);background-color:var(--primary-10);box-shadow:var(--shadow-base)}.secondaryColour:hover{background-color:var(--primary-20);box-shadow:var(--shadow-none)}.secondaryColour:active{color:var(--primary-60);background-color:var(--primary-10)}.secondaryColour:disabled{color:var(--primary-30);background-color:var(--primary-10);box-shadow:var(--shadow-none)}.tertiary{color:var(--primary-60);background-color:transparent}.tertiary:hover{color:var(--primary-70);background-color:var(--primary-10)}.tertiary:active{background-color:var(--white)}.tertiary:disabled{color:var(--primary-30);background-color:transparent}.destructive{color:var(--white);background-color:var(--red-70);box-shadow:var(--shadow-inner)}.destructive:hover{background-color:var(--red-80)}.destructive:disabled{background-color:var(--red-10)}.destructiveTertiary{color:var(--red-70);background-color:transparent}.destructiveTertiary:hover{background-color:var(--red-10)}.destructiveTertiary:disabled{color:var(--red-30);background-color:transparent}.tertiaryGrey{color:var(--gray-80);background-color:transparent}.tertiaryGrey:hover{color:var(--gray-90);background-color:var(--gray-10)}.tertiaryGrey:active{color:var(--gray-100);background-color:var(--white)}.tertiaryGrey:focus{color:var(--gray-100)}.tertiaryGrey:disabled{color:var(--gray-30);background-color:transparent}.tertiaryDashed{color:var(--primary-60);background-color:transparent;border-style:dashed}.tertiaryDashed:hover{color:var(--primary-70);background-color:var(--primary-10)}.tertiaryDashed:active{background-color:var(--white)}.tertiaryDashed:disabled{color:var(--primary-30);background-color:transparent}.size-sm{font-size:0.875rem;padding:0.5rem;height:2.25rem}.size-md{font-size:1.125rem;padding:0.625rem;height:2.75rem}.size-lg{font-size:1.25rem;padding:0.75rem;line-height:1.75rem;height:3.25rem}.rounded-sm-soft{border-radius:0.5rem}.rounded-md-soft{border-radius:0.627rem}.rounded-lg-soft{border-radius:0.75rem}.rounded-sm-full,.rounded-md-full,.rounded-lg-full{border-radius:9999px}.disabled{cursor:default}.primary-outline{border:1px solid var(--primary-80)}.primary-outline:disabled{border-color:var(--primary-30)}.secondary-outline{border:1px solid var(--gray-50)}.secondary-outline:disabled{border-color:var(--gray-40)}.secondaryColour-outline{border:1px solid var(--primary-50)}.secondaryColour-outline:disabled{border-color:var(--primary-40)}.tertiary-outline{border:1px solid var(--primary-60)}.tertiary-outline:disabled{border-color:var(--primary-30)}.tertiaryGrey-outline{border:1px solid var(--gray-40)}.tertiaryGrey-outline:hover{border-color:var(--gray-50)}.tertiaryGrey-outline:disabled{border-color:var(--gray-30)}.destructive-outline{border:1px solid var(--red-80)}.destructive-outline:disabled{border-color:var(--red-30)}.destructiveTertiary-outline{border:1px solid var(--red-60)}.destructiveTertiary-outline:disabled{border-color:var(--red-30)}@keyframes dotPulse{0%{opacity:1}33%{opacity:0}66%{opacity:1}}.dot{display:inline-block;animation:dotPulse 1s infinite}.dot:nth-child(2){animation-delay:0.2s}.dot:nth-child(3){animation-delay:0.4s}`;
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -133,15 +135,16 @@ const LsButton = class {
         this.outline = false;
         this.disabled = false;
         this.loading = false;
+        this.loadingText = 'Loading...';
         this.text = '';
     }
     render() {
-        const _a = this, { type, accessibility, customStyle, variant, outline, rounded, size, fullWidth, leadingIcon, trailingIcon, iconSolid, loading, disabled, text } = _a, rest = __rest(_a, ["type", "accessibility", "customStyle", "variant", "outline", "rounded", "size", "fullWidth", "leadingIcon", "trailingIcon", "iconSolid", "loading", "disabled", "text"]);
+        const _a = this, { type, accessibility, customStyle, variant, outline, rounded, size, fullWidth, leadingIcon, trailingIcon, iconSolid, loading, loadingText, disabled, text } = _a, rest = __rest(_a, ["type", "accessibility", "customStyle", "variant", "outline", "rounded", "size", "fullWidth", "leadingIcon", "trailingIcon", "iconSolid", "loading", "loadingText", "disabled", "text"]);
         const buttonClass = clsx('button', variant && variant, outline && `${variant}-outline`, accessibility === 'aaa' && `${variant}-aaa`, size && `size-${size.charAt(0) + size.slice(1)}`, rounded &&
             `rounded-${size.charAt(0) + size.slice(1)}-${rounded.charAt(0) + rounded.slice(1)}`, disabled && 'disabled', loading && 'loading', fullWidth && 'full-width-button');
         const textContainterClass = clsx('text-container', `text-padding-${size.charAt(0) + size.slice(1)}`);
         const hostClass = clsx('host', variant && variant);
-        return (h("host", { key: '9c5a31d967f62a673c0df7a3ff8fdbebe414cff6', class: hostClass, style: customStyle }, h("button", Object.assign({ key: '9d8509aa6ba584b72dd86d5dfa6aaf2229b77e96', type: type, disabled: disabled, class: buttonClass, style: customStyle }, rest), leadingIcon && (h("ls-icon", { key: 'a214e224fa10f0007e4f60acc6aa28db68229050', name: leadingIcon, solid: iconSolid, size: size === 'md' ? 24 : size === 'lg' ? 28 : 20 })), text && h("span", { key: '52262115a61bcb3663fbd45d2e5518532ac0b2cd', class: textContainterClass }, text), trailingIcon && (h("ls-icon", { key: '3d58655e75db69c6a7e0e4c92258e84c64988993', name: trailingIcon, size: size === 'md' ? 24 : size === 'lg' ? 28 : 20, solid: iconSolid }))), loading && (h("div", { key: 'fc83ecee6a20a1a33804252c818f1ad0572f9fc0', class: 'loading-div' }, h("ls-loading", { key: 'a34f9cf91973f8b98c6bde37209193feb6b012d8', iconSize: size === 'md' ? 24 : size === 'lg' ? 28 : 20 })))));
+        return (h("host", { key: 'eb5598477e69b4a30a94cc3e5f98633201082225', class: hostClass, style: customStyle }, h("button", Object.assign({ key: '775b2cadf7e5b252bdb4be08b25d8e6bc437d597', type: type, disabled: disabled, class: buttonClass, style: customStyle }, rest), loading && (h("ls-loading", { key: 'e6ba6a70489b2079b4cb1e0cefcf8bb2f689c5b3', iconSize: size === 'md' ? 24 : size === 'lg' ? 28 : 20 })), loading && loadingText !== undefined && loadingText !== '' && h("span", { key: '9fc0a13b4a8cba79807bfdedd3a7f19edc4f4442', class: textContainterClass }, loadingText), !loading && leadingIcon && (h("ls-icon", { key: '2a5db27ce87b7b515774b900f28d4d3476fe0613', name: leadingIcon, solid: iconSolid, size: size === 'md' ? 24 : size === 'lg' ? 28 : 20 })), !loading && text && h("span", { key: '69ff252f13e83395f96e74bc06db55cf0a51e138', class: textContainterClass }, text), !loading && trailingIcon && (h("ls-icon", { key: '1b1470db22c4c937d5a3ab6c7b4282495be601be', name: trailingIcon, size: size === 'md' ? 24 : size === 'lg' ? 28 : 20, solid: iconSolid })))));
     }
     get el() { return getElement(this); }
 };
@@ -154,7 +157,7 @@ const LsComposeLoader = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'abe37223096f2685ea3a024ec5e1011043238846' }, h("div", { key: '2797d2822055755969eb977d2a1630ef63bd9a1a', class: "ls-dv-compose-loader" }, h("div", { key: '4a32fcef1334a64aea9e8c037fcec0fb756b479d', class: "ls-dv-compose-loader__header" }, h("div", { key: '0dd57afce9eba76d2057bd6a53cc9e00ec85306c', class: "ls-dv-compose-loader__header-skeleton" })), h("div", { key: '3ad7436e41a881b46d7bc7d2b2e511aa0328075e', class: "ls-dv-compose-loader__main" }, h("div", { key: 'e61bfadcf5c4fe6f9ab9b614afe13e0f92589e48', class: "ls-dv-compose-loader__sidebar" }, h("div", { key: 'db2dbde8a43564c6dcbc763c10a00fe8b4bcff23', class: "ls-dv-compose-loader__card" }, h("div", { key: '82cbcd90444e5a1b5efd29bcc5fe54d0c9fc4b96', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-title" }), h("div", { key: 'b798600f6bacdd5a3c7d81620e1cdc3ba2eba86e', class: "ls-dv-compose-loader__skeleton-group" }, h("div", { key: '8f75154bc68be79036160a313d11e97cb45b3fd1', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line" }), h("div", { key: 'd2bcc033e371d14c7852eed998c8cfb556964153', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short" })), h("div", { key: 'bac35c576a4a472a836868baefe92fed24c762fd', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--gray" }, h("div", { key: 'd1a4f60b16da5740bb633a038da03edd68c8e479', class: "ls-dv-compose-loader__skeleton-box--gray" }), h("div", { key: 'c17aaf15ba7e4faba2521ca790e28752f9f2ab84', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--gray" }), h("div", { key: 'a4d790366924b51aac4b6c110753cca8dce6cbed', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--gray" })), h("div", { key: '0424b15a5340ac318da0b1c077e0dc78a94f9127', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--blue" }, h("div", { key: 'f68c8b89ab57d3ba72aa2991488fc17adbff6637', class: "ls-dv-compose-loader__skeleton-box--blue" }), h("div", { key: '3ebadcfe317d3a30065d6c325ccacfbc19a64550', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--blue" }), h("div", { key: '443187462a84fafcbed422307ed7897855cc7d0b', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--blue" }), h("div", { key: '215b193352d8897189f4b48b652fd0702987b31b', class: "ls-dv-compose-loader__row" }, h("div", { key: '37c81e783f195e27d244729575ed3924ea94c9bf', class: "ls-dv-compose-loader__icon-skeleton--blue" }, h("div", { key: '29a7f1263e5de145a09ad84896c9f38561309d85', class: "ls-dv-compose-loader__icon--blue" })), h("div", { key: '5eadc1dd9ae5818cd265bc0be5893f0212ebbc5c', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'c25f6e1e69c45dd3564af24636709b6a8c698808', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '3bbb06c3b7eb598d2218bca03cf56ebe3723ce75', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: '4bd3d055d222ded68b78cd9f8f23e3e98b96f37b', class: "ls-dv-compose-loader__row" }, h("div", { key: 'bfea4ac4545e51f5f809a82a0d11971099f041c0', class: "ls-dv-compose-loader__icon-skeleton--blue" }, h("div", { key: 'd0ced4835d8c76f63830b626ee481593c6ce2e95', class: "ls-dv-compose-loader__icon--blue" })), h("div", { key: '805a5435dbfb2188fff7f96fce428a07bd8adaff', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'd361832b5d19cb95997e450ae10a87c052fe222a', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '3eed63a4fef52b9a8f91a73f5e31b18709f4d8e3', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: 'e52de906b2083b74425950549c6c9772b600afdd', class: "ls-dv-compose-loader__row" }, h("div", { key: '0a9f3fb6bfd65c877667541b35957757341bacc2', class: "ls-dv-compose-loader__icon-skeleton--blue" }, h("div", { key: 'f4d6c809bb3c11ca69a623cf4634fff54ad8fa49', class: "ls-dv-compose-loader__icon--blue" })), h("div", { key: '0ee6f87768bd91ec0fa6390854d55f731b760da0', class: "ls-dv-compose-loader__row-content" }, h("div", { key: '7756cc7b9dda8964c33ec98cdc90cd043573440b', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '32bd1c44ba31a2ad4bfc85c42bc0267fee44bba9', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" })))), h("div", { key: '65945a0799bb2a3a73de94b41df8e9ea2d1d88fa', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--green" }, h("div", { key: 'b329097876163beefe73148c1a94c66095302c1e', class: "ls-dv-compose-loader__skeleton-box--green" }), h("div", { key: '7f348a654d5896ebf6e1f61f169c1f2460ad3454', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--green" }), h("div", { key: '3cd9bb64f6d0ce775e87a3c157a9753c8ff48b1c', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--green" }), h("div", { key: '38f518c1957cf844ba3ee7e86c4e9fd809a27c0f', class: "ls-dv-compose-loader__row" }, h("div", { key: 'f1ea01049d22c5048399d6d3012c699c1fc820fd', class: "ls-dv-compose-loader__icon-skeleton--green" }, h("div", { key: 'b17f818c4fb9e8004196c0a725b5b9ea2314f792', class: "ls-dv-compose-loader__icon--green" })), h("div", { key: '318e1500b114d007adc84975068a21d2cd44f136', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'd581a6d7cad65421083ff0784674a28c559d425a', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '318c85b9ca1e6995bf6ffdf05d8a6a0a7fc3e256', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: '3e3d31013d541e99ab11ce15c785ae346afb83c7', class: "ls-dv-compose-loader__row" }, h("div", { key: 'c9620ecfbcf466a3aa03eda9b5d58ae2203ee2c8', class: "ls-dv-compose-loader__icon-skeleton--green" }, h("div", { key: 'b617aafa24649ac2a30dbb8f0b558205c98af78a', class: "ls-dv-compose-loader__icon--green" })), h("div", { key: '5bad990381e299c2ed1fc4611eee21080aa27c7e', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'bbc2f4a35a1f1d7acca59ecf139c8f161404cd47', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: 'a215795af5762fbe9c0e2d9c9a8f1e10b91b18ab', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: 'ee8330ab2cea2a241f308123f9fbc785461543e4', class: "ls-dv-compose-loader__row" }, h("div", { key: '588aa464d00a6daf65f6bbd87ea92f1293628f7d', class: "ls-dv-compose-loader__icon-skeleton--green" }, h("div", { key: '8d1aeba5732a4f32aa243aca529a4e1ddfb9f5fc', class: "ls-dv-compose-loader__icon--green" })), h("div", { key: '383f289ef3919dc83e0ef01c03ccf1fd757f7fb3', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'c847e3756412b41538f35c3e2772c58bde22810c', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: 'cde0549c2b97ecc83ce5ca3bed3a9459ceafbf5f', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" })))))), h("div", { key: 'e4c4fc55a6129ea0831f561ef61a2f1343b12d58', class: "ls-dv-compose-loader__preview" }, h("div", { key: '3d1c23825b2ad40216b9f048fadb2709520ef4e2', class: "ls-dv-compose-loader__preview-box" })), h("div", { key: '4af32ae43e8eb2bb839e63a88b4af94cfa4960cc', class: "ls-dv-compose-loader__button" }, h("button", { key: '7f79d1809aae883cbe829cfb51124ba5e7d5411e', class: "ls-dv-compose-loader__action-btn", "aria-hidden": "true", tabindex: -1 }, h("div", { key: '6b3bc2f2409d3170ba2ec45d6cb7326bcae9dfd4', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-btn" }), h("div", { key: 'f75a21219346ecdd8c538ab3be3fa7c65fe27983', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-btn-icon" })))))));
+        return (h(Host, { key: 'e1f99582d58d99abd5809ba05b5d9ed7309287c8' }, h("div", { key: '5077337c9190f19f5e82d416db40e2fcb71f1072', class: "ls-dv-compose-loader" }, h("div", { key: '838d9f1e0eba318cadccf510cd4444d309ba557c', class: "ls-dv-compose-loader__header" }, h("div", { key: '9e60e37ec52aa6c6a014589378f0b63cbf71c721', class: "ls-dv-compose-loader__header-skeleton" })), h("div", { key: 'ffbff3e9252c796df5d113a912e583b7516f4075', class: "ls-dv-compose-loader__main" }, h("div", { key: '000931802c93209a2a068ece5740fa2762f7a132', class: "ls-dv-compose-loader__sidebar" }, h("div", { key: '0091adf1e5409b114d855e03d84bc0334bc2a50c', class: "ls-dv-compose-loader__card" }, h("div", { key: '209841818cd824ba2a50dc60e112c091c2dd99d8', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-title" }), h("div", { key: '717dd261cee0e1b9b37988777d62d3ea7c36f665', class: "ls-dv-compose-loader__skeleton-group" }, h("div", { key: '5141c21a1890e1899755de5064c30aa29358f223', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line" }), h("div", { key: '407c853907c1966b48312a68cc53f61a143d1104', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short" })), h("div", { key: '9cbc0365214b110c19ff647660c5a621bd562290', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--gray" }, h("div", { key: '3564315d58632a63667d0cd1aab0947257aa0b8d', class: "ls-dv-compose-loader__skeleton-box--gray" }), h("div", { key: '80bc729e6bc82561a56c4e9c4db8d3584e9d6d4b', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--gray" }), h("div", { key: 'f2ac5094cc413afbeb3f5d33790b48f4471b7357', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--gray" })), h("div", { key: '6b68d31bb6e2d813d945673d19035021900aafe6', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--blue" }, h("div", { key: 'c0f07211738a0aaf8efbde0658acf0fef834ae5c', class: "ls-dv-compose-loader__skeleton-box--blue" }), h("div", { key: 'cbf5f89d6677c3cadbda46abcfdc9ac2da69bd67', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--blue" }), h("div", { key: '69f74c5b87d625a8d839b53a67d0c7c98cdaaaee', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--blue" }), h("div", { key: '8228e6f35fc27b311e690816b10e101b8f814316', class: "ls-dv-compose-loader__row" }, h("div", { key: 'c28d870411e9a4d5438496fccd1bf403641e22ce', class: "ls-dv-compose-loader__icon-skeleton--blue" }, h("div", { key: '58a9a6ebbc5da9287aaca305c0db2f8709c6ee42', class: "ls-dv-compose-loader__icon--blue" })), h("div", { key: 'cd55e4c219796abeb97f8abe11be47762db2aa30', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'dfb966b89d74369cd9c2409e2084bf34fbbd3ae5', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '264506cd827e9370930682ec27e9a45ad6f493b4', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: 'a9bdef4b1f2c7c169644c794140d09d43a3b8a9c', class: "ls-dv-compose-loader__row" }, h("div", { key: 'aa4234eb3263b5c87d46026d537c89f464bcc63f', class: "ls-dv-compose-loader__icon-skeleton--blue" }, h("div", { key: 'd801a8580ea210663725a956bb0ba9adba3c226d', class: "ls-dv-compose-loader__icon--blue" })), h("div", { key: 'e1a1292261f410358f0ebcebdce22da7931bd7ef', class: "ls-dv-compose-loader__row-content" }, h("div", { key: '9800d10a84e73f17770cb186ac5bad592d5ba549', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '31a802e67f7b659b254205650766a3114fa9934d', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: '8a4b7cfb2e311a5ad77402273aa1e047ec054db5', class: "ls-dv-compose-loader__row" }, h("div", { key: '340a2126847902df9fe35c06f19addd0f579c911', class: "ls-dv-compose-loader__icon-skeleton--blue" }, h("div", { key: 'be37b9eed83119110e1c5734ca161e8b2e1d077a', class: "ls-dv-compose-loader__icon--blue" })), h("div", { key: '63246c32466ed678757a1e0321b7f3e0e22e2d44', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'f73213a151c31592f8c8fc604bd184db0eac4644', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '63cd439ed31fb8083895bc1712a87c8279af5245', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" })))), h("div", { key: '94645fcc19aa0f9c318fde24edeeb1fc5b1d3551', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--green" }, h("div", { key: '0d4b691a22942ab01149fe1692856b1877addf0a', class: "ls-dv-compose-loader__skeleton-box--green" }), h("div", { key: '1ca7d6f49b5f76a6f3d6625a411ad5b185dbec39', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--green" }), h("div", { key: '57f4278240b711603f9ee27ddcb3cfd0fb099b02', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--green" }), h("div", { key: '32cc8caccae045615108ce298df29549eb3c91ab', class: "ls-dv-compose-loader__row" }, h("div", { key: 'e9fba84a085a280cbdabf3b0e8d5a19a6c114c55', class: "ls-dv-compose-loader__icon-skeleton--green" }, h("div", { key: 'ca6c29a8ba24fb4e11869bcacc34f296e4405f8a', class: "ls-dv-compose-loader__icon--green" })), h("div", { key: '1bd970ca47b350c7c56213aeba26695a5dd33373', class: "ls-dv-compose-loader__row-content" }, h("div", { key: '563a435de608bca43419fedb003d9ee36bead59d', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '0db03863266d9cf880ff375d54015fceb668477b', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: '287e68288171445ae0161c1f21b3c6bed847a2a8', class: "ls-dv-compose-loader__row" }, h("div", { key: 'adc382c2c0084d683551189a1c5ce5423dd85c7f', class: "ls-dv-compose-loader__icon-skeleton--green" }, h("div", { key: '130e387fb2e50c770ecec69d432f6cade1b6db14', class: "ls-dv-compose-loader__icon--green" })), h("div", { key: '83ecc674440bcd05d2bc34bdcc10105a72ecb4aa', class: "ls-dv-compose-loader__row-content" }, h("div", { key: '427902b4201c4f99adce38a1e3f1497fdd1c9522', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '49b470a57864a5095b9f96de56ddafc931c6ae59', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: 'a2e367cbfd60a81793504fd174bf130ecf45981b', class: "ls-dv-compose-loader__row" }, h("div", { key: '4d8723551ecce9779a81ebd1f9fee4bc046fe8b9', class: "ls-dv-compose-loader__icon-skeleton--green" }, h("div", { key: '1112d8fdcd72fc5d388f3867f2123073faedcd55', class: "ls-dv-compose-loader__icon--green" })), h("div", { key: '677bff37d1832517e9fc680982362993daed4e24', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'c7887edd9e3d29c3608ff8e54a2739cd2beb9c51', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '956827f8e2d38347fa4dc038074ca2538f65cb47', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" })))))), h("div", { key: '88aff9b29f6890ce91f5e2fc8665397a9371b6cf', class: "ls-dv-compose-loader__preview" }, h("div", { key: '84eb813a4d2aa99974dcaf84d24d4b89bc4af557', class: "ls-dv-compose-loader__preview-box" })), h("div", { key: '3282bb62faa374a02db961be5dbb76467e6336bd', class: "ls-dv-compose-loader__button" }, h("button", { key: '39d7c028d6a718fe2c1137662b68e3b70c4b2c19', class: "ls-dv-compose-loader__action-btn", "aria-hidden": "true", tabindex: -1 }, h("div", { key: '76ac55a38a3544d8684a4f5610488385d0aece1b', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-btn" }), h("div", { key: '300ed45995c635df8ee925b37da42e8f05290d86', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-btn-icon" })))))));
     }
 };
 LsComposeLoader.style = lsComposeLoaderCss();
@@ -26232,6 +26235,7 @@ function addField(frame, data) {
             ? `${assignee?.firstName} ${assignee?.lastName}`
             : assignee?.name || `Participant ${data.signer}`);
     node.setAttribute('zoom', String(this.zoom));
+    node.setAttribute('readonly', String(this.mode === 'preview'));
     // node.setAttribute('selected', 'selected');
     node.style.zIndex = '100';
     node.style.position = 'absolute';
@@ -26480,12 +26484,6 @@ function oob(obj) {
     else
         return false;
 }
-function alter(diffFn) {
-    const diffs = this.selected.map(c => {
-        return { action: 'update', data: diffFn(c.dataItem) };
-    });
-    this.mutate.emit(diffs);
-}
 // After a mutation ensure that the new data is stored in fields and template
 function matchData(data) {
     const newObj = data.result;
@@ -26519,6 +26517,7 @@ async function syncRoles() {
     if (participantManager)
         participantManager.template = this._template;
     this.generateFields();
+    this.showPageFields(this.pageNum);
     this.validationErrors = validate.bind(this)(this._template);
 }
 // Utility function which extracts the type from any API id
@@ -26649,81 +26648,315 @@ function getInputType(validation) {
     return inputType === null ? validationTypes[0] : inputType;
 }
 
-function keyDown(ev) {
-    if (this.selected && this.selected?.length > 0) {
-        // utils need binding to the context
-        const altbound = alter.bind(this);
-        if (ev.key === 'ArrowDown') {
-            altbound(original => {
-                const alterElement = {
-                    ...original,
-                    top: original.top + 1,
-                    ay: original.ay + 1,
-                    by: original.by + 1,
-                };
-                return oob(alterElement) ? original : alterElement;
-            });
-        }
-        else if (ev.key === 'ArrowUp') {
-            altbound(original => {
-                const alterElement = {
-                    ...original,
-                    top: original.top - 1,
-                    ay: original.ay - 1,
-                    by: original.top - 1,
-                };
-                return oob(alterElement) ? original : alterElement;
-            });
-        }
-        else if (ev.key === 'ArrowRight') {
-            altbound(original => {
-                const alterElement = {
-                    ...original,
-                    left: original.left + 1,
-                    ax: original.ax + 1,
-                    bx: original.bx + 1,
-                };
-                return oob(alterElement) ? original : alterElement;
-            });
-        }
-        else if (ev.key === 'ArrowLeft') {
-            altbound(original => {
-                const alterElement = {
-                    ...original,
-                    left: original.left - 1,
-                    ax: original.ax - 1,
-                    bx: original.bx - 1,
-                };
-                return oob(alterElement) ? original : alterElement;
-            });
-        }
-        else if (ev.key === 'Delete' || ev.key === 'Backspace') {
-            const arr = Array.from(this.selected);
-            this.mutate.emit(arr.map(s => {
-                return { action: 'delete', data: s.dataItem };
-            }));
-        }
-        else if (ev.key === 'd' || ev.key === 'D' || ev.key === 'keyD') {
-            const arr = Array.from(this.selected);
-            const createdItems = arr.map(s => {
-                const newItem = { ...s.dataItem, id: btoa('ele' + crypto.randomUUID()) };
-                const newTop = s.dataItem.top + s.dataItem.height;
-                // check its in bounds
-                if (newTop + s.dataItem.height < s.dataItem.pageDimensions.height) {
-                    newItem.top = newTop;
-                }
-                return { action: 'create', data: newItem, select: 'clear' };
-            });
-            this.mutate.emit(createdItems.map(item => ({ action: 'create', data: item.data })));
+const SNAP_THRESHOLD = 8; // pixels proximity to trigger snap
+/**
+ * Calculate snap positions for a dragging field against existing fields.
+ * Snaps any outer edge (left/right/top/bottom) of the moving field to any
+ * outer edge of every other field on the same page.
+ * All values are in zoomed pixel coordinates relative to the document frame.
+ */
+function calculateSnap(dragLeft, dragTop, dragWidth, dragHeight, fields, currentPage, excludeIds) {
+    const result = { x: null, y: null, guides: [] };
+    const dragRight = dragLeft + dragWidth;
+    const dragBottom = dragTop + dragHeight;
+    let closestDx = SNAP_THRESHOLD + 1;
+    let closestDy = SNAP_THRESHOLD + 1;
+    for (const field of fields) {
+        if (field.dataItem?.page !== currentPage)
+            continue;
+        if (excludeIds && excludeIds.includes(field.dataItem?.id))
+            continue;
+        const fLeft = field.offsetLeft;
+        const fTop = field.offsetTop;
+        const fRight = fLeft + field.offsetWidth;
+        const fBottom = fTop + field.offsetHeight;
+        // X-axis: any dragged edge to any target edge
+        const xPairs = [
+            { dragEdge: dragLeft, targetEdge: fLeft },
+            { dragEdge: dragLeft, targetEdge: fRight },
+            { dragEdge: dragRight, targetEdge: fLeft },
+            { dragEdge: dragRight, targetEdge: fRight },
+        ];
+        for (const { dragEdge, targetEdge } of xPairs) {
+            const dist = Math.abs(dragEdge - targetEdge);
+            if (dist < closestDx) {
+                closestDx = dist;
+                result.x = dragLeft + (targetEdge - dragEdge);
+                result.guides = result.guides.filter(g => g.orientation !== 'v');
+                result.guides.push({ orientation: 'v', position: targetEdge });
+            }
         }
-        else if (ev.key === 'Escape') {
-            console.log('Clearing selection');
-            this.selected = [];
-            this.selectFields.emit([]);
+        // Y-axis: any dragged edge to any target edge
+        const yPairs = [
+            { dragEdge: dragTop, targetEdge: fTop },
+            { dragEdge: dragTop, targetEdge: fBottom },
+            { dragEdge: dragBottom, targetEdge: fTop },
+            { dragEdge: dragBottom, targetEdge: fBottom },
+        ];
+        for (const { dragEdge, targetEdge } of yPairs) {
+            const dist = Math.abs(dragEdge - targetEdge);
+            if (dist < closestDy) {
+                closestDy = dist;
+                result.y = dragTop + (targetEdge - dragEdge);
+                result.guides = result.guides.filter(g => g.orientation !== 'h');
+                result.guides.push({ orientation: 'h', position: targetEdge });
+            }
         }
     }
+    if (closestDx > SNAP_THRESHOLD) {
+        result.x = null;
+        result.guides = result.guides.filter(g => g.orientation !== 'v');
+    }
+    if (closestDy > SNAP_THRESHOLD) {
+        result.y = null;
+        result.guides = result.guides.filter(g => g.orientation !== 'h');
+    }
+    return result;
 }
 
+// import { RoleColor } from "../../types/RoleColor";
+const defaultRolePalette = [
+    {
+        description: 'gray',
+        s10: '#f7f8fa',
+        s20: '#edeff2',
+        s30: '#e0e2e5',
+        s40: '#d8d9dc',
+        s50: '#c8c9cc',
+        s60: '#afb0b2',
+        s70: '#939599',
+        s80: '#6f7176',
+        s90: '#5e6066',
+        s100: '#45484d',
+    },
+    {
+        description: 'blue',
+        s10: '#f0f6ff',
+        s20: '#e0ecff',
+        s30: '#bed4fa',
+        s40: '#a2bdf5',
+        s50: '#78a3fa',
+        s60: '#5684f0',
+        s70: '#4368e0',
+        s80: '#2d4dcc',
+        s90: '#233ead',
+        s100: '#14287a',
+    },
+    {
+        description: 'green',
+        s10: '#effff9',
+        s20: '#c5fde8',
+        s30: '#9df5d4',
+        s40: '#72f0c2',
+        s50: '#57e5b1',
+        s60: '#46dbaa',
+        s70: '#33b88c',
+        s80: '#15946a',
+        s90: '#177559',
+        s100: '#125241',
+    },
+    {
+        description: 'yellow',
+        s10: '#fffcef',
+        s20: '#fff3c2',
+        s30: '#fcec9d',
+        s40: '#ffe561',
+        s50: '#fad232',
+        s60: '#f0b618',
+        s70: '#cc8904',
+        s80: '#9e5913',
+        s90: '#8a3f0e',
+        s100: '#70350d',
+    },
+    {
+        description: 'purple',
+        s10: '#f4f0ff',
+        s20: '#eee5ff',
+        s30: '#d6befa',
+        s40: '#c6a2f5',
+        s50: '#b078fa',
+        s60: '#9956f0',
+        s70: '#8743e0',
+        s80: '#722dcc',
+        s90: '#5f23ad',
+        s100: '#40147a',
+    },
+    {
+        description: 'teal',
+        s10: '#effffc',
+        s20: '#c5fcf1',
+        s30: '#a5fae9',
+        s40: '#76f5db',
+        s50: '#54ebcd',
+        s60: '#46dbbd',
+        s70: '#33b8a2',
+        s80: '#148f7e',
+        s90: '#17756c',
+        s100: '#15524c',
+    },
+    {
+        description: 'pink',
+        s10: '#fff0f9',
+        s20: '#ffe5f5',
+        s30: '#fabee2',
+        s40: '#f5a2d4',
+        s50: '#fa78c6',
+        s60: '#f056b2',
+        s70: '#e043a2',
+        s80: '#cc2d8c',
+        s90: '#ad2376',
+        s100: '#7a1451',
+    },
+    {
+        description: 'lime',
+        s10: '#fafff0',
+        s20: '#f6ffe5',
+        s30: '#e6fabe',
+        s40: '#d9f5a2',
+        s50: '#cffa78',
+        s60: '#bdf056',
+        s70: '#ace043',
+        s80: '#97cc2d',
+        s90: '#7fad23',
+        s100: '#587a14',
+    },
+    {
+        description: 'red',
+        s10: '#fff0f0',
+        s20: '#ffe1e0',
+        s30: '#ffc9c7',
+        s40: '#ffa19e',
+        s50: '#ff706b',
+        s60: '#f64a44',
+        s70: '#dc2721',
+        s80: '#c1140e',
+        s90: '#990500',
+        s100: '#7a1714',
+    },
+    {
+        description: 'lightblue',
+        s10: '#effbff',
+        s20: '#c7f1ff',
+        s30: '#9de4fc',
+        s40: '#79dbfc',
+        s50: '#51d3ff',
+        s60: '#48c5f0',
+        s70: '#20a6d6',
+        s80: '#0b80b2',
+        s90: '#19648a',
+        s100: '#0c3e57',
+    },
+    {
+        description: 'aubergine',
+        s10: '#fcf0ff',
+        s20: '#fae5ff',
+        s30: '#eebefa',
+        s40: '#e4a2f5',
+        s50: '#e078fa',
+        s60: '#d156f0',
+        s70: '#c143e0',
+        s80: '#ac2dcc',
+        s90: '#9223ad',
+        s100: '#66147a',
+    },
+    {
+        description: 'burnt',
+        s10: '#fff6f0',
+        s20: '#fff0e5',
+        s30: '#fad6be',
+        s40: '#f5c3a2',
+        s50: '#faac78',
+        s60: '#f09456',
+        s70: '#e08243',
+        s80: '#cc6d2d',
+        s90: '#ad5a23',
+        s100: '#7a3d14',
+    },
+    {
+        description: 'trueGreen',
+        s10: '#f0fff0',
+        s20: '#e5ffe5',
+        s30: '#befabe',
+        s40: '#a2f5a2',
+        s50: '#78fa78',
+        s60: '#56f056',
+        s70: '#43e043',
+        s80: '#2dcc2d',
+        s90: '#23ad23',
+        s100: '#147a14',
+    },
+    {
+        description: 'indigo',
+        s10: '#f2f0ff',
+        s20: '#e9e5ff',
+        s30: '#c6befa',
+        s40: '#ada2f5',
+        s50: '#8978fa',
+        s60: '#6b56f0',
+        s70: '#5843e0',
+        s80: '#422dcc',
+        s90: '#3523ad',
+        s100: '#21147a',
+    },
+    {
+        description: 'cyan',
+        s10: '#efffff',
+        s20: '#c5fcfc',
+        s30: '#a0fafa',
+        s40: '#76f5f5',
+        s50: '#54ebeb',
+        s60: '#46dbdb',
+        s70: '#33b3b8',
+        s80: '#11868f',
+        s90: '#166a70',
+        s100: '#11474d',
+    },
+    { s60: 'rgb(70, 219, 170)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(239, 255, 249)', description: 'overflowcolor' },
+    { s60: 'rgb(240, 182, 24)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(255, 252, 239)', description: 'overflowcolor' },
+    { s60: 'rgb(238, 229, 255)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(244, 240, 255)', description: 'overflowcolor' },
+    { s60: 'rgb(240, 86, 178)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(255, 240, 249)', description: 'overflowcolor' },
+    { s60: 'rgb(189, 240, 86)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(250, 255, 240)', description: 'overflowcolor' },
+    { s60: 'rgb(246, 74, 68)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(246, 190, 188)', description: 'overflowcolor' },
+    { s60: 'rgb(58, 0, 166)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(188, 169, 240)', description: 'overflowcolor' },
+    { s60: 'rgba(1, 179, 34, 0.69)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(135, 173, 158)', description: 'overflowcolor' },
+    { s60: 'rgb(201, 204, 0)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgba(246, 247, 203, 0.77)', description: 'overflowcolor' },
+    { s60: 'rgb(249, 55, 129)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(255, 237, 244)', description: 'overflowcolor' },
+    { s60: 'rgb(0, 14, 166)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(209, 212, 243)', description: 'overflowcolor' },
+    { s60: 'rgb(135, 173, 158)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(205, 244, 228)', description: 'overflowcolor' },
+    { s60: 'rgb(86, 199, 240)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(202, 236, 248)', description: 'overflowcolor' },
+    { s60: 'rgb(246, 205, 68)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(244, 240, 255)', description: 'overflowcolor' },
+    { s60: 'rgb(0, 94, 166)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(188, 169, 240)', description: 'overflowcolor' },
+    { s60: 'rgba(179, 1, 63, 0.69)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(135, 173, 158)', description: 'overflowcolor' },
+];
+// export const defaultRolePalette: string[] = ['gray', 'blue', 'green', 'yellow', 'purple', 'teal', 'pink', 'lime', 'red', 'lightblue', 'aubergine', 'burnt', 'trueGreen', 'indigo', 'cyan'];
+
+function updateSelectionBox() {
+    var box = this.component.shadowRoot.getElementById('ls-box-selector');
+    if (!this.selected || this.selected.length < 2) {
+        box.style.visibility = 'hidden';
+        return;
+    }
+    let minLeft = Infinity, minTop = Infinity, maxRight = -Infinity, maxBottom = -Infinity;
+    this.selected.forEach(f => {
+        const left = f.offsetLeft;
+        const top = f.offsetTop;
+        const right = left + f.offsetWidth;
+        const bottom = top + f.offsetHeight;
+        if (left < minLeft)
+            minLeft = left;
+        if (top < minTop)
+            minTop = top;
+        if (right > maxRight)
+            maxRight = right;
+        if (bottom > maxBottom)
+            maxBottom = bottom;
+    });
+    box.style.left = minLeft + 'px';
+    box.style.top = minTop + 'px';
+    box.style.width = (maxRight - minLeft) + 'px';
+    box.style.height = (maxBottom - minTop) + 'px';
+    box.style.visibility = 'visible';
+}
 let mousetimer = null;
 function debounce(data, delay) {
     if (mousetimer)
@@ -26735,6 +26968,16 @@ function debounce(data, delay) {
 function mouseDown(e) {
     if (e.offsetX < 0 || e.offsetY < 0)
         return;
+    if (this._isToolboxDragging)
+        return;
+    // Disable mouse interactions in preview mode
+    if (this.mode === 'preview') {
+        return;
+    }
+    // Ignore events originating from outside the document frame
+    const frame = this.component.shadowRoot.getElementById('ls-document-frame');
+    if (!frame || !e.composedPath().includes(frame))
+        return;
     // console.log('mousedown', e);
     // Find if this was
     // - a hit on a field edge RESIZE
@@ -26845,6 +27088,7 @@ function mouseDown(e) {
         this.selectFields.emit([]);
         this.selected = [];
         this.component.style.cursor = 'crosshair';
+        updateSelectionBox.bind(this)();
     }
 }
 function outOfBounds(futureField) {
@@ -26856,6 +27100,12 @@ function outOfBounds(futureField) {
 }
 function mouseMove(event) {
     event.preventDefault();
+    if (this._isToolboxDragging)
+        return;
+    // Disable mouse move interactions in preview mode
+    if (this.mode === 'preview') {
+        return;
+    }
     // We have the mouse held down on a field edge to resize it.
     if (this.hitField && this.edgeSide && this.startMouse && event.buttons === 1) {
         const movedX = event.screenX - this.startMouse.x;
@@ -26976,21 +27226,45 @@ function mouseMove(event) {
     }
     else if (this.startLocations && !this.edgeSide && this.startMouse && event.buttons === 1) {
         this.isMoving = true;
+        document.body.style.userSelect = 'none';
         var box = this.component.shadowRoot.getElementById('ls-box-selector');
         box.style.visibility = 'hidden';
+        // Dismiss any open date picker when moving fields
+        if (this.selected?.length) {
+            this.selected.forEach(f => {
+                const input = f.shadowRoot?.getElementById('editing-input');
+                if (input)
+                    input.blur();
+            });
+        }
         // Move one or more selected items
         const movedX = event.screenX - this.startMouse.x;
         const movedY = event.screenY - this.startMouse.y;
         if (this.selected?.length) {
+            // Calculate snap based on the primary (first) selected field
+            const primaryLeft = this.startLocations[0].left + movedX;
+            const primaryTop = this.startLocations[0].top + movedY;
+            const primaryWidth = this.startLocations[0].width;
+            const primaryHeight = this.startLocations[0].height;
+            const allFields = Array.from(this.component.shadowRoot.querySelectorAll('ls-editor-field'));
+            const excludeIds = this.selected.map(s => s.dataItem.id);
+            const snap = calculateSnap(primaryLeft, primaryTop, primaryWidth, primaryHeight, allFields, this.pageNum, excludeIds);
+            // Apply snap offset to all selected fields
+            const snapOffsetX = snap.x !== null ? snap.x - primaryLeft : 0;
+            const snapOffsetY = snap.y !== null ? snap.y - primaryTop : 0;
             for (let i = 0; i < this.selected.length; i++) {
-                if (this.startLocations[i].left + movedX >= 0 &&
-                    this.startLocations[i].top + movedY >= 0 &&
-                    this.startLocations[i].left + movedX <= (this.pageDimensions[this.pageNum - 1].width - this.selected[i].dataItem.width) * this.zoom &&
-                    this.startLocations[i].top + movedY <= (this.pageDimensions[this.pageNum - 1].height - this.selected[i].dataItem.height) * this.zoom) {
-                    this.selected[i].style.left = Math.round(this.startLocations[i].left + movedX) + 'px';
-                    this.selected[i].style.top = Math.round(this.startLocations[i].top + movedY) + 'px';
+                const newLeft = this.startLocations[i].left + movedX + snapOffsetX;
+                const newTop = this.startLocations[i].top + movedY + snapOffsetY;
+                if (newLeft >= 0 &&
+                    newTop >= 0 &&
+                    newLeft <= (this.pageDimensions[this.pageNum - 1].width - this.selected[i].dataItem.width) * this.zoom &&
+                    newTop <= (this.pageDimensions[this.pageNum - 1].height - this.selected[i].dataItem.height) * this.zoom) {
+                    this.selected[i].style.left = Math.round(newLeft) + 'px';
+                    this.selected[i].style.top = Math.round(newTop) + 'px';
                 }
             }
+            showSnapGuides.bind(this)(snap.guides);
+            updateSelectionBox.bind(this)();
         }
     }
 }
@@ -26998,7 +27272,8 @@ function mouseUp(event) {
     this.edgeSide = null;
     this.startMouse = null;
     this.component.style.cursor = 'auto';
-    // console.log('mouse up');
+    document.body.style.userSelect = '';
+    clearSnapGuides.bind(this)();
     // find what was inside the selection box emit the select event and change their style
     if (this.selectionBox && this.isBoxing) {
         this.isBoxing = false;
@@ -27009,9 +27284,14 @@ function mouseUp(event) {
         const found = findIn(fields, box, true, event.shiftKey);
         this.selected = Array.from(found);
         this.selectFields.emit(found.map(fx => fx.dataItem));
+        updateSelectionBox.bind(this)();
     }
 }
 function mouseClick(e) {
+    // Disable click interactions in preview mode
+    if (this.mode === 'preview') {
+        return;
+    }
     // check we're not moving fields
     if (this.isMoving) {
         // End dragging fields
@@ -27034,6 +27314,7 @@ function mouseClick(e) {
             return { action: 'update', data: delta };
         }));
         this.selectFields.emit(selected.map(fx => fx.dataItem));
+        updateSelectionBox.bind(this)();
     }
     else {
         // reset the selection box location
@@ -27052,63 +27333,229 @@ function mouseClick(e) {
         });
         this.selected = Array.from(fields).filter(fx => fx.selected);
         this.selectFields.emit(this.selected.map(fx => fx.dataItem));
+        updateSelectionBox.bind(this)();
+    }
+}
+function showSnapGuides(guides) {
+    const frame = this.component.shadowRoot.getElementById('ls-document-frame');
+    let container = this.component.shadowRoot.getElementById('ls-snap-guides');
+    if (!container) {
+        container = document.createElement('div');
+        container.id = 'ls-snap-guides';
+        container.style.position = 'absolute';
+        container.style.top = '0';
+        container.style.left = '0';
+        container.style.width = '100%';
+        container.style.height = '100%';
+        container.style.pointerEvents = 'none';
+        container.style.zIndex = '9999';
+        frame.appendChild(container);
+    }
+    container.innerHTML = '';
+    for (const guide of guides) {
+        const line = document.createElement('div');
+        line.style.position = 'absolute';
+        line.style.backgroundColor = 'transparent';
+        if (guide.orientation === 'v') {
+            line.style.left = guide.position + 'px';
+            line.style.top = '0';
+            line.style.width = '0';
+            line.style.height = '100%';
+            line.style.borderLeft = '1px dashed var(--gray-50, #c8c9cc)';
+        }
+        else {
+            line.style.top = guide.position + 'px';
+            line.style.left = '0';
+            line.style.width = '100%';
+            line.style.height = '0';
+            line.style.borderTop = '1px dashed var(--gray-50, #c8c9cc)';
+        }
+        container.appendChild(line);
     }
 }
-function mouseDrop(event) {
-    event.preventDefault();
-    try {
-        const data = JSON.parse(event.dataTransfer.getData('application/json'));
-        // Unselect all current selected items
-        this.component.shadowRoot.querySelectorAll('ls-editor-field').forEach(f => (f.selected = false));
-        var frame = this.component.shadowRoot.getElementById('ls-document-frame');
-        // Make a new API compatible id for a template element (prefix 'ele')
-        const id = btoa('ele' + crypto.randomUUID());
-        const top = event.offsetY / this.zoom + frame.scrollTop;
-        const left = event.offsetX / this.zoom + frame.scrollLeft;
-        // TODO: Put these defaults somewhere sensible
-        const newData = {
-            action: 'create',
-            data: {
-                id,
-                value: '',
-                formElementType: data.formElementType,
-                elementType: data.elementType,
-                validation: data.validation,
-                substantive: false,
-                top,
-                left,
-                hideBorder: false,
-                height: data.defaultHeight,
-                width: data.defaultWidth,
-                pageDimensions: this.pageDimensions[this.pageNum - 1],
-                fontName: this.fontFamily,
-                fontSize: this.fontSize,
-                align: 'left',
-                signer: this.signer,
-                page: this.pageNum,
-                mapTo: null,
-                label: '',
-                helpText: null,
-                logicGroup: null,
-                optional: false,
-                options: null,
-                logicAction: null,
-                labelExtra: null,
-                fieldOrder: null,
-                ax: left > 0 ? left / this.pageDimensions[this.pageNum - 1].width : 0,
-                ay: top > 0 ? top / this.pageDimensions[this.pageNum - 1].height : 0,
-                bx: (left + data.defaultWidth) / this.pageDimensions[this.pageNum - 1].width,
-                by: (top + data.defaultHeight) / this.pageDimensions[this.pageNum - 1].height,
-                templateId: this._template.id,
-            },
-        };
-        this.mutate.emit([newData]);
-    }
-    catch (e) {
-        console.error(e);
-    }
+function clearSnapGuides() {
+    const container = this.component.shadowRoot.getElementById('ls-snap-guides');
+    if (container)
+        container.innerHTML = '';
+}
+function toolboxDragStart(fieldData) {
+    // Cancel any existing toolbox drag
+    if (this._cancelToolboxDrag) {
+        this._cancelToolboxDrag();
+    }
+    const frame = this.component.shadowRoot.getElementById('ls-document-frame');
+    const zoom = this.zoom;
+    this._isToolboxDragging = true;
+    const startTime = Date.now();
+    // Prevent text selection during drag
+    document.body.style.userSelect = 'none';
+    // Create ghost preview element matching the original drag image style
+    const ghost = document.createElement('div');
+    ghost.id = 'ls-toolbox-ghost';
+    ghost.style.position = 'fixed';
+    ghost.style.width = fieldData.defaultWidth * zoom + 'px';
+    ghost.style.height = fieldData.defaultHeight * zoom + 'px';
+    ghost.style.border = `2px dashed ${defaultRolePalette[this.signer % 100].s60}`;
+    const s20 = defaultRolePalette[this.signer % 100].s20.replace('#', '');
+    const r = parseInt(s20.substring(0, 2), 16);
+    const g = parseInt(s20.substring(2, 4), 16);
+    const b = parseInt(s20.substring(4, 6), 16);
+    ghost.style.background = `rgba(${r},${g},${b},0.5)`;
+    ghost.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';
+    ghost.style.pointerEvents = 'none';
+    ghost.style.zIndex = '10000';
+    ghost.style.visibility = 'hidden';
+    ghost.style.boxSizing = 'border-box';
+    ghost.style.fontFamily = 'var(--font-family, IBM Plex Sans, sans-serif)';
+    ghost.style.fontSize = Math.round(DEFAULT_FONT_SIZE * zoom) + 'px';
+    ghost.style.color = defaultRolePalette[this.signer % 100].s100;
+    ghost.style.overflow = 'hidden';
+    ghost.style.whiteSpace = 'nowrap';
+    ghost.style.display = 'flex';
+    ghost.style.alignItems = 'center';
+    ghost.style.textTransform = 'capitalize';
+    ghost.innerHTML = fieldData.formElementType;
+    this.component.shadowRoot.appendChild(ghost);
+    // Info chip at bottom of screen
+    const chip = document.createElement('div');
+    chip.id = 'ls-esc-chip';
+    chip.style.position = 'fixed';
+    chip.style.bottom = '1.5rem';
+    chip.style.left = '50%';
+    chip.style.transform = 'translateX(-50%)';
+    chip.style.padding = '0.375rem 0.75rem';
+    chip.style.borderRadius = '0.625rem';
+    chip.style.background = 'var(--gray-100, #1f2937)';
+    chip.style.color = 'white';
+    chip.style.fontSize = '0.75rem';
+    chip.style.fontFamily = 'var(--font-family, IBM Plex Sans, sans-serif)';
+    chip.style.pointerEvents = 'none';
+    chip.style.zIndex = '10000';
+    chip.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.1)';
+    chip.textContent = 'Press Esc to cancel field placement';
+    this.component.shadowRoot.appendChild(chip);
+    const onMouseMove = (e) => {
+        e.preventDefault();
+        const dragWidth = fieldData.defaultWidth * zoom;
+        const dragHeight = fieldData.defaultHeight * zoom;
+        ghost.style.visibility = 'visible';
+        const frameRect = frame.getBoundingClientRect();
+        const isOverFrame = e.clientX >= frameRect.left && e.clientX <= frameRect.right &&
+            e.clientY >= frameRect.top && e.clientY <= frameRect.bottom;
+        if (isOverFrame) {
+            ghost.style.opacity = '1';
+            const x = e.clientX - frameRect.left + frame.scrollLeft;
+            const y = e.clientY - frameRect.top + frame.scrollTop;
+            let left = x - dragWidth / 2;
+            let top = y - dragHeight / 2;
+            const fields = Array.from(this.component.shadowRoot.querySelectorAll('ls-editor-field'));
+            const snap = calculateSnap(left, top, dragWidth, dragHeight, fields, this.pageNum);
+            ghost.style.left = (snap.x !== null ? snap.x + frameRect.left - frame.scrollLeft : e.clientX - dragWidth / 2) + 'px';
+            ghost.style.top = (snap.y !== null ? snap.y + frameRect.top - frame.scrollTop : e.clientY - dragHeight / 2) + 'px';
+            showSnapGuides.bind(this)(snap.guides);
+        }
+        else {
+            ghost.style.opacity = '0.5';
+            ghost.style.left = (e.clientX - dragWidth / 2) + 'px';
+            ghost.style.top = (e.clientY - dragHeight / 2) + 'px';
+            clearSnapGuides.bind(this)();
+        }
+    };
+    const cleanup = () => {
+        document.removeEventListener('mousemove', onMouseMove);
+        document.removeEventListener('mouseup', onMouseUp);
+        document.removeEventListener('keydown', onKeyDown);
+        ghost.remove();
+        chip.remove();
+        clearSnapGuides.bind(this)();
+        document.body.style.userSelect = '';
+        this._isToolboxDragging = false;
+        this._cancelToolboxDrag = null;
+    };
+    const onMouseUp = (e) => {
+        // Ignore mouseup if it's from the same click that started the drag
+        if (Date.now() - startTime < 100)
+            return;
+        const frameRect = frame.getBoundingClientRect();
+        const shouldPlace = e.clientX >= frameRect.left && e.clientX <= frameRect.right &&
+            e.clientY >= frameRect.top && e.clientY <= frameRect.bottom;
+        cleanup();
+        if (shouldPlace) {
+            const dragWidth = fieldData.defaultWidth * zoom;
+            const dragHeight = fieldData.defaultHeight * zoom;
+            const x = e.clientX - frameRect.left + frame.scrollLeft;
+            const y = e.clientY - frameRect.top + frame.scrollTop;
+            let left = x - dragWidth / 2;
+            let top = y - dragHeight / 2;
+            const fields = Array.from(this.component.shadowRoot.querySelectorAll('ls-editor-field'));
+            const snap = calculateSnap(left, top, dragWidth, dragHeight, fields, this.pageNum);
+            if (snap.x !== null)
+                left = snap.x;
+            if (snap.y !== null)
+                top = snap.y;
+            const finalTop = top / zoom;
+            const finalLeft = left / zoom;
+            // Check if field fits on page - constrain to page boundaries
+            const pageWidth = this.pageDimensions[this.pageNum - 1].width;
+            const pageHeight = this.pageDimensions[this.pageNum - 1].height;
+            const constrainedLeft = Math.max(0, Math.min(finalLeft, pageWidth - fieldData.defaultWidth));
+            const constrainedTop = Math.max(0, Math.min(finalTop, pageHeight - fieldData.defaultHeight));
+            this.component.shadowRoot.querySelectorAll('ls-editor-field').forEach(f => (f.selected = false));
+            const id = btoa('ele' + crypto.randomUUID());
+            const newData = {
+                action: 'create',
+                data: {
+                    id,
+                    value: '',
+                    formElementType: fieldData.formElementType,
+                    elementType: fieldData.elementType,
+                    validation: fieldData.validation,
+                    substantive: false,
+                    top: constrainedTop,
+                    left: constrainedLeft,
+                    hideBorder: false,
+                    height: fieldData.defaultHeight,
+                    width: fieldData.defaultWidth,
+                    pageDimensions: this.pageDimensions[this.pageNum - 1],
+                    fontName: this.fontFamily,
+                    fontSize: this.fontSize,
+                    align: 'left',
+                    signer: this.signer,
+                    page: this.pageNum,
+                    mapTo: null,
+                    label: '',
+                    helpText: null,
+                    logicGroup: null,
+                    optional: false,
+                    options: null,
+                    logicAction: null,
+                    labelExtra: null,
+                    fieldOrder: null,
+                    ax: constrainedLeft > 0 ? constrainedLeft / this.pageDimensions[this.pageNum - 1].width : 0,
+                    ay: constrainedTop > 0 ? constrainedTop / this.pageDimensions[this.pageNum - 1].height : 0,
+                    bx: (constrainedLeft + fieldData.defaultWidth) / this.pageDimensions[this.pageNum - 1].width,
+                    by: (constrainedTop + fieldData.defaultHeight) / this.pageDimensions[this.pageNum - 1].height,
+                    templateId: this._template.id,
+                },
+            };
+            this.mutate.emit([newData]);
+        }
+    };
+    const onKeyDown = (e) => {
+        if (e.key === 'Escape') {
+            cleanup();
+        }
+    };
+    this._cancelToolboxDrag = cleanup;
+    document.addEventListener('mousemove', onMouseMove);
+    document.addEventListener('mouseup', onMouseUp);
+    document.addEventListener('keydown', onKeyDown);
 }
 function mouseDoubleClick(event) {
+    // Disable double-click field creation in preview mode
+    if (this.mode === 'preview') {
+        return;
+    }
     console.log('double click', this.fieldTypeSelected, this.signer);
     try {
         let data = this.fieldTypeSelected;
@@ -27173,6 +27620,123 @@ function mouseDoubleClick(event) {
     }
 }
 
+// Buffer for batching rapid key presses
+let mutationBuffer = null;
+let mutationTimer = null;
+const BUFFER_DELAY = 300; // milliseconds
+function keyDown(ev) {
+    // Disable keyboard controls in preview mode
+    if (this.mode === 'preview') {
+        return;
+    }
+    if (this.selected && this.selected?.length > 0) {
+        if (ev.key === 'ArrowDown') {
+            ev.preventDefault();
+            bufferedAlter.bind(this)(() => original => {
+                const alterElement = {
+                    ...original,
+                    top: original.top + 1,
+                    ay: original.ay + 1,
+                    by: original.by + 1,
+                };
+                return oob(alterElement) ? original : alterElement;
+            });
+        }
+        else if (ev.key === 'ArrowUp') {
+            ev.preventDefault();
+            bufferedAlter.bind(this)(() => original => {
+                const alterElement = {
+                    ...original,
+                    top: original.top - 1,
+                    ay: original.ay - 1,
+                    by: original.top - 1,
+                };
+                return oob(alterElement) ? original : alterElement;
+            });
+        }
+        else if (ev.key === 'ArrowRight') {
+            ev.preventDefault();
+            bufferedAlter.bind(this)(() => original => {
+                const alterElement = {
+                    ...original,
+                    left: original.left + 1,
+                    ax: original.ax + 1,
+                    bx: original.bx + 1,
+                };
+                return oob(alterElement) ? original : alterElement;
+            });
+        }
+        else if (ev.key === 'ArrowLeft') {
+            ev.preventDefault();
+            bufferedAlter.bind(this)(() => original => {
+                const alterElement = {
+                    ...original,
+                    left: original.left - 1,
+                    ax: original.ax - 1,
+                    bx: original.bx - 1,
+                };
+                return oob(alterElement) ? original : alterElement;
+            });
+        }
+        else if (ev.key === 'Delete' || ev.key === 'Backspace') {
+            const arr = Array.from(this.selected);
+            this.mutate.emit(arr.map(s => {
+                return { action: 'delete', data: s.dataItem };
+            }));
+        }
+        else if (ev.key === 'd' || ev.key === 'D' || ev.key === 'keyD') {
+            const arr = Array.from(this.selected);
+            const createdItems = arr.map(s => {
+                const newItem = { ...s.dataItem, id: btoa('ele' + crypto.randomUUID()) };
+                const newTop = s.dataItem.top + s.dataItem.height;
+                // check its in bounds
+                if (newTop + s.dataItem.height < s.dataItem.pageDimensions.height) {
+                    newItem.top = newTop;
+                }
+                return { action: 'create', data: newItem, select: 'clear' };
+            });
+            this.mutate.emit(createdItems.map(item => ({ action: 'create', data: item.data })));
+        }
+        else if (ev.key === 'Escape') {
+            console.log('Clearing selection');
+            this.selected = [];
+            this.selectFields.emit([]);
+        }
+    }
+}
+// Buffered version of alter that batches rapid key presses
+function bufferedAlter(diffFnFactory) {
+    // Clear existing timer
+    if (mutationTimer) {
+        clearTimeout(mutationTimer);
+    }
+    // Apply the transformation immediately to the UI
+    const diffFn = diffFnFactory();
+    this.selected.forEach(field => {
+        const updatedItem = diffFn(field.dataItem);
+        // Update the dataItem in place
+        Object.assign(field.dataItem, updatedItem);
+        // Update the visual position using moveField
+        moveField.bind(this)(field, updatedItem);
+    });
+    // Update the selection box to match the new field positions
+    updateSelectionBox.bind(this)();
+    // Store the latest state for batched mutation
+    mutationBuffer = this.selected.map(c => c.dataItem);
+    // Set timer to emit mutation after delay
+    mutationTimer = setTimeout(() => {
+        if (mutationBuffer) {
+            const diffs = mutationBuffer.map(item => ({
+                action: 'update',
+                data: item,
+            }));
+            this.mutate.emit(diffs);
+            mutationBuffer = null;
+        }
+        mutationTimer = null;
+    }, BUFFER_DELAY);
+}
+
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function getDefaultExportFromCjs (x) {
@@ -31485,7 +32049,7 @@ async function checkWitness(defaultExperience) {
     await Promise.all(witActions);
 }
 
-const lsDocumentViewerCss = () => `*,*::before,*::after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:host{display:flex;flex-direction:column;width:100vw;height:100vh;margin:0px;padding:0px}.ls-dv-left-slot-wrapper{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);z-index:2000}slot{justify-content:center;align-items:center;border-radius:1rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;width:fit-content;background-color:var(--green-30, #9df5d4);color:var(--green-100, #125241)}.ls-dv-right-slot-wrapper{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);z-index:2000}.ls-dv-validation-tag-wrapper{position:absolute;top:50%;right:1rem;transform:translateY(-50%);z-index:2000}.ls-dv-page-loader{position:fixed;display:flex;top:0;left:0;align-items:center;justify-content:center;background-color:rgba(251, 251, 251, 0.3);backdrop-filter:blur(2px);height:100%;width:100%;z-index:4000}.ls-dv-custom-loader-slot{position:absolute;top:0;left:0;height:100%;width:100%;z-index:3999}#pdf-canvas{top:0px;left:0px;width:6.25rem;height:6.25rem;box-shadow:0 0.5rem 2rem 0 rgba(0, 0, 0, 0.12)}#ls-mid-area{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;width:100vw;height:100%}.ls-dv-document-frame-wrapper{display:flex;flex-direction:column;justify-content:start;align-items:start;overflow:visible;max-height:100%;width:100vw;overflow:scroll;padding:5rem 23.75rem 2rem 23.75rem}#ls-document-frame{position:relative;height:98vh;margin-right:auto;margin-left:auto}.ls-dv-prev-button{position:relative;bottom:1.875rem}.ls-dv-next-button{position:relative;bottom:1.875rem}.ls-dv-field-box{z-index:1000}#ls-box-selector{position:absolute;visibility:hidden;background-color:transparent;border:1px rgba(71, 71, 71, 0.716) dashed}#ls-editor-form{display:flex;width:100vw;height:calc(100vh - 2.25rem);position:relative;background:var(--gray-10, #f7f8fa);box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.04) inset, 0 10px 15px 0 rgba(0, 0, 0, 0.04) inset}.ls-dv-hidden{visibility:hidden;display:none;width:0px}.ls-dv-page-header{position:relative;display:flex;height:2.25rem;gap:0.5rem;padding:0.25rem 0.75rem;justify-content:center;align-items:center}.ls-dv-header-text-1{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.ls-dv-header-text-2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.ls-dv-expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;cursor:pointer;color:var(--gray-80, #6f7176);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}.ls-dv-error-state{position:fixed;display:flex;top:0;left:0;align-items:center;justify-content:center;height:100%;width:100%;z-index:4000;background-color:var(--gray-10, #f7f8fa)}.ls-dv-error-card{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:2rem;border-radius:0.75rem;background:white;box-shadow:0 0.25rem 1rem rgba(0, 0, 0, 0.08);max-width:24rem;text-align:center;color:var(--gray-80, #6f7176)}.ls-dv-error-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-weight:600;line-height:1.5rem}.ls-dv-error-message{color:var(--gray-80, #6f7176);font-size:0.875rem;line-height:1.25rem}`;
+const lsDocumentViewerCss = () => `*,*::before,*::after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:host{display:flex;flex-direction:column;width:100vw;height:100vh;font-family:var(--font-family, "IBM Plex Sans", sans-serif);font-size:var(--text-sm);margin:0px;padding:0px}.ls-dv-left-slot-wrapper{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);z-index:2000}slot{justify-content:center;align-items:center;border-radius:1rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;width:fit-content;background-color:var(--green-30, #9df5d4);color:var(--green-100, #125241)}.ls-dv-right-slot-wrapper{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);z-index:2000}.ls-dv-validation-tag-wrapper{position:absolute;top:1rem;right:1rem;z-index:2000;display:flex;width:100%;align-items:center;justify-content:center;padding:0.375rem;gap:0.5rem;width:fit-content;border-radius:1.25rem;border:1px solid var(--gray-20, #edeff2);background:var(--white, #ffffff);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.ls-dv-page-loader{position:fixed;display:flex;top:0;left:0;align-items:center;justify-content:center;background-color:rgba(251, 251, 251, 0.3);backdrop-filter:blur(2px);height:100%;width:100%;z-index:4000}.ls-dv-custom-loader-slot{position:absolute;top:0;left:0;height:100%;width:100%;z-index:3999}#pdf-canvas{top:0px;left:0px;width:6.25rem;height:6.25rem;box-shadow:0 0.5rem 2rem 0 rgba(0, 0, 0, 0.12)}#ls-mid-area{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;width:100vw;height:100%}.ls-dv-document-frame-wrapper{display:flex;flex-direction:column;justify-content:start;align-items:start;overflow:visible;max-height:100%;width:100vw;overflow:scroll;padding:5rem 23.75rem 2rem 23.75rem}#ls-document-frame{position:relative;height:98vh;margin-right:auto;margin-left:auto}.ls-dv-prev-button{position:relative;bottom:1.875rem}.ls-dv-next-button{position:relative;bottom:1.875rem}.ls-dv-field-box{z-index:1000}#ls-box-selector{position:absolute;visibility:hidden;background-color:color-mix(in srgb, var(--primary-20, #c7ddff) 20%, transparent);border:1px dashed var(--primary-50, #5185ff)}#ls-editor-form{display:flex;width:100vw;height:calc(100vh - 2.25rem);position:relative;background:var(--gray-10, #f7f8fa);box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.04) inset, 0 10px 15px 0 rgba(0, 0, 0, 0.04) inset}.ls-dv-hidden{visibility:hidden;display:none;width:0px}.ls-dv-page-header{position:relative;display:flex;height:2.25rem;gap:0.5rem;padding:0.25rem 0.75rem;justify-content:center;align-items:center}.ls-dv-header-text-1{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.ls-dv-header-text-2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.ls-dv-expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;cursor:pointer;color:var(--gray-80, #6f7176);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}.ls-dv-error-state{position:fixed;display:flex;top:0;left:0;align-items:center;justify-content:center;height:100%;width:100%;z-index:4000;background-color:var(--gray-10, #f7f8fa)}.ls-dv-error-card{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:2rem;border-radius:0.75rem;background:white;box-shadow:0 0.25rem 1rem rgba(0, 0, 0, 0.08);max-width:24rem;text-align:center;color:var(--gray-80, #6f7176)}.ls-dv-error-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-weight:600;line-height:1.5rem}.ls-dv-error-message{color:var(--gray-80, #6f7176);font-size:0.875rem;line-height:1.25rem}`;
 
 GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@5.4.449/build/pdf.worker.min.mjs`;
 const LsDocumentViewer = class {
@@ -31520,6 +32084,10 @@ const LsDocumentViewer = class {
     startLocations;
     // @ts-ignore
     startMouse;
+    // @ts-ignore
+    _isToolboxDragging = false;
+    // @ts-ignore
+    _cancelToolboxDrag = null;
     //
     // --- Properties / Inputs --- //
     //
@@ -31614,6 +32182,13 @@ const LsDocumentViewer = class {
             this.showstatusbar = true;
             this.readonly = false;
         }
+        // Update readonly attribute on all existing fields
+        const fields = this.component.shadowRoot?.querySelectorAll('ls-editor-field');
+        if (fields) {
+            fields.forEach(field => {
+                field.setAttribute('readonly', String(_newMode === 'preview'));
+            });
+        }
     }
     zoomChanged(newZoom) {
         const fields = this.component.shadowRoot.querySelectorAll('ls-editor-field');
@@ -31702,6 +32277,9 @@ const LsDocumentViewer = class {
         });
         this.fieldTypeSelected = event.detail;
     }
+    handleToolboxDragStart(event) {
+        toolboxDragStart.bind(this)(event.detail);
+    }
     // generate a new role on the template
     addParticpantHandler(event) {
         const defaultExperience = this.groupInfo.experienceConnection.experiences.find(x => x.defaultExperience === true);
@@ -31741,28 +32319,39 @@ const LsDocumentViewer = class {
         const { signerIndex, fieldType } = event.detail;
         // Update the active signer
         this.signer = signerIndex;
-        console.log('Selecting field for placement:', event.detail);
-        // Find and select the matching toolbox field
-        const fields = this.component.shadowRoot.querySelectorAll('ls-toolbox-field');
-        fields.forEach(element => {
-            const isMatch = element.formElementType === fieldType;
-            element.isSelected = isMatch;
-            if (isMatch) {
-                // Trigger the field selection event
-                this.fieldTypeSelected = {
-                    label: element.label,
-                    formElementType: element.formElementType,
-                    elementType: element.elementType,
-                    validation: element.validation,
-                    defaultHeight: element.defaultHeight,
-                    defaultWidth: element.defaultWidth,
-                };
-            }
-        });
+        // Build the field data directly from defaults
+        const defaults = FIELD_DEFAULTS[fieldType] || FIELD_DEFAULTS['signature'];
+        // Map formElementType to elementType correctly
+        let elementType;
+        if (fieldType === 'signature') {
+            elementType = 'signature';
+        }
+        else if (fieldType === 'initials') {
+            elementType = 'initials';
+        }
+        else if (fieldType === 'auto sign') {
+            elementType = 'admin';
+        }
+        else {
+            elementType = 'text';
+        }
+        this.fieldTypeSelected = {
+            label: fieldType,
+            formElementType: fieldType,
+            elementType: elementType,
+            validation: 0,
+            defaultHeight: defaults.defaultHeight,
+            defaultWidth: defaults.defaultWidth,
+        };
         // Switch to toolbox view if not already there
         if (this.manager !== 'toolbox') {
             this.manager = 'toolbox';
         }
+        // Initiate dragging for the selected field type on next tick
+        // (current mousedown/mouseup cycle needs to complete first)
+        requestAnimationFrame(() => {
+            toolboxDragStart.bind(this)(this.fieldTypeSelected);
+        });
     }
     // Send selection changes to bars and panels if in use.
     selectFieldsHandler(event) {
@@ -31784,12 +32373,29 @@ const LsDocumentViewer = class {
             this.selectedDataItems = event.detail;
         }
         // change style of selected fields
+        const isMulti = event.detail.length > 1;
         event.detail.forEach(fc => {
             const fu = this.component.shadowRoot.getElementById('ls-field-' + fc.id);
             fu.selected = true;
+            fu.multiSelected = isMulti;
         });
-        // this.selected = fields.filter(fx => fx.selected) as HTMLLsEditorFieldElement[];
-        this.selected.forEach(s => (s.selected = event.detail.map(d => d.id).includes(s.dataItem.id)));
+        this.selected.forEach(s => {
+            const isSelected = event.detail.map(d => d.id).includes(s.dataItem.id);
+            s.selected = isSelected;
+            s.multiSelected = isSelected ? isMulti : false;
+        });
+        // Open date picker only when exactly one date field is selected
+        if (event.detail.length === 1) {
+            const field = this.component.shadowRoot.getElementById('ls-field-' + event.detail[0].id);
+            if (field && getInputType(event.detail[0].validation)?.inputType === 'date' && this.mode !== 'preview') {
+                requestAnimationFrame(() => {
+                    const editbox = field.shadowRoot?.getElementById('editing-input');
+                    if (editbox)
+                        editbox.showPicker();
+                });
+            }
+        }
+        updateSelectionBox.bind(this)();
         this.validationErrors = validate.bind(this)(this._template);
     }
     // Send role selection changes to bars and panels
@@ -32011,13 +32617,6 @@ const LsDocumentViewer = class {
             document.addEventListener('mouseup', mouseUp.bind(this));
             dropTarget.addEventListener('dblclick', mouseDoubleClick.bind(this));
             document.addEventListener('keydown', keyDown.bind(this));
-            dropTarget.addEventListener('dragenter', event => {
-                event.preventDefault();
-            });
-            dropTarget.addEventListener('dragover', event => {
-                event.preventDefault();
-            });
-            dropTarget.addEventListener('drop', mouseDrop.bind(this));
         }
         this.generateFields();
     }
@@ -32116,9 +32715,9 @@ const LsDocumentViewer = class {
             return false;
     }
     render() {
-        return (h(Host, { key: 'a9d331483751ce64c05c3134191eb08ddb7ddf06' }, h(h.Fragment, null, this.isLoading && (h(h.Fragment, null, h("div", { key: 'c915116bf734cf566e33f3af368bc4b17560e0d9', class: 'ls-dv-page-loader' }, h("ls-loading-logo", { key: '966b15ede20a8a230074cc73e39aad4aecde9395', size: 200, colour: "var(--primary-60)" })), h("div", { key: '424bbbbbf06bbd57aa6796e558e182af6ffd9ff4', class: 'ls-dv-custom-loader-slot' }, h("slot", { key: '7d429afa5e085bc3867c8fc15f62c0350ffb31f5', name: "custom-loader" })), this.mode === 'compose' && h("ls-compose-loader", { key: 'fe72e6e7ec61bbb2810cb2b83af4b11590be8ed9' }))), this.error && (h("div", { key: 'db752c9609601c27addf55ca5a7a8a594dc13524', class: "ls-dv-error-state" }, h("div", { key: 'f8cf9bea15977301232104cb803e811c5aad2037', class: "ls-dv-error-card" }, h("ls-icon", { key: '460e393bc7ac0dab3905dfa70b8680775b68903f', name: "exclamation-circle-icon", size: 32, style: { color: 'var(--red-60, #dc2626)' } }), h("p", { key: 'd50a1542a8cfbec58b58a95f09341efcc0522a91', class: "ls-dv-error-title" }, dvI18n.t('viewer.autherror')), h("p", { key: '04774e5a6db6bbd7a80437a9f24bcbee616ad682', class: "ls-dv-error-message" }, this.error)))), h("div", { key: 'c82ef90f5bfdc04623e5a898615fd2cceaaccd29', class: "ls-dv-page-header" }, h("div", { key: '36e925bff58a1bc6f1fecd60c22feff6a888d8bb', class: 'ls-dv-left-slot-wrapper' }, h("slot", { key: '2f8fff622cfecf513650e2846b792a9c9821aebf', name: "left-button" })), h("div", { key: 'e7f61f403ad1090be14f63e1ffa7a8614dc65ae9', class: 'ls-dv-right-slot-wrapper' }, h("slot", { key: '977ca2bb7b05c68bbcbf158aaae9d7519532eac6', name: "right-button" })), this.mode === 'editor' && (h("div", { key: 'f3537fc9ea024c15a67a5626db3651c5d5025c59' }, h("span", { key: '9c9c5e5ad149e7b59d2f7517bd83ef37d697644a', class: "ls-dv-header-text-1" }, dvI18n.t('viewer.templatecreation')), h("span", { key: '5fe5dfcad466c60ff313838276e2387c065ad4df' }, "/"), h("span", { key: 'afc75e9dfdad274ee7e7d881712216690726d54c', class: "ls-dv-header-text-2" }, this._template?.title), h("div", { key: '48d40b7dce8ef3aece832b07422fe4adf273a5e2', class: 'ls-dv-validation-tag-wrapper' }, h("ls-validation-tag", { key: 'e772a5e04fdc0dada8171411f7f4025488aa7420', validationErrors: this.validationErrors })))), this.mode === 'compose' && (h("div", { key: '423f05e4e2b01656f4d6f593b68a0067db2aac7e', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, h("slot", { key: 'a94684455cad5efda22649ee74464892911dbd2a', name: "top-bar" })))), h("form", { key: 'e3a817a8414b82f25c295125fd62e1d059e6a41b', id: "ls-editor-form" }, h("ls-left-bar", { key: '00c673406fc94b4ac2b971d5b4a3dd954460f1c2', mode: this.mode, selected: this.selected, manager: this.manager, signer: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, recipients: this._recipients, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, displayTable: this.displayTable, selectedDataItems: this.selectedDataItems, busy: this.isMutating, onManagerChange: e => this.handleManagerChange(e.detail), onClearSelected: () => {
+        return (h(Host, { key: '19dfd5bb90629e0ee81086ad24494c1fbb30a769' }, h(h.Fragment, null, this.isLoading && (h(h.Fragment, null, h("div", { key: '1a1e2e0022d58d2a3a5b19e4b42a8cde31a61e72', class: 'ls-dv-page-loader' }, h("ls-loading-logo", { key: 'd271f80bfbf240c9e5e33845c7e691f8a1b1f112', size: 200, colour: "var(--primary-60)" })), h("div", { key: '1477fb9c97a2455420b6bf4a4d36fdbab1e93ba7', class: 'ls-dv-custom-loader-slot' }, h("slot", { key: '15fd908d0fe0da5b94eb47188dd18a687a7bdd80', name: "custom-loader" })), this.mode === 'compose' && h("ls-compose-loader", { key: '875ccc5a7955ff5a6dac1ee84c13e906b93cd0a0' }))), this.error && (h("div", { key: '1688f3b7a7fd275b675dcddd3bbac9a32a92cf5b', class: "ls-dv-error-state" }, h("div", { key: 'e41022c9769850ed0268bff9389d5a850d6401c1', class: "ls-dv-error-card" }, h("ls-icon", { key: '9ddfc471bbb872c80bf99a2b197216fdf315fba5', name: "exclamation-circle-icon", size: 32, style: { color: 'var(--red-60, #dc2626)' } }), h("p", { key: '87b6733fad52161aeedb1735f95ba7bdc182aa81', class: "ls-dv-error-title" }, dvI18n.t('viewer.autherror')), h("p", { key: '606024e730b3d196d6ab84090f0e0915cfe1a5c9', class: "ls-dv-error-message" }, this.error)))), h("div", { key: '971f900009848767e10365a2bc7fb7e691a15b82', class: "ls-dv-page-header" }, h("div", { key: 'a3ebd8c9fdfdce20fa974e6317621718016088d7', class: 'ls-dv-left-slot-wrapper' }, h("slot", { key: 'ce06938b401ff17269ccdf5c6e9aa1857c105e5d', name: "left-button" })), h("div", { key: '44e2ef9f0c1918430c94dd27d9e8442ec9453669', class: 'ls-dv-right-slot-wrapper' }, h("slot", { key: '24ef7180f515b77bc49463ff0cbf6a30a447b9b4', name: "right-button" })), this.mode === 'editor' && (h("div", { key: 'c0663211ca2682681cc7e6e345f0a7a857c4c5e6' }, h("span", { key: '05047fbf34734864e17a2a75e380089738c6b041', class: "ls-dv-header-text-1" }, dvI18n.t('viewer.templatecreation')), h("span", { key: '37c4e99d31163922cbe17fe80bc044fb5fb6d109' }, "/"), h("span", { key: '4f3fac495c00e15f40c03397fbb3d0add08e02f7', class: "ls-dv-header-text-2" }, this._template?.title))), this.mode === 'compose' && (h("div", { key: 'a475dc17bc704d25002d4d17e5b0eb2895fb7674', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, h("slot", { key: '4f0987fc98bcbf81d76276168f7e7a7d2c6cd425', name: "top-bar" })))), h("form", { key: 'a2f8d7955322a384c337f4df2466dc4502743ea1', id: "ls-editor-form" }, h("ls-left-bar", { key: '4edd3d0015e5749e4d334057e36dfbaae657709a', mode: this.mode, selected: this.selected, manager: this.manager, signer: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, recipients: this._recipients, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, displayTable: this.displayTable, selectedDataItems: this.selectedDataItems, busy: this.isMutating, onManagerChange: e => this.handleManagerChange(e.detail), onClearSelected: () => {
                 this.selected = [];
-            } }, h("slot", { key: '890f490f7fb112a5424566432194fae879b3ae7d', name: "recipient-panel", slot: "recipient-panel" })), h("ls-toolbar", { key: '9ecad16a44527c4addc8c2f348fd38fd4db9fd69', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo, mode: this.mode, signer: this.signer }), h("div", { key: 'b7f5795c89607fd0af4298b5181509a8f230ba10', id: "ls-mid-area" }, h("div", { key: 'c88de8b35dc2f8734be059e4ca8fb5c9a69ea8d7', class: 'ls-dv-document-frame-wrapper', id: "document-frame-wrapper" }, h("div", { key: '73856de7f0ddb3c9aa621a38ac7004bfd08420e8', id: "ls-document-frame" }, h("canvas", { key: '4c6401f3e83385c469693b5f5dba44a5450cba3f', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'ls-dv-hidden' : '' }), h("ls-editor-table", { key: 'e267f966a5d22b2fb91dc7e8b562723e7847a43b', editor: this, class: this.displayTable ? '' : 'ls-dv-hidden' }), h("div", { key: '0f3ed6666b9447da5eb9099c71a78cdee731b22f', id: "ls-box-selector" }))), h("ls-statusbar", { key: '05481859511b3ea07ad87f184004235486606f6b', editor: this, page: this.pageNum, pageCount: this.pageCount })))), h("ls-tooltip", { key: '760fea2de6e27455f216e8a72f1020897c2e3ab3', tooltipId: "ls-dv-tooltip" })));
+            } }, h("slot", { key: 'f4502c1f0a2d1f68d8705be8adce5f241086c107', name: "recipient-panel", slot: "recipient-panel" })), h("ls-toolbar", { key: '71e1561902798fedcdb33642a299b6f619faa39f', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo, mode: this.mode, signer: this.signer }), h("div", { key: '057b3403bcc1af5edef6a850bbf97179430a4ec5', id: "ls-mid-area" }, h("div", { key: 'c8a8131e98512f3142393f6f1a667db5fcaaad32', class: 'ls-dv-document-frame-wrapper', id: "document-frame-wrapper" }, h("div", { key: 'e4a4ed064e91eb361319d617ee5dce51c043e2ab', id: "ls-document-frame" }, h("canvas", { key: '101b79ab76f8e74a470722c37e6ec945464ee414', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'ls-dv-hidden' : '' }), h("ls-editor-table", { key: '39969d577ba144af5bcf34f4a420f0117197a5e7', editor: this, class: this.displayTable ? '' : 'ls-dv-hidden' }), h("div", { key: 'f0e2c7c6e05c42476340c8b8ac23597e9c91a161', id: "ls-box-selector" }))), h("ls-statusbar", { key: 'e038be57389137e9b2baf3910b99b01a50b2431b', editor: this, page: this.pageNum, pageCount: this.pageCount }), this.mode === 'editor' && (h("div", { key: '9fb53b6aaf7ca064da1d4915ef7f0c75c5940603', class: 'ls-dv-validation-tag-wrapper' }, h("ls-validation-tag", { key: '3d462906370699dd2b65d48cd3afb8c1997403ab', validationErrors: this.validationErrors }), h("slot", { key: '0342ad6a0ca59e592ce2772492a4b8480471b9c7', name: "next-button" })))))), h("ls-tooltip", { key: 'ed2fdf405b38cdc8d69fadfd6e863834002a19c4', tooltipId: "ls-dv-tooltip" })));
     }
     static get watchers() { return {
         "language": ["languageChanged"],
@@ -32128,223 +32727,7 @@ const LsDocumentViewer = class {
 };
 LsDocumentViewer.style = lsDocumentViewerCss();
 
-// import { RoleColor } from "../../types/RoleColor";
-const defaultRolePalette = [
-    {
-        description: 'gray',
-        s10: '#f7f8fa',
-        s20: '#edeff2',
-        s30: '#e0e2e5',
-        s40: '#d8d9dc',
-        s50: '#c8c9cc',
-        s60: '#afb0b2',
-        s70: '#939599',
-        s80: '#6f7176',
-        s90: '#5e6066',
-        s100: '#45484d',
-    },
-    {
-        description: 'blue',
-        s10: '#f0f6ff',
-        s20: '#e0ecff',
-        s30: '#bed4fa',
-        s40: '#a2bdf5',
-        s50: '#78a3fa',
-        s60: '#5684f0',
-        s70: '#4368e0',
-        s80: '#2d4dcc',
-        s90: '#233ead',
-        s100: '#14287a',
-    },
-    {
-        description: 'green',
-        s10: '#effff9',
-        s20: '#c5fde8',
-        s30: '#9df5d4',
-        s40: '#72f0c2',
-        s50: '#57e5b1',
-        s60: '#46dbaa',
-        s70: '#33b88c',
-        s80: '#15946a',
-        s90: '#177559',
-        s100: '#125241',
-    },
-    {
-        description: 'yellow',
-        s10: '#fffcef',
-        s20: '#fff3c2',
-        s30: '#fcec9d',
-        s40: '#ffe561',
-        s50: '#fad232',
-        s60: '#f0b618',
-        s70: '#cc8904',
-        s80: '#9e5913',
-        s90: '#8a3f0e',
-        s100: '#70350d',
-    },
-    {
-        description: 'purple',
-        s10: '#f4f0ff',
-        s20: '#eee5ff',
-        s30: '#d6befa',
-        s40: '#c6a2f5',
-        s50: '#b078fa',
-        s60: '#9956f0',
-        s70: '#8743e0',
-        s80: '#722dcc',
-        s90: '#5f23ad',
-        s100: '#40147a',
-    },
-    {
-        description: 'teal',
-        s10: '#effffc',
-        s20: '#c5fcf1',
-        s30: '#a5fae9',
-        s40: '#76f5db',
-        s50: '#54ebcd',
-        s60: '#46dbbd',
-        s70: '#33b8a2',
-        s80: '#148f7e',
-        s90: '#17756c',
-        s100: '#15524c',
-    },
-    {
-        description: 'pink',
-        s10: '#fff0f9',
-        s20: '#ffe5f5',
-        s30: '#fabee2',
-        s40: '#f5a2d4',
-        s50: '#fa78c6',
-        s60: '#f056b2',
-        s70: '#e043a2',
-        s80: '#cc2d8c',
-        s90: '#ad2376',
-        s100: '#7a1451',
-    },
-    {
-        description: 'lime',
-        s10: '#fafff0',
-        s20: '#f6ffe5',
-        s30: '#e6fabe',
-        s40: '#d9f5a2',
-        s50: '#cffa78',
-        s60: '#bdf056',
-        s70: '#ace043',
-        s80: '#97cc2d',
-        s90: '#7fad23',
-        s100: '#587a14',
-    },
-    {
-        description: 'red',
-        s10: '#fff0f0',
-        s20: '#ffe1e0',
-        s30: '#ffc9c7',
-        s40: '#ffa19e',
-        s50: '#ff706b',
-        s60: '#f64a44',
-        s70: '#dc2721',
-        s80: '#c1140e',
-        s90: '#990500',
-        s100: '#7a1714',
-    },
-    {
-        description: 'lightblue',
-        s10: '#effbff',
-        s20: '#c7f1ff',
-        s30: '#9de4fc',
-        s40: '#79dbfc',
-        s50: '#51d3ff',
-        s60: '#48c5f0',
-        s70: '#20a6d6',
-        s80: '#0b80b2',
-        s90: '#19648a',
-        s100: '#0c3e57',
-    },
-    {
-        description: 'aubergine',
-        s10: '#fcf0ff',
-        s20: '#fae5ff',
-        s30: '#eebefa',
-        s40: '#e4a2f5',
-        s50: '#e078fa',
-        s60: '#d156f0',
-        s70: '#c143e0',
-        s80: '#ac2dcc',
-        s90: '#9223ad',
-        s100: '#66147a',
-    },
-    {
-        description: 'burnt',
-        s10: '#fff6f0',
-        s20: '#fff0e5',
-        s30: '#fad6be',
-        s40: '#f5c3a2',
-        s50: '#faac78',
-        s60: '#f09456',
-        s70: '#e08243',
-        s80: '#cc6d2d',
-        s90: '#ad5a23',
-        s100: '#7a3d14',
-    },
-    {
-        description: 'trueGreen',
-        s10: '#f0fff0',
-        s20: '#e5ffe5',
-        s30: '#befabe',
-        s40: '#a2f5a2',
-        s50: '#78fa78',
-        s60: '#56f056',
-        s70: '#43e043',
-        s80: '#2dcc2d',
-        s90: '#23ad23',
-        s100: '#147a14',
-    },
-    {
-        description: 'indigo',
-        s10: '#f2f0ff',
-        s20: '#e9e5ff',
-        s30: '#c6befa',
-        s40: '#ada2f5',
-        s50: '#8978fa',
-        s60: '#6b56f0',
-        s70: '#5843e0',
-        s80: '#422dcc',
-        s90: '#3523ad',
-        s100: '#21147a',
-    },
-    {
-        description: 'cyan',
-        s10: '#efffff',
-        s20: '#c5fcfc',
-        s30: '#a0fafa',
-        s40: '#76f5f5',
-        s50: '#54ebeb',
-        s60: '#46dbdb',
-        s70: '#33b3b8',
-        s80: '#11868f',
-        s90: '#166a70',
-        s100: '#11474d',
-    },
-    { s60: 'rgb(70, 219, 170)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(239, 255, 249)', description: 'overflowcolor' },
-    { s60: 'rgb(240, 182, 24)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(255, 252, 239)', description: 'overflowcolor' },
-    { s60: 'rgb(238, 229, 255)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(244, 240, 255)', description: 'overflowcolor' },
-    { s60: 'rgb(240, 86, 178)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(255, 240, 249)', description: 'overflowcolor' },
-    { s60: 'rgb(189, 240, 86)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(250, 255, 240)', description: 'overflowcolor' },
-    { s60: 'rgb(246, 74, 68)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(246, 190, 188)', description: 'overflowcolor' },
-    { s60: 'rgb(58, 0, 166)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(188, 169, 240)', description: 'overflowcolor' },
-    { s60: 'rgba(1, 179, 34, 0.69)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(135, 173, 158)', description: 'overflowcolor' },
-    { s60: 'rgb(201, 204, 0)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgba(246, 247, 203, 0.77)', description: 'overflowcolor' },
-    { s60: 'rgb(249, 55, 129)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(255, 237, 244)', description: 'overflowcolor' },
-    { s60: 'rgb(0, 14, 166)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(209, 212, 243)', description: 'overflowcolor' },
-    { s60: 'rgb(135, 173, 158)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(205, 244, 228)', description: 'overflowcolor' },
-    { s60: 'rgb(86, 199, 240)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(202, 236, 248)', description: 'overflowcolor' },
-    { s60: 'rgb(246, 205, 68)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(244, 240, 255)', description: 'overflowcolor' },
-    { s60: 'rgb(0, 94, 166)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(188, 169, 240)', description: 'overflowcolor' },
-    { s60: 'rgba(179, 1, 63, 0.69)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(135, 173, 158)', description: 'overflowcolor' },
-];
-// export const defaultRolePalette: string[] = ['gray', 'blue', 'green', 'yellow', 'purple', 'teal', 'pink', 'lime', 'red', 'lightblue', 'aubergine', 'burnt', 'trueGreen', 'indigo', 'cyan'];
-
-const lsEditorFieldCss = () => `:host{display:block;position:absolute;margin:0px;padding:0px 0px 0px 0px;isolation:isolate;min-height:16px}.ls-dv-editor-field-editable{display:flex;align-items:center;font-family:inherit;font-size:inherit;color:inherit;overflow:hidden;white-space:nowrap;margin:0;padding:0px 0px 0px 0px;min-width:2em;height:100%;width:calc(100% - 13px)}.ls-dv-editor-field-editable:focus{outline:none}.ls-dv-editor-field-draggable{display:flex;align-items:center;font-family:inherit;font-size:inherit;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;white-space:nowrap;min-width:2px;height:98%;width:calc(100% - 13px)}.ls-dv-editor-field-draggable::-webkit-scrollbar{display:none}.ls-dv-hidden-field{display:none}.ls-dv-date-field-input{position:absolute;opacity:0;pointer-events:none;width:100%;height:100%;top:0;left:0}input{all:unset;color:inherit}.ls-dv-draggable-input{font-family:inherit;font-size:inherit;position:relative;height:95%;width:95%}.ls-dv-editing-input{caret-color:rgb(15, 23, 42);caret-shape:auto;height:100%;width:100%}.ls-dv-required-icon{color:var(--red-60, #f64a44)}.ls-dv-x-button{all:unset;cursor:pointer;transform:translate(55%, -55%);position:absolute;color:white;background:var(--gray-80, #6f7176);border-radius:50%;top:0;right:0}.ls-dv-x-button:hover{background:var(--gray-90, #5e6066)}`;
+const lsEditorFieldCss = () => `:host{display:block;position:absolute;margin:0px;padding:0px 0px 0px 0px;isolation:isolate;min-height:16px}.ls-dv-editor-field-editable{display:flex;align-items:center;font-family:inherit;font-size:inherit;color:inherit;overflow:hidden;white-space:nowrap;margin:0;padding:0px 0px 0px 0px;min-width:2em;height:100%;width:calc(100% - 13px)}.ls-dv-editor-field-editable:focus{outline:none}.ls-dv-editor-field-draggable{display:flex;align-items:center;font-family:inherit;font-size:inherit;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;white-space:nowrap;min-width:2px;height:98%;width:calc(100% - 13px)}.ls-dv-editor-field-draggable::-webkit-scrollbar{display:none}.ls-dv-hidden-field{display:none}.ls-dv-date-field-input{position:absolute;opacity:0;pointer-events:none;width:100%;height:100%;top:0;left:0}input{all:unset;color:inherit}.ls-dv-draggable-input{font-family:inherit;font-size:inherit;position:relative;height:95%;width:95%}.ls-dv-editing-input{caret-color:rgb(15, 23, 42);caret-shape:auto;height:100%;width:100%}.ls-dv-required-icon{color:var(--red-60, #f64a44)}.ls-dv-x-button{all:unset;cursor:pointer;transform:translate(55%, -55%);position:absolute;color:white;background:var(--gray-80, #6f7176);border-radius:50%;top:0;right:0}.ls-dv-x-button:hover{background:var(--gray-90, #5e6066)}.resize-handles{pointer-events:none}.resize-handle{position:absolute;background:var(--field-border-color);border-radius:1px}.handle-e{width:4px;height:16px;right:0px;top:50%;transform:translateY(-50%)}.handle-s{width:16px;height:4px;bottom:0px;left:50%;transform:translateX(-50%)}.handle-se{width:6px;height:6px;right:0px;bottom:0px}`;
 
 const fieldTypeKeyMap$2 = {
     'signature': 'toolbox.signature',
@@ -32374,6 +32757,7 @@ const LsEditorField = class {
     assignee;
     dataItem;
     selected = false;
+    multiSelected = false;
     readonly;
     type;
     page;
@@ -32490,15 +32874,6 @@ const LsEditorField = class {
         if (_newValue) {
             this.component.style.background = this.hexToRgba(defaultRolePalette[this.dataItem?.signer % 100].s20, 0.5);
             this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';
-            // Open date picker when field is selected
-            if (this.isDateField() && !this.readonly) {
-                requestAnimationFrame(() => {
-                    const editbox = this.component.shadowRoot.getElementById('editing-input');
-                    if (editbox) {
-                        editbox.showPicker();
-                    }
-                });
-            }
         }
         else {
             this.component.style.background = 'rgba(255,255,255,0.5)';
@@ -32604,21 +32979,21 @@ const LsEditorField = class {
     }
     render() {
         const hostStyle = this.floatingActive
-            ? { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}`, boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)' }
-            : { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}` };
+            ? { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}`, boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)', '--field-border-color': defaultRolePalette[this.dataItem?.signer % 100].s60 }
+            : { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}`, '--field-border-color': defaultRolePalette[this.dataItem?.signer % 100].s60 };
         const zoomValue = parseFloat(this.zoom) || 1;
         const topOffest = (this.dataItem.height ?? 1) + 4;
-        return (h(Host, { key: '7d64b0bbcc7702c98f71078b923d1fc167b63dfc', id: this.dataItem ? 'ls-field-' + this.dataItem.id : undefined, style: hostStyle, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: '1d369978162bf351edab8961bab284fb7df184f5', class: {
+        return (h(Host, { key: '0d29b860690c43f5b351baa639a2a8ec00c6bdfd', id: this.dataItem ? 'ls-field-' + this.dataItem.id : undefined, style: hostStyle, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'ea39e9ccf339350e6b9c06d02c1efc8a45711bb8', class: {
                 'ls-editor-field': true,
                 'is-selected': this.selected,
-            } }, !this.dataItem?.optional && (h("ls-icon", { key: '8b7d64c9bfe4bf8644daa69c1debbf32c44ba31e', name: "required-icon", size: Math.round(12 * zoomValue), class: "ls-dv-required-icon", customStyle: {
+            } }, !this.dataItem?.optional && (h("ls-icon", { key: '1341c6ccd3dade934f816b47bd83a97e7ec47e78', name: "required-icon", size: Math.round(12 * zoomValue), class: "ls-dv-required-icon", customStyle: {
                 position: 'absolute',
                 top: '50%',
-                right: `${0.125 * zoomValue}rem`,
+                right: `${0.25 * zoomValue}rem`,
                 transform: 'translateY(-50%)',
                 lineHeight: '1',
                 fontSize: `${0.75 * zoomValue}rem`,
-            } })), h("input", { key: '520566931f5979752a6aa2aada1c190dc912dc87', id: "editing-input", class: this.isDateField()
+            } })), h("input", { key: '5a7904d75ea7482446999e0a223ec2473e957d1f', id: "editing-input", class: this.isDateField()
                 ? 'ls-dv-date-field-input'
                 : (this.isEditing ? 'ls-dv-editor-field-editable' : 'ls-dv-hidden-field'), type: this.isDateField() ? 'date' : 'text', style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` }, value: this.isDateField() ? this.toISODate(this.dataItem?.value) : this.dataItem?.value, checked: this.dataItem?.value ? true : false, onInput: e => {
                 const val = e.target.value;
@@ -32628,7 +33003,7 @@ const LsEditorField = class {
                     const val = e.target.value;
                     this.alter({ value: this.formatDateFromISO(val) });
                 }
-            } }), h("div", { key: '762899aa1e2cb23d97de30341319622435a4ad00', id: "field-info", class: this.isEditing ? 'ls-dv-hidden-field' : 'ls-dv-editor-field-draggable', style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` } }, (this.dataItem.value.length && this.dataItem.value) || dvI18n.t(this.getFieldTypeKey())), (this.floatingActive || this.selected) && this.dataItem?.label && (h("div", { key: 'f1a513a1126580c164bf5a41acb454fe73f54c12', style: {
+            } }), h("div", { key: '7b0db9fcb1900bef477f508c3c470e02c68e01b1', id: "field-info", class: this.isEditing ? 'ls-dv-hidden-field' : 'ls-dv-editor-field-draggable', style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` } }, (this.dataItem.value.length && this.dataItem.value) || dvI18n.t(this.getFieldTypeKey())), (this.floatingActive || this.selected) && this.dataItem?.label && (h("div", { key: '8a32f89365f275dc2766cdef91f4dd23b23f8ea3', style: {
                 position: 'absolute',
                 background: `${defaultRolePalette[this.dataItem?.signer % 100].s20}`,
                 color: `${defaultRolePalette[this.dataItem?.signer % 100].s80}`,
@@ -32639,7 +33014,7 @@ const LsEditorField = class {
                 left: `-${2 * zoomValue}px`,
                 whiteSpace: 'nowrap',
                 width: 'fit-content',
-            } }, this.dataItem?.label)), (this.floatingActive || this.selected) && (h("p", { key: '4bd4b53f0c7f9e7dbb18a965cfccb44058293e21', style: {
+            } }, this.dataItem?.label)), (this.floatingActive || this.selected) && (h("p", { key: '31f8836c0abe739966844c0c0616f18424d5f623', style: {
                 position: 'absolute',
                 color: 'var(--gray-80, #3a3a3a)',
                 bottom: `-${1.75 * zoomValue}rem`,
@@ -32648,7 +33023,7 @@ const LsEditorField = class {
                 whiteSpace: 'nowrap',
                 width: 'fit-content',
                 fontFamily: 'sans-serif',
-            } }, dvI18n.t('fieldproperties.assignedto'), " ", this.assignee)), this.floatingActive && (h("button", { key: '878836f081c90b5253d84ef3260726cab37e5f89', class: 'ls-dv-x-button', style: {
+            } }, dvI18n.t('fieldproperties.assignedto'), " ", this.assignee)), this.selected && !this.multiSelected && (h("div", { key: 'a7408580bbe6576f162a6814e037b568b9d6b83c', class: "resize-handles" }, h("div", { key: '0d94c033756b3d4dc151397fd72cb307714f53ff', class: "resize-handle handle-e" }), h("div", { key: '2078154553e30ae4a38d9fdfe1429f6f24ebd3b7', class: "resize-handle handle-s" }), h("div", { key: 'aca42ba15940ffd225e5ac624ac11b3d0fbcc9ed', class: "resize-handle handle-se" }))), this.floatingActive && !this.readonly && (h("button", { key: '5093c2879acfc19b2c6c400e8ad4a716a6d43716', class: 'ls-dv-x-button', style: {
                 display: 'flex',
                 justifyContent: 'center',
                 alignItems: 'center',
@@ -32656,7 +33031,7 @@ const LsEditorField = class {
                 height: `${0.875 * zoomValue}rem`,
                 lineHeight: `${0.75 * zoomValue}rem`,
                 fontSize: `${0.75 * zoomValue}rem`,
-            }, onClick: () => this.deleteField() }, h("ls-icon", { key: '94a37fda9401b17514a02b707f9c27f5e2d1181d', name: "x-icon", size: Math.round(12 * zoomValue) }))))));
+            }, onClick: () => this.deleteField() }, h("ls-icon", { key: 'e16451ebde40a9535f7ea12134f1e5a0cc7a0da9', name: "x-icon", size: Math.round(12 * zoomValue) }))))));
     }
     static get watchers() { return {
         "selected": ["watchSelectedHandler"]
@@ -32693,7 +33068,7 @@ const LsEditorTable = class {
         });
     }
     render() {
-        return (h(Host, { key: 'fd833328c59e52038ec822377048965c2319e2f8' }, h("table", { key: '1236941547e73a380313f6ab882b867f18a93d16', id: "ls-editor-table" }), h("slot", { key: '7e1a9cd5fa8fd6d76379ac04e31a06df6c447525' })));
+        return (h(Host, { key: '465bf3765c06cf044bacd292a712c06290ac3770' }, h("table", { key: '906c3270a0758c8eb589d4d4dab85bdfedbfdded', id: "ls-editor-table" }), h("slot", { key: 'c1b68a6e6ab42c27a81b7557600d09fc057a2338' })));
     }
 };
 LsEditorTable.style = lsEditorTableCss();
@@ -32721,22 +33096,22 @@ const LsFeatureColoumn = class {
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: 'a7e981b013d605a9226fc5cd12bf3609d146d63b' }, h("div", { key: '69def4aef5cc630a9f7d93be08769cb8382eabb8', class: this.mode !== "editor" ? 'ls-dv-hidden' : this.manager === 'document' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
+        return (h(Host, { key: '9d04bb0991d2b703f9d3aae1bbeaba1e4435244f' }, h("div", { key: '87c0a840f6ee79737187d49cdab70c1628392551', class: this.mode !== "editor" ? 'ls-dv-hidden' : this.manager === 'document' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('document');
                 this.manager = 'document';
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.templatedetails')}</strong><br/>${dvI18n.t('featurecolumn.templatedetailstooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: '3e39090f465858b01e24ba9afc9f95b8dc3387c2', name: "document-icon", size: 24 })), h("div", { key: 'a63ae8b9a96a0bb72b9949d1b74f2e587c381ea4', class: this.manager === 'toolbox' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.templatedetails')}</strong><br/>${dvI18n.t('featurecolumn.templatedetailstooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: '2c394fa1d93840f9aa389df613795cb12cd46a12', name: "document-icon", size: 24 })), h("div", { key: '3159f85bb836b1cc99c2f22057b78cbf1feef509', class: this.manager === 'toolbox' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('toolbox');
                 this.manager = 'toolbox';
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.fieldtypes')}</strong><br/>${dvI18n.t('featurecolumn.fieldtypestooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: 'ccc77c26ae66e2f60a31bdd3c4d10ebe23deb5b3', name: "typing-input-icon", size: 24 })), h("div", { key: 'c4ea7725f86dadc1b5bf77be2a12d6de3962d96b', class: this.mode !== "editor" ? 'ls-dv-hidden' : this.manager === 'participant' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.fieldtypes')}</strong><br/>${dvI18n.t('featurecolumn.fieldtypestooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: '67b8eede3eaf341ea1d13e4968b1ec959cdf4431', name: "typing-input-icon", size: 24 })), h("div", { key: 'af82b8e8d330de072f3e43924c780bc022956823', class: this.mode !== "editor" ? 'ls-dv-hidden' : this.manager === 'participant' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('participant');
                 this.manager = 'participant';
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.participants')}</strong><br/>${dvI18n.t('featurecolumn.participantstooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: '803ad745b5c798076a72df4b9fd9765d71e3a268', name: "user-group-icon", size: 24 })), h("div", { key: '69287b5b6ead94db78ea6657f7afac1fec1f5fd8', class: this.mode !== "compose" ? 'ls-dv-hidden' : this.manager === 'recipient' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.participants')}</strong><br/>${dvI18n.t('featurecolumn.participantstooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: '21432806a27193222886b07220fa579780e5239c', name: "user-group-icon", size: 24 })), h("div", { key: 'bb0c623d9cfe2e1579c434e1bd5220fe62e101c3', class: this.mode !== "compose" ? 'ls-dv-hidden' : this.manager === 'recipient' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('recipient');
                 this.manager = 'recipient';
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.recipients')}</strong><br/>${dvI18n.t('featurecolumn.recipientstooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: 'fa6daa47874a7d845743241a12863656349e633c', name: "user-group-icon", size: 24 })), h("div", { key: '39851d7f12531a2de660cbbf9dc3bc728b0c0a4c', class: this.mode !== "preview" ? 'ls-dv-hidden' : this.manager === 'validation' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.recipients')}</strong><br/>${dvI18n.t('featurecolumn.recipientstooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: 'f595f2426bc6392c7f18157ea6fddfa97e87a477', name: "user-group-icon", size: 24 })), h("div", { key: '5a28cf31a458908f221b3c1120793a36fa843a88', class: this.mode !== "preview" ? 'ls-dv-hidden' : this.manager === 'validation' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('validation');
                 this.manager = 'validation';
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.validation')}</strong><br/>${dvI18n.t('featurecolumn.validationtooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: 'f68de6984e2726ce3ee3dca876d09949fe2a2b32', name: "adjustments-icon", size: 24 })), h("slot", { key: '85c63e2273754a75c473bf957ca9b0ed1527f927' }), h("ls-tooltip", { key: 'bff0baef76221b5a8e82c2dc97ec77be9f4417a2', tooltipId: "ls-dv-tooltip" })));
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.validation')}</strong><br/>${dvI18n.t('featurecolumn.validationtooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: 'bc9036e2e27513a9f89b597997ba906096648744', name: "adjustments-icon", size: 24 })), h("slot", { key: 'ba34f0ac0354779dcf958097faa29b0e3278eda6' }), h("ls-tooltip", { key: '6238d20870825e456b4253135640942b079b8ea4', tooltipId: "ls-dv-tooltip" })));
     }
 };
 LsFeatureColoumn.style = lsFeatureColumnCss();
@@ -32859,9 +33234,9 @@ const LsFieldAlignment = class {
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: 'e5996ef81d07b88a0da3367b67ddf439553a35ab' }, h("div", { key: '381f0c2133e74c779c18d22e4c3e4af6c9bd9aca', class: 'ls-dv-field-properties-section' }, h("div", { key: 'b9878fcf9f619e37bf7ff512f62cb4b54b921dcb', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '2f6a2f2858afd95852f6ab5f5773a1d658a3ea96', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.alignment')), h("p", { key: '6e836f409055be007f1f4b4d155dcf2ec779d601', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.alignmentdescription'))), h("div", { key: '3c60e6c0dfacb6740d47a1c717f1e7e1bdf120e4', class: 'ls-dv-multi-button-group-row' }, h("div", { key: '45b1990c24405ce67264a95b642c59ad838fa2f2', class: 'ls-dv-button-group' }, h("button", { key: '9e7c160677efd922700865416ed2dcb394984b45', onClick: () => this.left(), "aria-label": dvI18n.t('alignment.alignleft'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignleft') }, h("ls-icon", { key: '929b9c3a4c956ed1e35db3299195571140335064', name: "field-alignment-left-icon" })), h("button", { key: '5b8ec1346fee89f0159be43a3d93ba5d273181c5', onClick: () => this.center(), "aria-label": dvI18n.t('alignment.aligncenter'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligncenter') }, h("ls-icon", { key: 'c6054913cfb4d771b3aa51a342ea81fcbc7a39a7', name: "field-alignment-centre-icon" })), h("button", { key: '32d8ef2fc988f9fc327b699431cfc661ffb9fb88', onClick: () => {
+        return (h(Host, { key: '66383550a731a5c0fdf58c8d6c247034552d0625' }, h("div", { key: '33ffe3106c3111626ecc33d0ffa5bb673be1440b', class: 'ls-dv-field-properties-section' }, h("div", { key: '2daa5e2c4428b4ef9bec6b074c1f593727c5f04a', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '50e76c8701fd17c223be884596f31e6c7fc9e5e0', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.alignment')), h("p", { key: '911ec1d7a0ca56df9525c1547eee226546a51240', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.alignmentdescription'))), h("div", { key: 'c9f13bffe0a8a2801155a8a612516e43d1215628', class: 'ls-dv-multi-button-group-row' }, h("div", { key: '34b64b309d2afc5e8de33f99ba20f0211397c997', class: 'ls-dv-button-group' }, h("button", { key: 'c904aaf54443f91a59a1e229c93f9e431278886b', onClick: () => this.left(), "aria-label": dvI18n.t('alignment.alignleft'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignleft') }, h("ls-icon", { key: 'c45679a7ec88a06e3f7be427bd7a63ed66eb7ee3', name: "field-alignment-left-icon" })), h("button", { key: 'c991c76feb073d27dcafb5fbb1b1f9807ba2fe50', onClick: () => this.center(), "aria-label": dvI18n.t('alignment.aligncenter'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligncenter') }, h("ls-icon", { key: '5577e53c1c7eccc22185b4c19b82e59f8f369f0c', name: "field-alignment-centre-icon" })), h("button", { key: '6ecfdd6d642f6e76f79756a4c82ccf621842f102', onClick: () => {
                 this.right();
-            }, "aria-label": dvI18n.t('alignment.alignright'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignright') }, h("ls-icon", { key: 'dd8bcbc611929770d802dec71dd17e69f5246630', name: "field-alignment-right-icon" }))), h("div", { key: '34dd993f274904b36249aee6295017a50e5c4b7e', class: 'ls-dv-button-group' }, h("button", { key: '12e1521a1530a0cadd5c5143f5bbc1a2c374c224', onClick: () => this.top(), "aria-label": dvI18n.t('alignment.aligntop'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligntop') }, h("ls-icon", { key: '3bfccefe8214c9f1d1499b6d7369929aaf6ba83d', name: "field-alignment-top-icon" })), h("button", { key: 'da9a3bf665c14e1add0aaecdefa6365d8469a2ea', onClick: () => this.middle(), "aria-label": dvI18n.t('alignment.alignmiddle'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignmiddle') }, h("ls-icon", { key: 'c3ee9044bd263c13ff7faed49ac0bd679c969a4a', name: "field-alignment-middle-icon" })), h("button", { key: '018f3ef34c31478e1567fa0d83c152c83acacde8', onClick: () => this.bottom(), "aria-label": dvI18n.t('alignment.alignbottom'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignbottom') }, h("ls-icon", { key: 'ed76758ebee4c172e51b83b8d7192c5b7ffca523', name: "field-alignment-bottom-icon" }))))), h("slot", { key: '6c006e30dde126d86c625a2ae99e555fe4d4fcb4' }), h("ls-tooltip", { key: '644ffd5db4d30e43d4ff78d44f1ae400e729cb53', tooltipId: "ls-dv-tooltip" })));
+            }, "aria-label": dvI18n.t('alignment.alignright'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignright') }, h("ls-icon", { key: '0f9af3b4d7e490e6e6642c04422e052384998bc9', name: "field-alignment-right-icon" }))), h("div", { key: '6d9df4c4bd865cd54ea6f20611613825398768be', class: 'ls-dv-button-group' }, h("button", { key: '159a34755632cd97ece611aa7a26c3c62e75be0f', onClick: () => this.top(), "aria-label": dvI18n.t('alignment.aligntop'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligntop') }, h("ls-icon", { key: '794d7a7459fde95dd4b103209e302eb4882b94eb', name: "field-alignment-top-icon" })), h("button", { key: '986c74c6bd7efb0b23c7c6c84ec0b45f660fc88d', onClick: () => this.middle(), "aria-label": dvI18n.t('alignment.alignmiddle'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignmiddle') }, h("ls-icon", { key: '6441550c1f6ddbfe9c73e1f34414c0755d43b276', name: "field-alignment-middle-icon" })), h("button", { key: 'f782d4f400c8bd7fae42539c17ca1b4b3b6ce969', onClick: () => this.bottom(), "aria-label": dvI18n.t('alignment.alignbottom'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignbottom') }, h("ls-icon", { key: 'a2f28a957f2eca5a2aa52ed4eb7efedbc0cadc0e', name: "field-alignment-bottom-icon" }))))), h("slot", { key: '1aea5648036c82700a075bec8b3fb3a2b9f84f3a' }), h("ls-tooltip", { key: '776ce5aac062faad36c1200b829cb459d2be9be4', tooltipId: "ls-dv-tooltip" })));
     }
 };
 LsFieldAlignment.style = lsFieldAlignmentCss();
@@ -33043,13 +33418,13 @@ const LsFieldContent = class {
         this.alter({ validation: newValidation, value: newValue });
     }
     render() {
-        return (h(Host, { key: '7e037ae04f67d6c96f34a7092f000889fb99b66a' }, h("ls-props-section", { key: '82fd9118dc9e0ff5c27b56e0b88b07063636a1a5', sectionTitle: dvI18n.t('fieldproperties.fieldtype'), sectionDescription: dvI18n.t('fieldproperties.fieldtypedescription') }, h("ls-field-type-display", { key: '14d7d26a08c850ecf4a139c8cb690fa0c871f8fd', fieldType: this.dataItem?.formElementType, assignee: this.dataItem?.signer })), h("ls-props-section", { key: '02bdf158ccdd561f3defa9b846afa3c9ec0cdb40', sectionTitle: dvI18n.t('fieldproperties.requiredfield'), row: true }, h("ls-toggle", { key: 'c6a4f71032b9b1b2e8d81a1e6a2935d38a66e2de', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: ev => this.alter({ optional: !ev.detail }) })), h("ls-props-section", { key: 'f608bedd266e644d9c8efe5acd0d8f09173b120b', sectionTitle: dvI18n.t('fieldproperties.fieldlabel'), sectionDescription: dvI18n.t('fieldproperties.fieldlabeldescription') }, h("input", { key: '28fc29934b5480dabdf3d74317a42cd011089f6f', value: this.dataItem?.label, placeholder: getFieldTitleSuggestion(this.dataItem?.formElementType), onInput: e => this.alter({ label: e.target.value }) })), this.supportsValue() && (h("ls-props-section", { key: 'bb3e0c6912b4b77b4ec8b12379dd8f064c77da12', sectionTitle: dvI18n.t('fieldproperties.value'), sectionDescription: dvI18n.t('fieldproperties.valuedescription') }, this.isDateField() ? (h("div", { class: "ls-dv-date-input-wrapper" }, h("input", { class: "ls-dv-date-display", type: "text", value: this.dataItem?.value, placeholder: this.getDateFormat(), readOnly: true, onClick: () => {
+        return (h(Host, { key: '20b43bff48a28591f35caba3817d7bf43441c5dd' }, h("ls-props-section", { key: '329be94caac8e36ba24d5d57db6e7111e56768b9', sectionTitle: dvI18n.t('fieldproperties.fieldtype'), sectionDescription: dvI18n.t('fieldproperties.fieldtypedescription') }, h("ls-field-type-display", { key: '61ba978e6d0d6e0e4623d86cee2f5c294c2b6783', fieldType: this.dataItem?.formElementType, assignee: this.dataItem?.signer })), h("ls-props-section", { key: '0e6acecfdd5e59973fa54f6b8f850cbbe8da30fa', sectionTitle: dvI18n.t('fieldproperties.requiredfield'), row: true }, h("ls-toggle", { key: 'e0335898a3c98c7dd34cf4e3fe8c3ee6e718ac18', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: ev => this.alter({ optional: !ev.detail }) })), h("ls-props-section", { key: '5c5ce0a00cf9414b38e0422f777e2890cbcc3140', sectionTitle: dvI18n.t('fieldproperties.fieldlabel'), sectionDescription: dvI18n.t('fieldproperties.fieldlabeldescription') }, h("input", { key: '80db08297f3429699f1eb080b1ee333245e91dd2', value: this.dataItem?.label, placeholder: getFieldTitleSuggestion(this.dataItem?.formElementType), onInput: e => this.alter({ label: e.target.value }) })), this.supportsValue() && (h("ls-props-section", { key: 'd09e11dc0097b8f042fcc02ade6000e76a101cb6', sectionTitle: dvI18n.t('fieldproperties.value'), sectionDescription: dvI18n.t('fieldproperties.valuedescription') }, this.isDateField() ? (h("div", { class: "ls-dv-date-input-wrapper" }, h("input", { class: "ls-dv-date-display", type: "text", value: this.dataItem?.value, placeholder: this.getDateFormat(), readOnly: true, onClick: () => {
                 const picker = this.component.shadowRoot.getElementById('ls-date-picker');
                 if (picker)
                     picker.showPicker();
-            } }), this.dataItem?.value && (h("div", { class: "ls-dv-date-clear", onClick: () => this.alter({ value: '' }) }, h("ls-icon", { name: "x-icon", size: 20 }))), h("input", { id: "ls-date-picker", class: "ls-dv-date-picker-hidden", type: "date", value: this.toISODate(this.dataItem?.value), onInput: e => this.alter({ value: this.formatDateFromISO(e.target.value) }) }))) : (h("input", { value: this.dataItem?.value, placeholder: getFieldPlaceholder(this.dataItem?.formElementType), onInput: e => this.alter({ value: e.target.value }) })))), this.dataItem.validation === 20 && (h("ls-props-section", { key: 'c8f5abcd9d05615e5b008b66ec975b8b4b69066e', sectionTitle: dvI18n.t('fieldproperties.options'), sectionDescription: dvI18n.t('fieldproperties.optionsdescription') }, h("textarea", { key: '3c22633bcac4d81f2f5760cd42f7be54fcf388ed', value: this.dataItem?.options, placeholder: "Option 1\nOption 2\nOption 3", onInput: e => this.alter({ options: e.target.value }) }))), this.showValidationTypes && (h("ls-props-section", { key: '616c7e1f9e016b331feacdb7b3edbff857c64177', sectionTitle: dvI18n.t('fieldproperties.contentformat'), sectionDescription: dvI18n.t('fieldproperties.contentformatdescription') }, h("ls-input-wrapper", { key: '4e39f3bfa6bd43d864d145ab9e92c504f722b314', select: true }, h("select", { key: 'bf3dcf728121b67e82618fd0f991ac50ba42135c', onChange: ev => this.handleFormatChange(parseInt(ev.target.value)) }, validationTypes
+            } }), this.dataItem?.value && (h("div", { class: "ls-dv-date-clear", onClick: () => this.alter({ value: '' }) }, h("ls-icon", { name: "x-icon", size: 20 }))), h("input", { id: "ls-date-picker", class: "ls-dv-date-picker-hidden", type: "date", value: this.toISODate(this.dataItem?.value), onInput: e => this.alter({ value: this.formatDateFromISO(e.target.value) }) }))) : (h("input", { value: this.dataItem?.value, placeholder: getFieldPlaceholder(this.dataItem?.formElementType), onInput: e => this.alter({ value: e.target.value }) })))), this.dataItem.validation === 20 && (h("ls-props-section", { key: 'e5c71319004c524773659a2232416e272c9eb9c9', sectionTitle: dvI18n.t('fieldproperties.options'), sectionDescription: dvI18n.t('fieldproperties.optionsdescription') }, h("textarea", { key: '6ed0f4be72655401af433cd22a18ad48aff26504', value: this.dataItem?.options, placeholder: "Option 1\nOption 2\nOption 3", onInput: e => this.alter({ options: e.target.value }) }))), this.showValidationTypes && (h("ls-props-section", { key: '328c17a0ae5df04e7525deabbb8eaf4a7986eeef', sectionTitle: dvI18n.t('fieldproperties.contentformat'), sectionDescription: dvI18n.t('fieldproperties.contentformatdescription') }, h("ls-input-wrapper", { key: 'c7e3e841c7678a9f56a4099444074b7ca2146c8e', select: true }, h("select", { key: 'e677b0411c4309b36016bf66d6dabed9248fcb05', onChange: ev => this.handleFormatChange(parseInt(ev.target.value)) }, validationTypes
             .filter(type => type.formType === this.dataItem?.formElementType)
-            .map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), h("slot", { key: 'a3fcfa566139735212adc39c80bc7fa86e84c9cb' })));
+            .map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), h("slot", { key: '34d14a779b9f62272e27d94262fa04a50e444e68' })));
     }
 };
 LsFieldContent.style = lsFieldContentCss();
@@ -33099,7 +33474,7 @@ const LsFieldDimensions = class {
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: '5a68fca24f8ba97432464688a4787ee2ccd61dee' }, this.isMultiple(this.dataItem) && (h("div", { key: '75939c5974efd263f5c9609985e1367d2034d214', class: 'ls-dv-field-properties-section' }, h("div", { key: 'a6dfdf54e78957e8fd0d6bece37509a9bda17931', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '7b228de5827ac2874228012472159c951751b5cb', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.heightandwidth')), h("p", { key: 'ca93eb7e86dfd2be9b7ebcc377bd904fa5e72bd9', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.heightandwidthdescription'))), h("div", { key: '7b721441a66d133b1c7b71461d41873cfc598628', class: 'ls-dv-input-row' }, h("div", { key: '4fe825b30385d83e18ca9ede1a19b4984c86039b', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setwidthtooltip') }, h("ls-icon", { key: '21e7a114aae93c96ba8215c14faa9a6bade0647c', id: "selectLeadingIcon", name: "field-match-width-icon" }), h("input", { key: 'fdc4fb2ccd1c7877fa332bd7e9d9106113adbd59', class: 'ls-dv-has-leading-icon', aria: "field-width", id: "field-width", onChange: e => this.alter({ width: e.target.value }) })), h("div", { key: '48f0404db8f52a7c442488c4d96140aae64c985d', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setheighttooltip') }, h("ls-icon", { key: 'a51e68de1fbb6cb55c0403387b1b4edc86286970', id: "selectLeadingIcon", name: "field-match-height-icon" }), h("input", { key: 'bb1d074da75de9683aa05ddf8df80c0e02c865ff', class: 'ls-dv-has-leading-icon', aria: "field-height", id: "field-height", onChange: e => this.alter({ height: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: '98b034e58fb98ce6432cfffd594b8adc30654642', class: 'ls-dv-field-set' }, h("div", { key: 'a239c132e86e80fc5d0949fad2d7286b70d0ec8a', class: 'ls-dv-field-properties-section' }, h("div", { key: '9630568ae20e38d802cba3a58fd2b448675da20e', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '8538d1d5bfd2c55bf806b52aae00f7d22ecfd8f3', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.heightandwidth')), h("p", { key: '0bb0da4b4d0edd8187c7bd69d7144e0f58ccd030', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.heightandwidthdescription'))), h("div", { key: 'f712d39ccc8121ad21f97b1fd9bcd1c7ae157a0d', class: 'ls-dv-input-row' }, h("div", { key: '36138daa0e692ce35600b5917d017e17ddef3f06', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setwidthtooltip') }, h("ls-icon", { key: 'b5da16fe2569ef0d00e1d5a39735236efe18bd8d', id: "selectLeadingIcon", name: "field-match-width-icon" }), h("input", { key: '6b42feae172daa69a48b6c615fd923976074fc72', type: "number", class: 'ls-dv-has-leading-icon', aria: "field-width", id: "field-width", min: 5, max: this.dataItem.pageDimensions.width - this.dataItem.width, value: this.dataItem?.width, onChange: e => {
+        return (h(Host, { key: '283e87c0502d9ba664040b181efad513dc8100ce' }, this.isMultiple(this.dataItem) && (h("div", { key: '31b8106ad0ee000a1fc7cf6ad59a64bd24686ebe', class: 'ls-dv-field-properties-section' }, h("div", { key: '48691a4ec410dcbd69fede572738163535b2acca', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'eff66b6869bddc4ab60055d617441f475dc75f38', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.heightandwidth')), h("p", { key: 'd53b82c1195157a81cdf45a8c5d8164f3a3f58b7', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.heightandwidthdescription'))), h("div", { key: '5a7f97cc667ada0ad656e31769021179f45c03b1', class: 'ls-dv-input-row' }, h("div", { key: 'f821ebd228075974f861a437cb1c9f89e1858e6f', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setwidthtooltip') }, h("ls-icon", { key: '326b2355f4538aa2f162c10e386d4f4e96ec72d7', id: "selectLeadingIcon", name: "field-match-width-icon" }), h("input", { key: 'f874580527d93ca7724a82ed1605f5c159d97c48', class: 'ls-dv-has-leading-icon', aria: "field-width", id: "field-width", onChange: e => this.alter({ width: e.target.value }) })), h("div", { key: '17afa085f8604e31ba96c36c512762678af40956', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setheighttooltip') }, h("ls-icon", { key: '34612e51dafd3563b0d8b3ed9d238e9616e6d484', id: "selectLeadingIcon", name: "field-match-height-icon" }), h("input", { key: '9d38bbb0c1e09729239239021f6ce91054e6310a', class: 'ls-dv-has-leading-icon', aria: "field-height", id: "field-height", onChange: e => this.alter({ height: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: '8d654d629e4fb1104a87e38d91b0c707865ca851', class: 'ls-dv-field-set' }, h("div", { key: '25ffacd7af6418d951ac2c748763882104cbfbbc', class: 'ls-dv-field-properties-section' }, h("div", { key: '4c8b1318430e90e762726ff310e331e2dac61791', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '0a4ebf26ff3105f3cc7afe84731a33fdbe527910', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.heightandwidth')), h("p", { key: 'bb1d64dd11e2840ae493b9b2cfa84699bb61b352', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.heightandwidthdescription'))), h("div", { key: '2492dc627226e5a139cb878939f7ce8c005bdc34', class: 'ls-dv-input-row' }, h("div", { key: 'cd445c570d936b82e3664bd69e3f88dabdeac8b4', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setwidthtooltip') }, h("ls-icon", { key: '3d906619bcc75384b5a10c04b3a5ebca89d11c1e', id: "selectLeadingIcon", name: "field-match-width-icon" }), h("input", { key: '70475990c321852786c2c5b4cdb5054bd0188426', type: "number", class: 'ls-dv-has-leading-icon', aria: "field-width", id: "field-width", min: 5, max: this.dataItem.pageDimensions.width - this.dataItem.width, value: this.dataItem?.width, onChange: e => {
                 const di = this.getDataItem();
                 const newWidth = parseInt(e.target.value);
                 if (newWidth > di.pageDimensions.width - di.left) {
@@ -33113,7 +33488,7 @@ const LsFieldDimensions = class {
                 else {
                     this.alter({ width: newWidth });
                 }
-            } })), h("div", { key: '62ddb95ea993b9d4914cb5cd96fe52a8467e8410', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setheighttooltip') }, h("ls-icon", { key: '8c42e4399ff729751a44fb02e3d1a06f7e5bba92', id: "selectLeadingIcon", name: "field-match-height-icon" }), h("input", { key: 'c38c994b925c73fb33b8ccf0566941b84a8f9327', type: "number", class: 'ls-dv-has-leading-icon', aria: "field-height", id: "field-height", value: this.dataItem?.height, onChange: e => {
+            } })), h("div", { key: '89c74e310e07a1dbfb81fc67604f8c10899c6811', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setheighttooltip') }, h("ls-icon", { key: '9eb56c7e7491115dc2781fc6084a201d6c814ba5', id: "selectLeadingIcon", name: "field-match-height-icon" }), h("input", { key: 'beb279bef8cbc0a0334dbe29b7411d4698bcf00d', type: "number", class: 'ls-dv-has-leading-icon', aria: "field-height", id: "field-height", value: this.dataItem?.height, onChange: e => {
                 const di = this.getDataItem();
                 const newHeight = parseInt(e.target.value);
                 if (newHeight > di.pageDimensions.height - di.top) {
@@ -33127,7 +33502,7 @@ const LsFieldDimensions = class {
                 else {
                     this.alter({ height: newHeight });
                 }
-            } })))), h("div", { key: 'fa3c29f82b3e8af53f7dbf9d2bf139c120bd8a0f', class: 'ls-dv-field-properties-section' }, h("div", { key: '30be27d3ad8effbac3dd7448d782e555bfe17635', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '6a3852cc27ddf831632938fadf43cd8e5b3f7686', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.scaleandresize')), h("p", { key: '85928a864cb7b6d5531d64a3e6de20262ebeac1e', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.scaleandresizedescription'))), h("div", { key: '5781abccaddff82427a828838a41c5899e8d82c7', class: 'ls-dv-button-group' }, h("button", { key: '170144170e490eb1a1c540c07fc7c03d2d053a72', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultiplescale') }, h("ls-icon", { key: 'f9da7f972e0262b69d7deb53b0b82de4cb44b4b4', name: "field-scale-icon" })), h("button", { key: 'b60cca28461882d18dd1f2f00d14d4c33f23c086', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultiplewidth') }, h("ls-icon", { key: 'be9e93597330a225f8c23c27290534f7903b48e2', name: "field-match-width-icon" })), h("button", { key: '04606f0d02496745260e92c7117a4bd5a8974036', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipleheight') }, h("ls-icon", { key: '03de6d3a25dd533f92f9f8d65ccfcbb2762cd775', name: "field-match-height-icon" })))))), h("ls-tooltip", { key: 'ba7d7ade9c1f2b67a386580097c180885855fe4a', tooltipId: "ls-dv-tooltip" })));
+            } })))), h("div", { key: 'f92df07ff270d579ec86c7b924347750409f6659', class: 'ls-dv-field-properties-section' }, h("div", { key: '580de1b3bd00c5c209334c58c26064175ff61f62', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '8028f1490ff5f6cbcbc46c30899acb905871fb7f', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.scaleandresize')), h("p", { key: '8d720d90459b291bb59a33a1e7f056ef895ceb8b', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.scaleandresizedescription'))), h("div", { key: 'f252e2e28aa2aa4a3cf82c659dae86335c99ebd1', class: 'ls-dv-button-group' }, h("button", { key: 'db388589301291276c36e7031e0f770c17922e63', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultiplescale') }, h("ls-icon", { key: 'ad9ef9f9af7ed649533d299163cbc2f31ec194f3', name: "field-scale-icon" })), h("button", { key: '2118663fb1ff1c61e42b6134ac50731547c9ff9a', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultiplewidth') }, h("ls-icon", { key: '95b5ad4283153cbf5d33efa16f66152ee876f728', name: "field-match-width-icon" })), h("button", { key: '19e967816cf37381e1ad3c537b206f8a7c5563b0', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipleheight') }, h("ls-icon", { key: '46622ed272e834dbf88dadb2af9a139861841252', name: "field-match-height-icon" })))))), h("ls-tooltip", { key: '5c3774880d73223f91417d227358f0a688b8a9e4', tooltipId: "ls-dv-tooltip" })));
     }
 };
 LsFieldDimensions.style = lsFieldDimensionsCss();
@@ -33270,15 +33645,15 @@ const LsFieldDistribute = class {
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: '525f94669a4e8bec578065204afcb492e2b07b24' }, h("div", { key: '2015776e33b5042c77bbe3f1bf10c3bbb40ab773', class: 'ls-dv-field-properties-section' }, h("div", { key: 'b5f32886e70dc739d8a1ae0b80a325426c363060', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'd51c61b51808fae833621e619fc52038fed9df1d', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.distribution')), h("p", { key: '3c13e60348db49de078e666ad6842b5a8f8f1a0c', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.distributiondescription'))), h("div", { key: '68a1b5c7eae513136a9d7ebd281f79b77a435943', class: 'ls-dv-button-group' }, h("button", { key: 'd2a5f1714aa5996185aa87141b4995064518adb7', onClick: () => {
+        return (h(Host, { key: '01f6d96ded943892c29ddb3cd152709d0acb8a41' }, h("div", { key: '4531214ce93eb47527fcfe377788d04015eda282', class: 'ls-dv-field-properties-section' }, h("div", { key: '19cd9102d7bd24ba22b980b866cd6552fae989ba', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '4a859b97e94e4237d85dc7519cb861f10801e3f8', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.distribution')), h("p", { key: '8fe8b7fc7ada7cbbfb57467191a095f9f4831214', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.distributiondescription'))), h("div", { key: '830f37df2b90bdc5f89283541bbe9aaa1c0039fb', class: 'ls-dv-button-group' }, h("button", { key: '7e5f857cb785fd77aa7ffac1068b92e6cc9021e2', onClick: () => {
                 this.distributeVertical();
-            }, "aria-label": dvI18n.t('alignment.distributevertically'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.distributevertically') }, h("ls-icon", { key: 'f2896d86bceddac5d9ad33b1b5c40b485025d136', name: "field-distribute-vertically-icon" })), h("button", { key: '9ce79600052b2a1b46cd5571cefc6a30981e827d', onClick: () => {
+            }, "aria-label": dvI18n.t('alignment.distributevertically'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.distributevertically') }, h("ls-icon", { key: '77b9d390708d9865da130bbf4ae1d80a45df9e66', name: "field-distribute-vertically-icon" })), h("button", { key: '0bc938ac4f7f7b07a6f95aefe291fb489bc22bd2', onClick: () => {
                 this.distributeHorizontal();
-            }, "aria-label": dvI18n.t('alignment.distributehorizontally'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.distributehorizontally') }, h("ls-icon", { key: '99f3c22b1ebd868a29d5778ff39df2f9cd142c71', name: "field-distribute-horizontally-icon" })))), h("div", { key: 'f4b3f30aa5f1b0f8450bb15d134f65ad1127dce0', class: 'ls-dv-field-properties-section' }, h("div", { key: '0aa0a20f8d99353d7da87d0a3db0db033fae516d', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'e837016d6762891bec096affde218016f7b49a19', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.gap')), h("p", { key: 'f9c8ab7d90ee998e49a66c968ebe2caec035dd4c', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.gapdescription'))), h("div", { key: 'fb68bc991dd3391aacd8ffdc80ccba724869d579', class: 'ls-dv-input-row' }, h("div", { key: 'a01e264f35ef61dad7c0a9389b42adacaa101c45', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.setverticalgap') }, h("ls-icon", { key: 'b4d7c1dbef7eb1426c35380fdd79744aa5b7b2fc', id: "selectLeadingIcon", name: "field-distribute-vertically-icon" }), h("input", { key: 'cf0752776caa4363cf12f621032838525772d1d3', type: "number", class: 'ls-dv-has-leading-icon', id: "ls-fix-vertical-space", onChange: e => {
+            }, "aria-label": dvI18n.t('alignment.distributehorizontally'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.distributehorizontally') }, h("ls-icon", { key: '27673bc2e7baf89f6b15e957c46b31ef55d4251c', name: "field-distribute-horizontally-icon" })))), h("div", { key: '18cb50b579c8c9b8a74374af11a88096a5f321ec', class: 'ls-dv-field-properties-section' }, h("div", { key: 'f11ef74f047bd2736ce5b377ebbd19c32faf3672', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '412fed2372e3ff501f5fee7d02101a5c2cc1258a', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.gap')), h("p", { key: 'c1893b487c3d18aeb54c09243c93ab6bbc72d38c', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.gapdescription'))), h("div", { key: 'ae325d1ba7f08014303a366fc8c3bbe54f745897', class: 'ls-dv-input-row' }, h("div", { key: 'c28f8c175007c08e7f97c7e35cad74c35d2bd030', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.setverticalgap') }, h("ls-icon", { key: 'ffc7e80802c1b6492b7a5f6af98d494b8fa4fe48', id: "selectLeadingIcon", name: "field-distribute-vertically-icon" }), h("input", { key: '3db6d88ba85133bd2c201fd79a759ff01e1f2e7e', type: "number", class: 'ls-dv-has-leading-icon', id: "ls-fix-vertical-space", onChange: e => {
                 this.gapVertical(parseInt(e.target.value));
-            }, min: 0, max: 9999, value: '', size: 4 })), h("div", { key: '01f7d983b206c08c2ea6f6d309026183e9acc14c', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.sethorizontalgap') }, h("ls-icon", { key: '2687730a4d1a93008f544dd67cbcf1eeb779a1b4', id: "selectLeadingIcon", name: "field-distribute-horizontally-icon" }), h("input", { key: 'eb0e383f10139e3a61a11d11779619bc6b0f3151', type: "number", class: 'ls-dv-has-leading-icon', id: "ls-fix-horizontal-space", onChange: e => {
+            }, min: 0, max: 9999, value: '', size: 4 })), h("div", { key: '6cba1c88553fe6e02bb667eddf9837d1cb4806e7', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.sethorizontalgap') }, h("ls-icon", { key: '815738561c5cee9c40860d972f1f8f91b2d1d736', id: "selectLeadingIcon", name: "field-distribute-horizontally-icon" }), h("input", { key: '101c0bf2bfd69ebd98da777b44927e14f2945045', type: "number", class: 'ls-dv-has-leading-icon', id: "ls-fix-horizontal-space", onChange: e => {
                 this.gapHorizontal(parseInt(e.target.value));
-            }, min: 0, max: 9999, value: '', size: 4 })))), h("ls-tooltip", { key: '4742d373587b7a87c04bdebcf85cf6994ca913da', tooltipId: "ls-dv-tooltip" }), h("slot", { key: '02b3d216a56c86ab988e4395f02cb025a135a5f9' })));
+            }, min: 0, max: 9999, value: '', size: 4 })))), h("ls-tooltip", { key: '8c7da9b8b16f4eb2d8f9ede0a29dda3646d9321d', tooltipId: "ls-dv-tooltip" }), h("slot", { key: '356d2b38a3fceedb514f737b82c844af7509f3d4' })));
     }
 };
 LsFieldDistribute.style = lsFieldDistributeCss();
@@ -33328,7 +33703,7 @@ const LsFieldFooter = class {
         });
     };
     render() {
-        return (h(Host, { key: '01014fb0513d21f034f79a3e0a80d10721459592' }, h("div", { key: 'f624389308a64f9e25d2d7b5ecf1f4b5728b5697', class: 'ls-dv-button-footer' }, h("button", { key: 'fad6913c8dfaa431fba1cb3520fc0df25275828a', class: 'ls-dv-secondary ls-dv-full-rounded', onClick: () => this.duplicateField() }, h("ls-icon", { key: '97b73bb3000586d01d4e7f6dd2c357282baa52bc', name: "field-duplicate-icon", size: 20 }), dvI18n.t('common.duplicate')), h("button", { key: 'a56d2a11bf2ef3ffb9388ff652db2455d4ea01a5', class: 'ls-dv-destructive ls-dv-full-rounded', onClick: () => this.deleteField() }, h("ls-icon", { key: '1e21dc85eac47282f9aa97920163ae3ddb97d3d5', name: "trash-icon", size: 20 }), dvI18n.t('common.delete'))), h("slot", { key: '777722e824d99267002020bbed46c4c8bb202d36' })));
+        return (h(Host, { key: 'd832b2404b55ff76415d0f1e06a524cca39b0458' }, h("div", { key: 'b4909398f888945123b7d774fac7de611e040bfb', class: 'ls-dv-button-footer' }, h("button", { key: '299172979fca79a8de2fbc7eada6bae959c92793', class: 'ls-dv-secondary ls-dv-full-rounded', onClick: () => this.duplicateField() }, h("ls-icon", { key: 'e6c255df73a30d38508f109e8352627148b4db49', name: "field-duplicate-icon", size: 20 }), dvI18n.t('common.duplicate')), h("button", { key: '2d59a4ca5434341f0e2dbf0968019f21e1d57002', class: 'ls-dv-destructive ls-dv-full-rounded', onClick: () => this.deleteField() }, h("ls-icon", { key: '0f80f8568501ec6dd68e61d573a5cd332ee7a729', name: "trash-icon", size: 20 }), dvI18n.t('common.delete'))), h("slot", { key: '7b33862a9ec06565a69ca9e6b4f73b0799ba8fd4' })));
     }
 };
 LsFieldFooter.style = lsFieldFooterCss();
@@ -33382,31 +33757,31 @@ const LsFieldFormat = class {
         return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed' };
     };
     render() {
-        return (h(Host, { key: '6b23fc93d340a8054fb46d803c0ad862128a22b5', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: '10ac53711a8c3d7020afa6834a80a8dcb11660a2', class: 'ls-dv-field-format-bar' }, h("div", { key: 'c29d49c58b71f07a166f8a5d4df47282dbe04557', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: 'b7cf6238ef856a83d61be45f6fe8d3b3123fc2f2', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '23ff73054e519c36b5e1952819561fdbb9d5234a', id: "ls-toolbar-font-select", onChange: input => {
+        return (h(Host, { key: 'a30cfc986e0ffb27427cceb442475cf4555e4413', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: '52fac60e65e1d4cc6fc7b1c880ab18bdc9b15209', class: 'ls-dv-field-format-bar' }, h("div", { key: 'a2a8c49a08a5fb178f1b1e33d04bbeaf7685c6b1', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: '3ca17f5993952362605535e56166ecde5bde0478', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '1b043cc3013f7f6e80dddccd23dc54aae11688d0', id: "ls-toolbar-font-select", onChange: input => {
                 this.alter({ fontName: input.target.value });
-            }, class: 'ls-dv-has-leading-icon' }, h("option", { key: 'edc81ecb32cd23653374a5fb07673a6fcd1c8e10', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: '0a1cd00578f7ab5a96ccc3721ca2aeae9771a808', value: "arial" }, "Arial"), h("option", { key: 'dd9f74095bf72ae78482bf8a305ed6a162ab9fe9', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '2cab344aa9a74af5a32753d3946b900584470607', value: "courier" }, "Courier"), h("option", { key: '48c9a29804245beb2b469142b59ebf986a34cc13', value: "helvetica" }, "Helvetica"), h("option", { key: '5a1af383288abc9ace1854c5378e192ac26efc43', value: "verdana" }, "Verdana")), h("ls-icon", { key: 'fadfd9e9dd064e24595b4f1a14139dc90fe9f483', id: "selectorIcon", name: "selector-icon" })), h("div", { key: 'ddb6a2932520121ef646250ac09cfa3e69d72e39', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '8905ee23f2fd530fc0209ac2c0fd6b21eaddc111', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: 'b418cc56b2da051b428f16ba5ccacd17a5dacf83', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
+            }, class: 'ls-dv-has-leading-icon' }, h("option", { key: '67cf7d2fe34fc980065c73ea8f31fa53737bce82', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: '6874d63750b95da6078128b758060a5a5b7027b0', value: "arial" }, "Arial"), h("option", { key: 'bd6ad75adf8b0b3c627eebead981bb70e6552576', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '701df08cbb9304ba133a5a22859fcf2969ed346b', value: "courier" }, "Courier"), h("option", { key: '2e6543181136d996999414f7417c0975c6f3f241', value: "helvetica" }, "Helvetica"), h("option", { key: '6899f4e88c3e961ecf44825d88f597338c8299a6', value: "verdana" }, "Verdana")), h("ls-icon", { key: '2c23e090ada507f25a8cfd28f008490928fb2d6d', id: "selectorIcon", name: "selector-icon" })), h("div", { key: '7c78dbd2488e7d1d4160023fbf0e7841a098e4b1', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '2950ad5c3a4fae0b8ef561207506fc8a08fa63b6', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: '366854e50d871a9f28e8794dd055e18f628b6a1d', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
                 if (input.target.value === '')
                     return;
                 this.alter({ fontSize: input.target.value });
-            }, class: 'ls-dv-has-leading-icon' })), h("div", { key: '04a35200f07cf18591c8ab8547f73705a52a8257', class: 'ls-dv-button-group' }, h("button", { key: '5d8f5c0944094832d286380851bb021df01ff805', onClick: () => {
+            }, class: 'ls-dv-has-leading-icon' })), h("div", { key: '27ee621bbc68e397ef17f8b47aaa58af14ff35c4', class: 'ls-dv-button-group' }, h("button", { key: '32115e771209bd271e8a84e67be8bc737569235e', onClick: () => {
                 this.alter({ align: 'left' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: 'fc8a467f6dbba2abc94caa708a15901add9b1f33', name: "menu-alt-2-icon" })), h("button", { key: '13cc9502982f0faadb190a7031c728f79e72b199', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: 'edb58e9b830825d44965b49c7afe2a8ac53f0294', name: "menu-alt-2-icon" })), h("button", { key: '5f915c921b9be965707ab89224d070246f9883a8', onClick: () => {
                 this.alter({ align: 'center' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: 'd04829812fda158285f5a5fbd2aea62c40ebc9f3', name: "menu-alt-5-icon" })), h("button", { key: '8a686e1b1df08ee37514eba1085725667dff0293', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: '25f88a7a103ae302ea5dd9b93400cda22b388498', name: "menu-alt-5-icon" })), h("button", { key: '62787902f13ec6f870ae1e533416b58f5553ebd7', onClick: () => {
                 this.alter({ align: 'right' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: '217c9ad02f7499f127a76bf118ae817a997e89cc', name: "menu-alt-3-icon" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: '5d605266235bbcb00b0979235a91a66e086db93b', class: 'ls-dv-field-format-bar' }, h("div", { key: '0da3b47516c59592d6b3e837c92521efd4b5c5c7', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: '26edf0fafae6448256518118b2acd3250ce42e99', id: "selectorIcon", name: "selector-icon" }), h("ls-icon", { key: '3d1d424d1d615c5bdac1837638c727a8421a1a15', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '4202bfd331d0dc984b83b540e297c36931a48082', id: "ls-toolbar-font-select", onChange: input => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: '6930b9223a758a6f8b42c466739612ef3d6b67d5', name: "menu-alt-3-icon" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: '93faac03f2360ffdb2b9108ad867a667c1c286ad', class: 'ls-dv-field-format-bar' }, h("div", { key: '64132c9d4eab4ae39e44fe47d8054589d23cd382', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: '294ff2c8f5ec22da2667616f3ca9c976475a95a3', id: "selectorIcon", name: "selector-icon" }), h("ls-icon", { key: 'bc8f8e348c5d80a5e9685e5daa305f160216fb19', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '5107e3ee8eaab44b4e86483bd2350ea63c20e6bc', id: "ls-toolbar-font-select", onChange: input => {
                 this.alter({ fontName: input.target.value });
-            }, class: 'ls-dv-has-leading-icon' }, h("option", { key: '0e59e235bda33e1cfb2fee4331134f47ad3a597f', value: "arial" }, "Arial"), h("option", { key: '5894b9ad447782e2d9b5e95911e0c956418fc3a0', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '2e94fc53e42255fb9c478fa46152a3016b9b0756', value: "courier" }, "Courier"), h("option", { key: 'c9fd646a70afbb1f1935b190cc3d1d7b724e8307', value: "helvetica" }, "Helvetica"), h("option", { key: '8b210d9140b6bcd7bc375e1013c672122e111212', value: "verdana" }, "Verdana"))), h("div", { key: '67d56df75bedbd3831a7359d305c08c6bbf06ae2', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '668ea18cc6c82457f54ae7adc61fbe0c5553509e', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: 'e247ed75673eb9bd2989e64178a46f1f46ed460a', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
+            }, class: 'ls-dv-has-leading-icon' }, h("option", { key: '920297ef5b4aebe491a443ce49d1d5e562af6a45', value: "arial" }, "Arial"), h("option", { key: '88e02f1c303035268adeafaa7d41b4e55c363244', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '60d38b842f30969235e6d17ed4a9394ea1d5f481', value: "courier" }, "Courier"), h("option", { key: '94f13f530eed3b58557cc8f21a29bcd9faf48ddd', value: "helvetica" }, "Helvetica"), h("option", { key: '5ed34e08ce75ad09eae4a13b0f7954777cbd80a2', value: "verdana" }, "Verdana"))), h("div", { key: '3cc803cb4fc197f49c1f013707b51d8dd777fc88', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '17d2bd94b28f40fd3d99958f78599f46b670b0f5', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: 'd3da7becaae40a614e3830d7e0b8fe1ae0862a9e', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
                 if (input.target.value === '')
                     return;
                 this.alter({ fontSize: input.target.value });
-            }, class: 'ls-dv-has-leading-icon' })), h("div", { key: '02da6c033e42a77b914bbbbfb171595ca5c81345', class: 'ls-dv-button-group' }, h("button", { key: '639542f1e98d4993341b83a26186c86cac7a4727', onClick: () => {
+            }, class: 'ls-dv-has-leading-icon' })), h("div", { key: '89671bf2c0be560096f7a4c30f34560835ba474f', class: 'ls-dv-button-group' }, h("button", { key: 'a9031769ea7f8341c2785bf7856616d15eb30242', onClick: () => {
                 this.alter({ align: 'left' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: '7d6d6d250cb615eeb454785f74da70775e9043f3', name: "menu-alt-2-icon" })), h("button", { key: 'afa2fc53bedd0b3b85b102cc113a78515260d554', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: 'a552e176a9b1eefa3d98b499d40a051c6890699a', name: "menu-alt-2-icon" })), h("button", { key: 'cd8fcf405d9e01b6ef05f73969bf5aa745a5cc5f', onClick: () => {
                 this.alter({ align: 'center' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: '568ef51278adbe4aeb5b222456edea73e6857cc5', name: "menu-alt-5-icon" })), h("button", { key: '1493af110aa908defbe80ccaf06f889c55da0457', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: '175863219aa3c0f2e5896b449af6b39d0c16ce35', name: "menu-alt-5-icon" })), h("button", { key: '9ad50c653dc8841f3d365efe6fd3f7990b98cdf5', onClick: () => {
                 this.alter({ align: 'right' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: 'd1b0a7941e026b8da9a36b8b2625226ffb065d88', name: "menu-alt-3-icon" }))))), h("ls-tooltip", { key: '50cd13a98e7cb172bb78b18d03b660bb6e0d838f', tooltipId: "ls-dv-tooltip" })));
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: '5f43493886d11b50785b376286350c3dae6e2553', name: "menu-alt-3-icon" }))))), h("ls-tooltip", { key: '59262818661db8f250aa92a9a2c9b1014964d629', tooltipId: "ls-dv-tooltip" })));
     }
     static get watchers() { return {
         "dataItem": ["selectFieldsHandler"]
@@ -33474,7 +33849,7 @@ const LsFieldPlacement = class {
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: '6f0563de1fa4b5d583ceda094647f341b34110e7' }, this.isMultiple(this.dataItem) && (h("div", { key: '61eef6459021f86dbec50dd82a03e4848f92e2ec', class: 'ls-dv-field-properties-section' }, h("div", { key: 'c1db5ab5e2bdc3df939a8957f914a53c6ebef2cf', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'f5416f5d30bd62bb88d3f5bef7dd47ac4b7e01e9', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: '859beb120eea956c2473c96497b7f009e83730d6', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: '0dfd1255e79640a95f39accb0a6792cf2b5fabb2', class: 'ls-dv-input-row' }, h("div", { key: '768f739647a6322e3dbb3d32d5996f1a70951821', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '10a423d794ee80002f84a8ee462da70eb0d3e44a', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: '51dda6f75d78fd989e230701e7d22f7a580aaca0', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: '42a8b0b4ea87de3f1c567a760019f78e49f9b1ca', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '8471579b65d61b33cb6339deb80a73ea95938a17', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: '74a2224af041481f0d859a635468f53a7c229a6f', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", onChange: e => this.alter({ top: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: '5282d859d36de529691b209dce96634d2260fc55', class: 'ls-dv-field-set' }, h("div", { key: 'caa1bd85cb35632af2a41249399fe93aa586d3d5', class: 'ls-dv-field-properties-section' }, h("div", { key: 'bd7095466c4295f0ef27cf50e2134a2ed5e5971f', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'b94ed1e806e98f0fe5ed10088c45d39bd801d524', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.alignment')), h("p", { key: 'd36c40b31bd5b95da3fe864f2fbb8431b950402c', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.alignmentdescription'))), h("div", { key: 'f51729503ae10faca9b7df0122462dd3e6f782a8', class: 'ls-dv-multi-button-group-row' }, h("div", { key: '670d6f106368a0e1a454f6ff7f3a0e4752287622', class: 'ls-dv-button-group' }, h("button", { key: 'ed16e0c3ea8476094c09c8068cde21fc8f05cbdf', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignleft') }, h("ls-icon", { key: '4cf032e8c1d0c38d7bbcc8f271a1c61e49875d6d', name: "field-alignment-left-icon" })), h("button", { key: '8b4084ad6e65f9c296474a21d06a552ec5c058e4', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligncenter') }, h("ls-icon", { key: '182b281a20b4f8aed14e5d6ddbbb670e68e96fef', name: "field-alignment-centre-icon" })), h("button", { key: 'ef5bbc8f5ed346f939945274c62cfe4231911119', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignright') }, h("ls-icon", { key: 'bdf7ad9720159ffa4a13b974342e720fe7dda925', name: "field-alignment-right-icon" }))), h("div", { key: 'ed07b9b8098ef5b8ccfe989cada28a341ec5ca58', class: 'ls-dv-button-group' }, h("button", { key: 'bddc1f9574222be542b966bd576fe6c465eee60f', onClick: () => this.alter({ top: 0 }), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligntop') }, h("ls-icon", { key: '4391bb257e558ba32e73a5a365d84bf2267c0b2c', name: "field-alignment-top-icon" })), h("button", { key: '5326418c172ce24b009f1558361e97f1790dccba', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignmiddle') }, h("ls-icon", { key: '5159f221f5c2633e9586bc43a889ee919215868e', name: "field-alignment-middle-icon" })), h("button", { key: '36314754ae396174a0818e6ac9f271ae98f79b65', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignbottom') }, h("ls-icon", { key: 'c52e5d23f61ceeb85e14215ed7f722064e4820a1', name: "field-alignment-bottom-icon" }))))), h("div", { key: '2897ce745ae66af092ec579c20637e65489aa9ea', class: 'ls-dv-field-properties-section' }, h("div", { key: '2207e4d5150c691e518ecbdb8438074bdf04e188', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '5849954c9b3bd52b4d7fb7f8a25f4944b47d2695', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: 'ed55b75c9668334df2fa5dce14dba15b1fe2f20f', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: 'ad70f2d5a581a7742bb925951bedb773e467be69', class: 'ls-dv-input-row' }, h("div", { key: '31ca15c6a0e3dea8c97f67a16f73a559fbd19b21', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: 'b0ded693a7bb8d2553749c73896942e312a3e2be', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: 'f438acbad757f3f8c13e0ea34151d4d14c8259fd', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", value: this.dataItem?.left, onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: 'b045c79e92e32d10c27d5e0a32e6c4f315048e00', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '99c8fb3ce9174103d3d0dd5969d5b2ab43bdd3a7', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: '44d5e9c620c6bc715e01ce64f8da2f94fbe58ab3', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", value: this.dataItem?.top, onChange: e => this.alter({ top: e.target.value }), width: "30" })))), h("div", { key: '51d16ec46ecd2715821cec604320f35d852bae6f', class: 'ls-dv-field-properties-section' }, h("div", { key: '9c52228c215dc7f6bda7743f11a33761e3ccd3e6', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'e796df393fd78a2285ae08be756959fed925b0b7', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.distribution')), h("p", { key: '00d33c3a2a96b8cceba5b098ec8f98c7b2c883a0', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.distributiondescription'))), h("div", { key: 'ac24f714324e922bbc59b177a9ceabf5b76c214d', class: 'ls-dv-button-group' }, h("button", { key: '012fb1c0cc55b454f0bad076c37e00e9a0f59053', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: 'bf622879b930ea87fe22e5b3991ac239702961c1', name: "field-distribute-vertically-icon" })), h("button", { key: '61da6c91d91fc1277eaa8cdb8746c018eb586b50', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: 'de331d8aa839c347698cfd9ceeddd1c30505a7dc', name: "field-distribute-horizontally-icon" })))), h("div", { key: '2379aeb51cf6cbfe3a6d9efdecee63a654c4eb22', class: 'ls-dv-field-properties-section' }, h("div", { key: '64cab0e10dc0e904dc712f9f0814d4dbf13a9cd3', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '92ac13e7593cdd7c9d92defe7fd0a3bbc55f6909', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.gap')), h("p", { key: '0bea954cf1eba3518d1458acbba1e25b9d28a5ea', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.gapdescription'))), h("div", { key: '9003ca928dca37ae99b621c205c82dc91e03086d', class: 'ls-dv-input-row' }, h("div", { key: 'be7401d2eaa826fbf2e77df4dabd5a58d7e9203e', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: 'b3ed7ee1a4b17b6c9305acb558ebc17f6028a81a', id: "selectLeadingIconDisabled", name: "field-distribute-vertically-icon" }), h("input", { key: '3d2d9df4d2f793aa55ef4e335e4becea1d68ffb5', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: '0571522331bfae60038df5b5530051415cc9f6bf', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: '55c014b3abfcbc408ba493556f075e9affc2a3d7', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally-icon" }), h("input", { key: 'd2765f9479ed50c47fdebfb25fdc6ef06ea6ef63', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: '67a9e27330e90d24d9b6f1d69ecb870b45c012a5', tooltipId: "ls-dv-tooltip" })));
+        return (h(Host, { key: '1f98ef31a65443dd21359181a512fe7a06cf4138' }, this.isMultiple(this.dataItem) && (h("div", { key: '287ac3ac893c77d021ae2531bdc5fc98cc884c38', class: 'ls-dv-field-properties-section' }, h("div", { key: 'b1a28cd5df5000f04059bd7c1a93aa8044b1fb20', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '49d1d65533c47c80e69d68847ed6397792734f59', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: '6929bed80c02e2ef0b5fb4899c502b3cbee5570d', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: '8de73a6b06b1cfde543bc425bbd031b90a6f9882', class: 'ls-dv-input-row' }, h("div", { key: '3eee05138db567cb99dfba9284fc02018047c168', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '70a4a0adb0d7cb2dd06dffaa6743d1c6d3bd7a6c', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: 'be288339ede9804310a5d1ddb9dd5f4e4d189f1d', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: '67d1516f69103d904641cff18a4cc1b3fb0207d9', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: 'e8bb52815395e6f8488e13b2f818759a1f6f6edc', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: '94b11705c2357e5810ad89b93417bee268635a1a', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", onChange: e => this.alter({ top: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: 'bebab81242f643c9bd0dad81999d018ce2aaf4f7', class: 'ls-dv-field-set' }, h("div", { key: 'cbcfd84fec6cb909892558764f92030f60fb10e2', class: 'ls-dv-field-properties-section' }, h("div", { key: 'ca3d9287959f82b6fd81b32ed2f590276d0c09eb', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '8aa006405ae37d39ab8637c8c022d07524303dc8', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.alignment')), h("p", { key: 'c78e60cbf5d63ad1c63f62c8e1900af80deb1e7f', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.alignmentdescription'))), h("div", { key: '15fdbc0af15e2291267f91e2716b79a4de684627', class: 'ls-dv-multi-button-group-row' }, h("div", { key: '27d079876b4c6a525c16b5fecd8e4878cd12ef2f', class: 'ls-dv-button-group' }, h("button", { key: 'f535b9e071d8b9dd75174c1f1a290438d77ff15b', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignleft') }, h("ls-icon", { key: 'fd0fd61c79704651c9582d805e941b44580e392f', name: "field-alignment-left-icon" })), h("button", { key: 'f169be68deecaee3993e1a66f1021b0d20deee5f', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligncenter') }, h("ls-icon", { key: 'bed42bef80a4fd48a80fb459354f140b15c26ee6', name: "field-alignment-centre-icon" })), h("button", { key: 'b10b3d100689cd5c577bc831c925aeccc866b6c4', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignright') }, h("ls-icon", { key: 'b5882a2fea4177824c4bedafaed85d84fb842906', name: "field-alignment-right-icon" }))), h("div", { key: 'a45687ecd1d6799e54191f2664be21cefdf2a507', class: 'ls-dv-button-group' }, h("button", { key: 'c55f736d8f89a25fda5bfd882d513d042984401e', onClick: () => this.alter({ top: 0 }), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligntop') }, h("ls-icon", { key: '7e930f27d06dc022c67e41402b80ac52416203c0', name: "field-alignment-top-icon" })), h("button", { key: 'c4c1895958e8d99d0ed11754ffdb3f5122447293', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignmiddle') }, h("ls-icon", { key: '99487d592f4aef1612e54fd75a249142118b07a5', name: "field-alignment-middle-icon" })), h("button", { key: '3b5a49168c1e4d876e4cfeed2172cab1b83e13a3', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignbottom') }, h("ls-icon", { key: '473512ea82374f0217934ae8573f98126cb02678', name: "field-alignment-bottom-icon" }))))), h("div", { key: '7039482a40a7cc4b67041926be48006481e5eff4', class: 'ls-dv-field-properties-section' }, h("div", { key: 'db9f828737c9b3afc1ec84d995d0ef85529db396', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'cb16889efabf1b4d429e4a461c46d8a5f1da2e10', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: '1d1fb1d8f1399225fca71ea960d4be56027692f7', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: '96f8999cf487dd9d9e254d62c3463d9ff574a9cb', class: 'ls-dv-input-row' }, h("div", { key: 'b40561420f4c0518680546ccbb1963c4c3f12e1b', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: 'beb47dafca177b1f9b274b7bda3d8b101d1a4b10', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: '66375b69b1c6d051aeb37735c0ce238888f0b76d', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", value: this.dataItem?.left, onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: '902932b9c4f1b5f5ce1326e9745c4a29aee704ca', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '08e48cc94443a177d17ca03dac52317f0b2bb32b', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: '4aec32e2feb65fd4fc4b4cae689568cba1e9ea87', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", value: this.dataItem?.top, onChange: e => this.alter({ top: e.target.value }), width: "30" })))), h("div", { key: '7b7294ff0503cf9a3a26ebe47d2d1799aa1ead5c', class: 'ls-dv-field-properties-section' }, h("div", { key: 'dd889cdd7aa59756deae34af6866f49b6943ea4c', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '38de8d81237e209a1e59fe70191fcc09795fa67c', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.distribution')), h("p", { key: '1e8a3542914fcb6adc5d0267dae04e5514cdf22a', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.distributiondescription'))), h("div", { key: '8a74b83b826c2a25e7c018f197b0834c52df5442', class: 'ls-dv-button-group' }, h("button", { key: '54b6334ceb9041611348ae3b6587ec5184575863', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: '6171a092bb121e89751e685338a0ef5e77a545c6', name: "field-distribute-vertically-icon" })), h("button", { key: '599c6f2cadba4e5ef33bf0497aaae5a71ad1d472', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: '1af45d54b13e652f86ca5ec944db2f5e2fdf1e47', name: "field-distribute-horizontally-icon" })))), h("div", { key: 'a8a3e04e5557aa03763d04d04d3393358419dfac', class: 'ls-dv-field-properties-section' }, h("div", { key: 'ac28f68d572fe38570ea0d89a9eb48d3c06cca63', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '6012db7e106cc5042410dfb6b91808c1c9bf1c14', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.gap')), h("p", { key: '382fdcea48e57760ef64688575c2b2d7a5c91407', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.gapdescription'))), h("div", { key: 'fad8f7a6815a92b5e4d878a1746589fd33dc6ecf', class: 'ls-dv-input-row' }, h("div", { key: 'b119a6cfb19b6de4909bb461c32a1d7b50f32dd9', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: 'bf1bd492051d8f03428fb40229f992b3ca0dea71', id: "selectLeadingIconDisabled", name: "field-distribute-vertically-icon" }), h("input", { key: '0b85ba37204a2ce18bec156fa3861dddb45aec39', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: '3945a5c3cd9fbe5b8c2c1be9ecbc723a6e8b9b84', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: '1487f1247f4a1cdcac7f914c89fa5f66c14d26db', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally-icon" }), h("input", { key: '5c53ae431604ed367407c83b57546312f595291e', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: '46706b2a43b3a24d825ec9a1c1c4e62a3ef5ad8e', tooltipId: "ls-dv-tooltip" })));
     }
 };
 LsFieldPlacement.style = lsFieldPlacementCss();
@@ -33524,7 +33899,7 @@ const LsFieldProperties = class {
         event.stopPropagation();
     };
     render() {
-        return (h(Host, { key: 'ad0ebe5fb2f492e2b14a6ff906ba0045e75dbf3f', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: 'ecbdb6661e7650e7d0705b9a50755c215cc536f8' })));
+        return (h(Host, { key: '31eca74650a769d9464d618a48496c58896adbfc', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: 'e3bf52e32b43ebf70ae3ea2361fd7de4872596a9' })));
     }
 };
 LsFieldProperties.style = lsFieldPropertiesCss();
@@ -33588,10 +33963,10 @@ const LsFieldPropertiesAdvanced = class {
         return '';
     }
     render() {
-        return (h(Host, { key: '5084eae49b9868b13d08bbd2b890379283edc308' }, h("div", { key: '7655ede1c2207e02d8f2bcf246151f3ed53fce73', class: 'ls-dv-expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: 'da5f9ec15f3d528a3ef6c1d37f590a520119cd29', name: this.expanded ? 'expand-icon' : 'collapse-icon', size: 20, solid: true }), h("p", { key: '6d154fe3bdc09d6d997c67912db6177b979c1625' }, dvI18n.t('fieldproperties.advancedproperties'))), this.expanded && (h("div", { key: 'b3f2bde0220c5e7042dadc6e8028d9d571c320b6', class: 'ls-dv-field-set' }, h("ls-props-section", { key: '5f78367b9f150bf1233816c5d7a074c1a6cd99ad', sectionTitle: dvI18n.t('fieldproperties.fieldorder'), sectionDescription: dvI18n.t('fieldproperties.fieldorderdescription') }, h("input", { key: '86824b6da1538314e1c638cc4526baf43681bfc4', value: this.getValue('fieldOrder'), type: "number", placeholder: dvI18n.t('fieldproperties.placeholdereg1'), onInput: e => {
+        return (h(Host, { key: 'dce9d545f6f3dcc1ad003f8c7eb8b59277e69f08' }, h("div", { key: 'cb8ff109932195eef0a6ad413ff299803a134442', class: 'ls-dv-expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: '3cd2ae0144e6547d47c02509d686b0c82eb3ff52', name: this.expanded ? 'expand-icon' : 'collapse-icon', size: 20, solid: true }), h("p", { key: '7a2322163b61b99f7d82fcee1db6d0a039118736' }, dvI18n.t('fieldproperties.advancedproperties'))), this.expanded && (h("div", { key: '1bbbe173c9f175de2b05eca13ae0cf66f0790c0e', class: 'ls-dv-field-set' }, h("ls-props-section", { key: 'ccc4c811072b5961e277ade726eb707096b33d9d', sectionTitle: dvI18n.t('fieldproperties.fieldorder'), sectionDescription: dvI18n.t('fieldproperties.fieldorderdescription') }, h("input", { key: 'a51b6c3cbd2df64269099523ab15454ccfc682f2', value: this.getValue('fieldOrder'), type: "number", placeholder: dvI18n.t('fieldproperties.placeholdereg1'), onInput: e => {
                 console.log(e);
                 this.alter({ fieldOrder: e.target.value }, 100);
-            }, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: '9b8a1d37fd1cf6795d7ab0772ba4937e4b224d01', sectionTitle: dvI18n.t('fieldproperties.refname') }, h("input", { key: '1c99ed733527bdb55b151b1d0afb760aa1e2ab31', value: this.getValue('link'), placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onInput: e => this.alter({ link: e.target.value }, 300) })), h("ls-props-section", { key: '2da37550c06897bdd37a85f47f9891549d17fbfb', sectionTitle: dvI18n.t('fieldproperties.linktype'), sectionDescription: dvI18n.t('fieldproperties.linktypedescription') }, h("select", { key: '5ae2d7db7fe6e5243c717e9784b0b033e9c06e98', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, h("option", { key: '29e2f2aadf3bbd37d770ebc9d337d5a1f1aa76c7', value: "0", selected: this.getValue('linkType') === '0' }, dvI18n.t('fieldproperties.linktypenoption')), h("option", { key: 'afb12cebc2aa62f63582ea57ec4a60924dff6c53', value: "1", selected: this.getValue('linkType') === '1' }, dvI18n.t('fieldproperties.linktypeoneofgroup')), h("option", { key: '7762f4d47f12eb30779af084b9daa11da90480c5', value: "2", selected: this.getValue('linkType') === '2' }, dvI18n.t('fieldproperties.linktypeaddtotal')), h("option", { key: 'e96ed8cc33f182b972c6b74a7eddf4ee981aa890', value: "3", selected: this.getValue('linkType') === '3' }, dvI18n.t('fieldproperties.linktypeconditional')))), h("ls-props-section", { key: '5f58003264edb0c3fc2d5520bd74762031f573fb', sectionTitle: dvI18n.t('fieldproperties.linkvalue'), sectionDescription: dvI18n.t('fieldproperties.linkvaluedescription') }, h("input", { key: '8975517b48a7bcc82101f612f3d81718c9e08a58', value: this.getValue('logicAction'), width: "30", placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onChange: e => this.alter({ logicAction: e.target.value }) }))))));
+            }, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: '154bf5aa0ab022185b667bd138871cdc2a162823', sectionTitle: dvI18n.t('fieldproperties.refname') }, h("input", { key: 'f11c9a03c2f14202e24be314351c458bddbc76a3', value: this.getValue('link'), placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onInput: e => this.alter({ link: e.target.value }, 300) })), h("ls-props-section", { key: 'fb3290edfac869459d25f72c563af601b2619446', sectionTitle: dvI18n.t('fieldproperties.linktype'), sectionDescription: dvI18n.t('fieldproperties.linktypedescription') }, h("select", { key: '506aaad6c944add3d78be44484e41780f9512403', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, h("option", { key: 'e0e169f0ceb818cf96829ea9c2beb287d369285d', value: "0", selected: this.getValue('linkType') === '0' }, dvI18n.t('fieldproperties.linktypenoption')), h("option", { key: 'be9569ca3e11c9b399502bfd8047eff80bb930a6', value: "1", selected: this.getValue('linkType') === '1' }, dvI18n.t('fieldproperties.linktypeoneofgroup')), h("option", { key: '93d0daad9d1147e94bba63b12e70e43e14b8d66d', value: "2", selected: this.getValue('linkType') === '2' }, dvI18n.t('fieldproperties.linktypeaddtotal')), h("option", { key: '8f8074096509395f7da9833328c3a57729817cb7', value: "3", selected: this.getValue('linkType') === '3' }, dvI18n.t('fieldproperties.linktypeconditional')))), h("ls-props-section", { key: 'ef548c0b7212fbf018bca8aa0aae391f865b8482', sectionTitle: dvI18n.t('fieldproperties.linkvalue'), sectionDescription: dvI18n.t('fieldproperties.linkvaluedescription') }, h("input", { key: '76ad0cb2c41559669b363e6b92e2f91a7d18996d', value: this.getValue('logicAction'), width: "30", placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onChange: e => this.alter({ logicAction: e.target.value }) }))))));
     }
 };
 LsFieldPropertiesAdvanced.style = lsFieldPropertiesAdvancedCss();
@@ -33604,7 +33979,7 @@ const LsFieldPropertiesAutosign = class {
     }
     dataItem;
     render() {
-        return (h(Host, { key: '7ceb78eddcab2b5abead0539501db90129a8684c' }, h("div", { key: 'b09e050d14074abd1066e87f962279aaa93f80ea', class: "ls-dv-field-properties-section" }, "Self Sign Field"), h("div", { key: '52cb76627ea14277cbf925a0a1c16b15d547617c' }, "Label: ", h("input", { key: '69acf2903d2a1a6fca5bf2b3b3c8edad5b5affdb', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: 'e2a4a1b510558e360c54ee9537c072ea9ce67a3f', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '75c154aac528d5a356fbda8723a0aa4ff50c9fa6', dataItem: this.dataItem }), h("ls-field-footer", { key: 'd169358beb35bfc0a648c24b4e6418c66bdb8219', dataItem: this.dataItem }), h("slot", { key: 'd16e837373223eaa7b31fc5e9efc2e5c361de3f0' })));
+        return (h(Host, { key: 'bc32f57799246e60b814f7177058af903386bba3' }, h("div", { key: '50a0cecc511e6a945ee93ba4bb01e25afa4e129c', class: "ls-dv-field-properties-section" }, "Self Sign Field"), h("div", { key: 'ea02607090be540edd750b32926569a5b1861866' }, "Label: ", h("input", { key: '7c08297b5912fb06b8ba57a9a08f6c749f9dde91', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: '163133b0134b03a8b4b71b51b6cb16a2afc6fd87', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '237ff12ca1874f202ec56f190b6cb44c9f5f8ae4', dataItem: this.dataItem }), h("ls-field-footer", { key: 'b15a064b07f1f56cc71089f8723d6a443543e11a', dataItem: this.dataItem }), h("slot", { key: 'f68746d2c56feb47e4c9b01735a9aa5bf64245c8' })));
     }
 };
 LsFieldPropertiesAutosign.style = lsFieldPropertiesAutosignCss();
@@ -33624,7 +33999,7 @@ const LsFieldPropertiesContainer = class {
         }
     }
     render() {
-        return (h(Host, { key: '9c36b5da13bea523df82df8b09653072f18731de' }, this.tabs.length > 1 && (h("div", { key: '8280f589050d81cf7983537e23176f637c38b9a2', class: 'ls-dv-tabs-container', style: { gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` } }, this.tabs.map(tab => (h("button", { class: tab === this.selectedTab ? 'ls-dv-tab ls-dv-active' : 'ls-dv-tab', onClick: () => (this.selectedTab = tab) }, dvI18n.t(`tabs.${tab}`, { defaultValue: tab })))))), h("div", { key: '54d443298a0169f23c3a5c798d75fbf05836b46e', class: 'ls-dv-scrolling-container' }, h("slot", { key: 'ae5194c400ed5d7e47024b9d33618193ea410ea9', name: this.selectedTab }))));
+        return (h(Host, { key: 'b1fd1ab25e56d0f6b009012bd03c8e16f0ca7e54' }, this.tabs.length > 1 && (h("div", { key: '6c2ae62c5b3ee2d46e25b37c5d6c945874737a66', class: 'ls-dv-tabs-container', style: { gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` } }, this.tabs.map(tab => (h("button", { class: tab === this.selectedTab ? 'ls-dv-tab ls-dv-active' : 'ls-dv-tab', onClick: () => (this.selectedTab = tab) }, dvI18n.t(`tabs.${tab}`, { defaultValue: tab })))))), h("div", { key: '60a78fab9be2656cbcd0a842c84a0471c9f68dbd', class: 'ls-dv-scrolling-container' }, h("slot", { key: '8f59435c282ddf990a499745aa013d68acb0f604', name: this.selectedTab }))));
     }
 };
 LsFieldPropertiesContainer.style = lsFieldPropertiesContainerCss();
@@ -33637,7 +34012,7 @@ const LsFieldPropertiesDate = class {
     }
     dataItem;
     render() {
-        return (h(Host, { key: 'd3a64ece7574a5dafaa4a04453daf31b5237e4e4' }, h("ls-field-properties-container", { key: '0acceca513d885b9ea4442d014f0acf33138e4c0', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '3f201aa7925f2acfd5ca7cab2593555331c10d72', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'd3cfc669e470c421c775410c3809092c1f73c2c1', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '2ffc91f6573910478bff554200d72315ced06d81', dataItem: this.dataItem })), h("div", { key: 'ccd180758d455a10ce9898b10f79b6571634440b', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '839524ca227b7ff66e6aeaf9613cb3a28277e2c2', dataItem: this.dataItem })), h("div", { key: '4741959b809b42a6013406ddb66b7fa8b66ba297', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '913ca0f5e4dd39d0f03efbb6a661a31be84b9b96', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'fda7d4125b4fdc2cb7cc5c640e43a99c9439c0c3', dataItem: this.dataItem })));
+        return (h(Host, { key: 'cb252e462b86d8d623aa440a6a5e887da778559d' }, h("ls-field-properties-container", { key: 'af4be88f925c1a7f17485f9c74674a35fe64b295', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'cd23266b3efc9f142d0e628cc1774e504d8ee9eb', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'd83b17aa665377d46e73f13f47773c4062045344', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '399aba1f960a724a86758eba2154723ae053c2db', dataItem: this.dataItem })), h("div", { key: '6a6753ed5c50ac051c4fdca03bd6010a9289d45c', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '341fbfeff972686d93cb908ee64ced9586c1ff41', dataItem: this.dataItem })), h("div", { key: 'ffdd2eb74c1df75a97c00eca565d5d52ce159175', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '80a8ec9a294e1082b8d7a5cdbb3b778e005a4781', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'cb2ad0ee953296619a6170993f965acf1529c045', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesDate.style = lsFieldPropertiesDateCss();
@@ -33650,7 +34025,7 @@ const LsFieldPropertiesEmail = class {
     }
     dataItem;
     render() {
-        return (h(Host, { key: '7414945bcb311d3f14bbda143bf34dd0e512b38a' }, h("ls-field-properties-container", { key: '1c774e5e9b8508faeb20467071c880e5e3eed513', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '7d1ca6acf5a847e8ef422de26f2dc3554df185d2', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'adf8292e0883b903c3959df889197031557d6432', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'd40056254d6ffc496d7db6344e1c408735111508', dataItem: this.dataItem })), h("div", { key: '89371858f99bb527687f550f6fbeec801815c04d', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'd3ead39f78142061897d94f8451c7ed5ea0b267b', dataItem: this.dataItem })), h("div", { key: 'bff09d8a1682a7c8de24bb992e4f710279e99fab', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '2f564208fb2bc5212cfd1045ba9e1f3e777f2908', dataItem: this.dataItem }))), h("ls-field-footer", { key: '356a7047d5d56da47f51684f8fa7d03c271a6f27', dataItem: this.dataItem })));
+        return (h(Host, { key: '9753f658e80484bdeeeadd38009658a43ed968bb' }, h("ls-field-properties-container", { key: 'ace79d18b04551bf1c8adde500edae043332152b', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '33c3bc57c00897bec5d30ecef6b620ce65c6d0d9', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'c26cf5ff8b47ab194a1caf84409e308bd4ed3124', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '8606a267b72c72b06743b0334b9e00449f92512b', dataItem: this.dataItem })), h("div", { key: '6dedbf1bfc7652e68b5ae15042514fe344751972', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '99c3677398e785c699b1575c53b8468a5730b0a4', dataItem: this.dataItem })), h("div", { key: '3cbbea7837fcefe401f8b138e27cb0a03cf6dfd8', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '59d489511963b06f5b4815cbc69d627cf9155684', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'f6a82a349c2153852ec82fd75a6082cceb31a6e2', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesEmail.style = lsFieldPropertiesEmailCss();
@@ -33663,7 +34038,7 @@ const LsFieldPropertiesFile = class {
     }
     dataItem;
     render() {
-        return (h(Host, { key: '4eaff295a9d7a2278fad264d85bfd15c9ab917b0' }, h("ls-field-properties-container", { key: '78635611aadfaaf137d8725eaa057eb0fa3aad5f', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '2541c1c071208cfee138852af20f0db661876f14', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '1d85d21e2106d6b9e0f6c9fc233d92035333b2b3', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'bf1df9cef7c765d652b1126c7ce50012a44d5783', dataItem: this.dataItem })), h("div", { key: '344140f06816a148826a79fc85bcdf43c00c4cd3', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '54698fc82965c4f4bbf4eb3cadd6137ae6091a21', dataItem: this.dataItem })), h("div", { key: 'd42b35edbdbcc67f7ff732688ef91326fdb19881', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '8e90875547bf54710ff1d808beb7bd7a0a852334', dataItem: this.dataItem }))), h("ls-field-footer", { key: '5529710e3534c61a82489e653f7fa6a60f42cbdf', dataItem: this.dataItem })));
+        return (h(Host, { key: '8a5203d1388e200ea4916e8464d15cdc0163c418' }, h("ls-field-properties-container", { key: '2ae54acf001600b7639168ae86537850afa048bd', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '1a295460a532af3532592c6230dfa6a039e22152', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '4c78badc47be24e10cee7a5746aa3aa2a401efe3', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '00c0860e3cf7aefaf504f2fce6a3cbf049319df0', dataItem: this.dataItem })), h("div", { key: 'eb08091e87ad47ac66c200d2296a14a078e133a4', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '2aa2c3df0265c32f443f808723e2300285ddcc1c', dataItem: this.dataItem })), h("div", { key: 'bf9fe9f02cb5410bc5d336f540f989363c013f83', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'aad40f4fa0d99b9c9137828b0df3f35c10e5c935', dataItem: this.dataItem }))), h("ls-field-footer", { key: '3a9f705812d1474717edbe4cffa38b2ac216c72d', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesFile.style = lsFieldPropertiesFileCss();
@@ -33676,7 +34051,7 @@ const LsFieldPropertiesGeneral = class {
     }
     dataItem;
     render() {
-        return (h(Host, { key: 'd27212993ef85dda9dc51ca11f40a9a5a5a406b0' }, h("ls-field-properties-container", { key: 'd7a1f57ea3f83360e0c22fda9d80096ca5941135', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '846eedecd500f90777becfd1a78f203481e9e61b', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'b58ec0a04b11bcff6f6c7aca8cd241ac4da69cee', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '6aad9fc18258f5fc1538980111355f9a85dc0c50', dataItem: this.dataItem })), h("div", { key: '7d6aa16c9da058f6a76145138146835d30321db8', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '7616df53521b4e4b86856da7dadbba8796ae56a7', dataItem: this.dataItem })), h("div", { key: '0c52ca8fd0357b8455abf7943dc64e52bba34821', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '682e23ab5d64bc004776a75d835c93e768a75a66', dataItem: this.dataItem }))), h("ls-field-footer", { key: '855c58fafd58949b4c73926dab771873616e31f7', dataItem: this.dataItem })));
+        return (h(Host, { key: '400d40d588ac30d4341a7170e5d1d38f7d4d021b' }, h("ls-field-properties-container", { key: 'a6cc70e6ac60af9abed7cbdf9d1d3be2d8410e4c', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'e101fad55ecab33ff35ae5fcf6e556c6a928dc7a', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '85923c2d99fd371b3e997f7444db931c1c5902fc', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '9b06efaf9d8efeb20671332690b88eb394516128', dataItem: this.dataItem })), h("div", { key: '1481f44b74b4141ef827724e1ec7dbb5c87b12d0', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'be3c484f6aefc715ddf846e04c68b9c373d663a9', dataItem: this.dataItem })), h("div", { key: 'bc3998d85643b17c873f36c622de039dac4ca685', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'f055c895abcf308e8db9c7df5f931c25a308aa85', dataItem: this.dataItem }))), h("ls-field-footer", { key: '5d8830dc73e068fe6285540d8d1004898b39d6af', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesGeneral.style = lsFieldPropertiesGeneralCss();
@@ -33689,7 +34064,7 @@ const LsFieldPropertiesImage = class {
     }
     dataItem;
     render() {
-        return (h(Host, { key: 'c83501d5cc85fe7e23bdc796066a0302031648ce' }, h("ls-field-properties-container", { key: 'dcd0559e6a676b8a94e8190d423acde133a71f9f', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '0ece6599bbdcd12b274994e5630179775b248aaf', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '8454d88d1c8d876a7031095cfe5eb3572b2f2373', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'd41b90abb37800cb956d6bd3de872c25f73ca6ec', dataItem: this.dataItem })), h("div", { key: '740adbd423f74e88d4d60309a3ca3ad8d40f90e0', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '359aca0ba3e75be8c1788178d5cb3d4d044703c9', dataItem: this.dataItem })), h("div", { key: '2f3bac7c5ab5e71e343f5f9ff346a4859684b18c', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '4adb2abc02d90219688ac3b5cfbbc3c7671a973a', dataItem: this.dataItem }))), h("ls-field-footer", { key: '059b9b339855db96841b0a3cf626c6f9d171c2ad', dataItem: this.dataItem })));
+        return (h(Host, { key: '5837602a90b826981bfaf8fce5bcd7e4b6f25df7' }, h("ls-field-properties-container", { key: '445da1bc7d37dc2d3c0c31c214899a33b642a151', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '3230b963c1f15b4774b150934fc6fa7dab0a99ef', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'db42d401f536c39a0af34c40347814960e16d4ad', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '06ffeedc6d666b7fbff78b3b3b0d5b70719a594c', dataItem: this.dataItem })), h("div", { key: 'f94a586579928d0870276784b6679d5affe22e93', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'ea419d20b54f637a277ea2d69630d13868b9837b', dataItem: this.dataItem })), h("div", { key: '7b9dbdc1c6694421376c55d23f1b9e901010ebfa', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '34b40fb6ede6411e72b10f197637c2853ca2737a', dataItem: this.dataItem }))), h("ls-field-footer", { key: '03d5e1e7e3537fe0493c2d5fe5d52f72c1aa5b9c', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesImage.style = lsFieldPropertiesImageCss();
@@ -33790,14 +34165,14 @@ const LsFieldPropertiesMultiple = class {
         return { isSame: allSame, optional: allSame ? firstElementOptional : false };
     };
     render() {
-        return (h(Host, { key: '8455c24da4d762293e270907d22adf43b5516d47' }, h("ls-field-properties-container", { key: '3a935fed3a775bd4d8174bf44f64862818c5301f', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '68d0fd5bc153438dcac6073654d52628401118f6', class: 'ls-dv-field-set', slot: "content" }, h("div", { key: '32d9bde4a5f613ee56f009e86afef77cd2c8c1aa', class: 'ls-dv-field-properties-section' }, h("div", { key: '172c2c42506570da444bed738d2dad99dd95d9bc', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '936ac47df3769d3ee28c4853fce8d69efd78db8a', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.fieldtype')), h("p", { key: '6a704aa626569c127409f048d8c928201bd00a7a', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.fieldtypedescriptionmultiple'))), h("div", { key: '3be07bd642aa1aa0f178391d3e1a724fd390f0d9', class: 'ls-dv-field-type-wrapper', style: {
+        return (h(Host, { key: '5b926c48d2fc9e0c4302c6bd818c959b620710b8' }, h("ls-field-properties-container", { key: 'bee79015a2fb05c02ae3f96b9367205b5853bb55', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'badb7051e09993d9472de18d2da721a8a77e2a05', class: 'ls-dv-field-set', slot: "content" }, h("div", { key: 'd2ea4257961d290ccfe20a220b72c13cabda3dc1', class: 'ls-dv-field-properties-section' }, h("div", { key: '99d6503bf78e24c582cf60923ffbca2c3219833b', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'f1ca2ed4bbc17b4e0695d100a9a0c9ecf1d1ec33', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.fieldtype')), h("p", { key: '8e459caf24d2f4d4c15e8933c7de1c1c5440cb65', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.fieldtypedescriptionmultiple'))), h("div", { key: 'c907c80e62ed7c06165ad369e089f2dae07b4c40', class: 'ls-dv-field-type-wrapper', style: {
                 border: `1px dashed ${defaultRolePalette[this.allSignersSame().signer % 100].s30}`,
                 background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
-            } }, h("div", { key: 'b8c29f57ca03409365ca12425a2d81586122593c', class: 'ls-dv-field-type-inner' }, h("div", { key: '614078808a2204e95c043290cf4410129999c179', class: 'ls-dv-field-type-icon', style: {
+            } }, h("div", { key: 'c0f05b0ce315ec8135a9f7f1af98aed17b9df324', class: 'ls-dv-field-type-inner' }, h("div", { key: '49ca5fc13bb003fbe4124382d9eca3c7438a1beb', class: 'ls-dv-field-type-icon', style: {
                 border: `1px solid ${defaultRolePalette[this.allSignersSame().signer % 100].s60}`,
                 color: defaultRolePalette[this.allSignersSame().signer % 100].s60,
                 background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
-            } }, h("ls-icon", { key: '699486dc597e3ff196f3833a7ddc21d9d74a5129', name: getFieldIcon(this.allElementsSame().elementType), size: 20 })), h("p", { key: '2b66f2818c810f663787c18aca3a237cc9a94fa5', class: 'ls-dv-field-type-name' }, this.dataItem.length, " ", dvI18n.t(fieldTypeKeyMap$1[this.allElementsSame().elementType] || 'common.fields'), " ", dvI18n.t('common.fields'))))), h("div", { key: '41617234475fecbf98880ff9f0384dc66894d753', class: 'ls-dv-field-properties-section ls-dv-row' }, h("div", { key: 'd7f6cc8d886fb3087d57c7f1be2f6b10c65e16e7', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '5475adc5a3024ddcd26bbedab697dba0dcee4f97', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.requiredfield'))), h("ls-toggle", { key: '8fadf09cbbc61704a40e1561fd05dda82f726e28', onValueChange: (ev) => this.alter({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), h("div", { key: '8b36c0d831df04f2ec9cbb9f38023ce9d80608fe', class: 'ls-dv-field-properties-section' }, h("div", { key: 'e053b42c1e5d79d34763fd6ae8e009834cbfa998', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '964ccae01b8788a807278da8dc0936617be3d49a', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.fieldlabel')), h("p", { key: '8ad476d428441dd65d3a4a5939f15a4fec93d266', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.fieldlabeldescription'))), h("input", { key: 'a81f358b3a24de458b75a06665707a0655ca11d2', value: this.allLabelsSame().label, onInput: (e) => this.alter({ label: e.target.value }), width: "30", placeholder: dvI18n.t('fieldproperties.placeholdersignhere') }))), h("div", { key: '048250e9ac67cbf554595f0734d2f20f20035dcc', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '15e226902f84b838c7b9ace47612a54b8e74c73d', dataItem: this.dataItem }), h("ls-field-size", { key: '7b3ec6a4133d879159f3bc2da852f12cf379ea96', dataItem: this.dataItem })), h("div", { key: '7a7159a608b9534e8a61cc311a83fd0d1b18cb5b', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-alignment", { key: '19b80a695bc08b9950f7398baccbc5de9da11b49', dataItem: this.dataItem }), h("ls-field-placement", { key: '73bf434cae725ffb8d3d207813e9e7a4962f1e4c', dataItem: this.dataItem }), h("ls-field-distribute", { key: 'ef17afb562da745b2fc4656133e80c43d726f083', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'd0a3600cc12dc8163a1ef1dcbeecf2c1112e1274', dataItem: this.dataItem }), h("slot", { key: 'b35a853f3425a2f43ecac4bbc998e43e0d97cc17' })));
+            } }, h("ls-icon", { key: 'debf70e76aba0d3d0bbe2699b7d93e4deb83722f', name: getFieldIcon(this.allElementsSame().elementType), size: 20 })), h("p", { key: '5209f7971af51c4adb6d9e5851ade82c02a47557', class: 'ls-dv-field-type-name' }, this.dataItem.length, " ", dvI18n.t(fieldTypeKeyMap$1[this.allElementsSame().elementType] || 'common.fields'), " ", dvI18n.t('common.fields'))))), h("div", { key: '57e4fdda07ceb013569ad7f19968bb563b150316', class: 'ls-dv-field-properties-section ls-dv-row' }, h("div", { key: '404e71bdd2312556c4850838d1e9d57241f0d6f7', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '6141e7bd24ca219958806fe94f89b86197563d6a', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.requiredfield'))), h("ls-toggle", { key: 'ef28a205cc4ea2511c4934f619d88ef20df0086c', onValueChange: (ev) => this.alter({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), h("div", { key: '545a2a23427eba48d9f503c308846181ff4d56e3', class: 'ls-dv-field-properties-section' }, h("div", { key: '4b0c5d791c350fee7316ac4e2ba30037a28f2c44', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '1258396c7971cca464eed1a20d235d12ea876b17', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.fieldlabel')), h("p", { key: '8257f3aac29a31837b2276673634095528a7390a', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.fieldlabeldescription'))), h("input", { key: 'b0fa9d2a2ef169339521ed94c2bcc9c1c5bef0bc', value: this.allLabelsSame().label, onInput: (e) => this.alter({ label: e.target.value }), width: "30", placeholder: dvI18n.t('fieldproperties.placeholdersignhere') }))), h("div", { key: '3820ee58218d5144f10f7658035f35bf16e6f0a7', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'd274b66504acec8c03c67e7f47d4e8975abf774b', dataItem: this.dataItem }), h("ls-field-size", { key: '86b87e168beae90048d4b5152338c35575569d6d', dataItem: this.dataItem })), h("div", { key: '8853aeae581ffc72c4324dbf49cfd4b4f095db26', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-alignment", { key: '00f0540804502a412ffa5dd6484cf9550b8ab867', dataItem: this.dataItem }), h("ls-field-placement", { key: '7e40e802779b51406d2428fe809e4153e18c0dcf', dataItem: this.dataItem }), h("ls-field-distribute", { key: '6ee90d6ded5b9822e531726d27cad2a81c7bbd47', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'b0dfbf72ccd87f332b965bf88d953a9078d607ec', dataItem: this.dataItem }), h("slot", { key: '8a44fb9ff964acfb8563b8f0348ff9b7482425a4' })));
     }
 };
 LsFieldPropertiesMultiple.style = lsFieldPropertiesMultipleCss();
@@ -33810,7 +34185,7 @@ const LsFieldPropertiesNumber = class {
     }
     dataItem;
     render() {
-        return (h(Host, { key: '63c25ed86197d0e057bdbc4cfa10e1b82f87fc3b' }, h("ls-field-properties-container", { key: '2f28fdb9bb3394ac8b4ff5d2c642b11ddd3d293f', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '3867566429ebd1d9d284a1bea43aaa5c3b6a45ad', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '4e104f5d810639af4ca1a6618dced9f081f527b7', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'b6d8510de34e1c4b403e44da92650ca9895af1eb', dataItem: this.dataItem })), h("div", { key: 'd797f1cbbdc94debe59ea1c7050b35bf34d02ac6', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '4e0a0e5c96310536d5fa42a0a6290500381522ee', dataItem: this.dataItem })), h("div", { key: '9bd58983fcf5df3753078ab21e3df2830d2bacc7', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '81889b00766d20b054631126f081cf45a67005f7', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'f57347d4f6566ab50702b8184f462a41072d6563', dataItem: this.dataItem })));
+        return (h(Host, { key: 'c9b573ace32caffad37b313c1444cfa671fae930' }, h("ls-field-properties-container", { key: '1307c374edfef93fa48013bb075c202a394a5c60', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'ce012d22fc09df676cd324f65334f460318a703c', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'bc82f7e551d8cb19499be056d25fc34430260709', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '9917e4bfddbc6861f28d77b85c639e217226f511', dataItem: this.dataItem })), h("div", { key: '92fdc6c40c5517c2abd843cc15836d46c66b8c50', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '886698fbe3d427ada637b10e8c3ee669002ca78c', dataItem: this.dataItem })), h("div", { key: '82ac87beca01df52f8443754620a34ccc8dee5fe', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '557af9c8361e55a609e3c7efc50b9db3d8018f3a', dataItem: this.dataItem }))), h("ls-field-footer", { key: '55b4d2b87bb0f2245042a763035214e8d9b5abb4', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesNumber.style = lsFieldPropertiesNumberCss();
@@ -33824,7 +34199,7 @@ const LsFieldPropertiesSignature = class {
     dataItem;
     template; // LSApiTemplate
     render() {
-        return (h(Host, { key: '78d6346592fd496ba43ac71e85c410a2b155d5f1' }, h("ls-field-properties-container", { key: '71414b4960005440e3afbde1df051a4dccfa5b4c', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '0c9c004512df7635320cc396e3039914b480f742', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '488f9c50ac69413921912f2b8afc099842bd8a74', dataItem: this.dataItem, showValidationTypes: false }), h("ls-field-properties-advanced", { key: '3203dfe7c8a1fab4b1fd13397e091f254ad7c4ba', dataItem: this.dataItem })), h("div", { key: '51e679ffa9aa32d7a1b795c1d9ce16dce2e17542', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'a15d24a4adb0103dc52f5fa238a385621935a3c6', dataItem: this.dataItem, template: this.template })), h("div", { key: '1c9fb7d4e7dc98e07fec8f44af741706dbaafc2c', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'f25eb53f94e773f9468e5bbe96c0dfdc5691ec30', dataItem: this.dataItem }))), h("ls-field-footer", { key: '761a4d0f722bc03aafb35f71f84d27de4486ebd4', dataItem: this.dataItem })));
+        return (h(Host, { key: '61545ec5c441e07651a6c583c0f87744488522bf' }, h("ls-field-properties-container", { key: '8a4411351414c9ece2747ad1715819975dcc1ac8', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '7bda53eaa5675192cf34be31e303ed5617cc0f48', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '2fb285d8f052602082a244c51e3d0db7eab71235', dataItem: this.dataItem, showValidationTypes: false }), h("ls-field-properties-advanced", { key: '08ecaacb1a3996ab33c0f1313e2d91402dd0067a', dataItem: this.dataItem })), h("div", { key: '22c5c3fbc6983c6e1e69b56292a2c60bdbf92153', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '7296f618e7618b11c2c518880bae5f8ff8bbf570', dataItem: this.dataItem, template: this.template })), h("div", { key: '27cdd467f2f2e52e968d72a18b4f02e4afe64a05', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '2ef2a69003fcc44b2ec00aa432e1853b0842a1aa', dataItem: this.dataItem }))), h("ls-field-footer", { key: '3b938581f0fa971eea83c873d6541c76874f2c65', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesSignature.style = lsFieldPropertiesSignatureCss();
@@ -33837,7 +34212,7 @@ const LsFieldPropertiesText = class {
     }
     dataItem;
     render() {
-        return (h(Host, { key: 'e2a92af7e413d150cba7907d2af940c27c9b1c85' }, h("ls-field-properties-container", { key: 'd0d978614641bab2c3ec4daca3167af1e7d1337b', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'a4eb9381a612621b21f9af16c1928fec0c776a7f', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'dfbe43d44cf3f9429283a68a8022ae8c7baaf6f3', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '3082f83140360f5b657de856f4f51685e063aefa', dataItem: this.dataItem })), h("div", { key: '6deda008e270a78567da6f32b20b3b8d79978ccc', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '512450734ecbd858736d7f50aafafff35d88bf94', dataItem: this.dataItem })), h("div", { key: '4b022f65e5ad2711f8816dd70e2f856b6bc815ed', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '5be96340ebc8445e22993c8aec6e40c345c216b8', dataItem: this.dataItem }))), h("ls-field-footer", { key: '8e3ded6a9b749d7913e435a84e8ffeab385d802c', dataItem: this.dataItem })));
+        return (h(Host, { key: 'dc8738e232b05fbeb1b9c8169cbef0a237586b6d' }, h("ls-field-properties-container", { key: 'a250cae1f02e9f580925aaee416676517ae9fb28', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'e82f49d6f0a729f1130ee1f71dab2ab3845527da', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'efb750e9505a50325a918671a10dc0118b2519c4', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '0107a1c453b8c67266a91dca3ae3b9434a71ce0c', dataItem: this.dataItem })), h("div", { key: '922cacac9011e5b9cbbf3160931dd469f17e1b00', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '0d4047db3ec1c31781695598952021065209245a', dataItem: this.dataItem })), h("div", { key: '05e889ca3a0ec19b54bfe8006a12ea0d7070dbbf', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '20ccf0c96cf1a94ab5b48a7dec9ff5c4ee93f96f', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'dc766df6bbd62fe9e7b30146cf86fa2a7e128524', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesText.style = lsFieldPropertiesTextCss();
@@ -33864,7 +34239,7 @@ const LsFieldSize = class {
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: 'd36662d9fbfce3ea426b3896ecf6ccfab08e9ee8' }, h("div", { key: '9f51d855657bb480f4ff0d1c38ab1445a106a179', class: 'ls-dv-field-properties-section' }, h("div", { key: 'f9da84d3a6d88ea42b8ca7cbb7dcf0bf15155535', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '240bd01126f2673c0af476d795d4e2abad66bb31', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.scaleandresize')), h("p", { key: 'a20b5db321f822d992c71d845a0a992515cf0d55', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.scaleandresizedescription'))), h("div", { key: '11d88cf3a791b4df9bb305941f3c0c1bf0b0e756', class: 'ls-dv-button-group' }, h("button", { key: '6f5c47b1e571a288fe90771419adba274435c6d3', onClick: () => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height }), "aria-label": dvI18n.t('alignment.matchsize'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.matchsize') }, h("ls-icon", { key: '36a2e269df4a02420fa24b104a4b5325fc523361', name: "field-scale-icon" })), h("button", { key: '99e8f995e0e05bf83501a43a10747c7e1d57d97b', "aria-label": dvI18n.t('alignment.matchwidth'), onClick: () => this.alter({ width: this.dataItem[0].width }), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.matchwidth') }, h("ls-icon", { key: '2c78b705932f5b48ecffec4f1743e13b2d99ea7f', name: "field-match-width-icon" })), h("button", { key: '05f667da0c4ad6381c0a906529d5994caede5356', onClick: () => this.alter({ height: this.dataItem[0].height }), "aria-label": dvI18n.t('alignment.matchheight'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.matchheight') }, h("ls-icon", { key: '35bb3aca634b24dffcab56d47f838591d03d537c', name: "field-match-height-icon" })))), h("slot", { key: 'f677ae7781bb67cae3ba4713bf426db45e779888' }), h("ls-tooltip", { key: 'f86fc41ccdbdfecc2b59dc13b2d124d5b7a8b491', tooltipId: "ls-dv-tooltip" })));
+        return (h(Host, { key: '8d99d5cca552d26a7315c2fc025298abcd5a6dcc' }, h("div", { key: '8d6519eeabab97e1bfefdc82d69f63235264b629', class: 'ls-dv-field-properties-section' }, h("div", { key: 'cbfa3cf70aecb206261b28f1a5d5f71f2f895cb8', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '0360949ead5e59ae500a0a4d2d2166bca656a36c', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.scaleandresize')), h("p", { key: 'fbed65038619910c03f4f2f35ce3b5fa2fad6fa5', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.scaleandresizedescription'))), h("div", { key: '39b3566c1ac236430ebf446bd3483d6acd0882ca', class: 'ls-dv-button-group' }, h("button", { key: '40fbce4ac0938c4e508feb6d9ad3831e5d7a6fc0', onClick: () => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height }), "aria-label": dvI18n.t('alignment.matchsize'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.matchsize') }, h("ls-icon", { key: 'eae7405e4425cd4a22cc391f9b4cdbfd3049371d', name: "field-scale-icon" })), h("button", { key: 'c6e1fa75815926dc659ee1cce5ee4bb946cc442d', "aria-label": dvI18n.t('alignment.matchwidth'), onClick: () => this.alter({ width: this.dataItem[0].width }), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.matchwidth') }, h("ls-icon", { key: 'd88a96c4e129d27dfba0c82d339565a2ee3e46b6', name: "field-match-width-icon" })), h("button", { key: 'c2e1dc33b04b92e59e92582eab13993fd446adfb', onClick: () => this.alter({ height: this.dataItem[0].height }), "aria-label": dvI18n.t('alignment.matchheight'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.matchheight') }, h("ls-icon", { key: '731319e6d5d7ab2d28f8e7dc7926a1164497b421', name: "field-match-height-icon" })))), h("slot", { key: '7be8d6019cfda8352cdc57b3e02665c286a73ca3' }), h("ls-tooltip", { key: '5f9302c0edf12024f73d2b6ec675240d16f4a2b6', tooltipId: "ls-dv-tooltip" })));
     }
 };
 LsFieldSize.style = lsFieldSizeCss();
@@ -33897,19 +34272,19 @@ const LsFieldTypeDisplay = class {
     fieldType = 'signature';
     render() {
         const color = defaultRolePalette[this.assignee % 100];
-        return (h(Host, { key: '9c26d365f505bd159c45063d17fdfa08a313b966', class: 'ls-dv-field-type-wrapper', style: {
+        return (h(Host, { key: '6a2cfab9cd4eb4d95801d71bcae604f2744bebc4', class: 'ls-dv-field-type-wrapper', style: {
                 border: `1px dashed ${color.s30}`,
                 background: color.s10,
-            } }, h("div", { key: '80590eb5638054d03a8f503b3b3a69218075edb7', class: 'ls-dv-field-type-inner' }, h("div", { key: '3bb998c987c97bd9b75d32aa6af93afb4f4377c4', class: 'ls-dv-field-type-icon', style: {
+            } }, h("div", { key: '533a2bf184ae588df504b234301419f535e0677b', class: 'ls-dv-field-type-inner' }, h("div", { key: 'ff3fb83bf8d6af13c87057b51b41a6cd35b49074', class: 'ls-dv-field-type-icon', style: {
                 border: `1px solid ${color.s60}`,
                 color: color.s60,
                 background: color.s10,
-            } }, h("ls-icon", { key: '680ec654f2318138439fd2596f36cb3bb4233f8b', name: getFieldIcon(this.fieldType), size: 20 })), h("p", { key: 'f0c3142d5f54c6620b18ddb58fa237816a50197a', class: 'ls-dv-field-type-name' }, dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text')))));
+            } }, h("ls-icon", { key: 'ba985706d34c598b9f28f5a9509d47088400001b', name: getFieldIcon(this.fieldType), size: 20 })), h("p", { key: '9e0272aa299553551f329513f9b31dbef6fd992f', class: 'ls-dv-field-type-name' }, dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text')))));
     }
 };
 LsFieldTypeDisplay.style = lsFieldTypeDisplayCss();
 
-const lsHelperBarCss = () => `.ls-dv-controls-bar{position:relative;z-index:1;display:flex;flex-direction:column;background-color:white;border:1px solid var(--gray-30, #e0e2e5);box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);border-radius:1.125rem;gap:0.75rem;padding:0.5rem}button{all:unset;border:0;color:var(--gray-80, #6f7176)}button:hover{color:var(--gray-100, #45484d);border-radius:0.625rem}button:disabled{color:var(--gray-40, #d8d9dc);cursor:not-allowed}.ls-dv-divider{height:1px;background-color:var(--gray-30, #e0e2e5);width:100%;margin:-0.25rem 0}`;
+const lsHelperBarCss = () => `.ls-dv-controls-bar{position:relative;z-index:1;display:flex;flex-direction:column;background-color:white;border:1px solid var(--gray-30, #e0e2e5);box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);border-radius:var(--rounded-full, 9999px);gap:0.75rem;padding:0.5rem}button{all:unset;border:0;color:var(--gray-80, #6f7176)}button:hover{color:var(--gray-100, #45484d);border-radius:0.625rem}button:disabled{color:var(--gray-40, #d8d9dc);cursor:not-allowed}.ls-dv-divider{height:1px;background-color:var(--gray-30, #e0e2e5);width:100%;margin:-0.25rem 0}`;
 
 const LsHelperBar = class {
     constructor(hostRef) {
@@ -33921,7 +34296,7 @@ const LsHelperBar = class {
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: 'acd23707df81f21f1832d02aafaa526c5f3729bb' }, h("div", { key: 'd466cdc8b62d543690e5d07daf8b3af2d51292bc', class: 'ls-dv-controls-bar', onMouseEnter: () => (this.expanded = true), onMouseLeave: () => (this.expanded = false) }, h("button", { key: '963b4a57b1d3db6007883b1f1ef49bf492024071', style: !this.expanded ? { display: 'none' } : { display: 'block', position: 'relative' }, id: "keyboard-btn", onMouseEnter: () => (this.showShortcuts = true), onMouseLeave: () => (this.showShortcuts = false) }, h("ls-keyboard-shortcuts", { key: '997225eb6fc745c30b42b1facad86b9a52d70684', style: !this.showShortcuts ? { display: 'none' } : { display: 'block' } }), h("ls-icon", { key: 'f2a513e0b44aaac0ab2666ee1616f585b94749ea', name: "keyboard-icon" })), h("button", { key: 'ec44364f23ab657f431498a3745aa6d4e77dfb54', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://legalesign.com/articles/', '_blank') }, h("ls-icon", { key: 'aca8cce93d12571f6021a13f17e6d58cb07c592a', name: "book-open-icon", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('helperbar.viewdocumentation'), "data-tooltip-place": "left" })), h("button", { key: 'd8565a23578129a9667bb7819d1f85bda8f95e4f', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://support.legalesign.io/tickets', '_blank') }, h("ls-icon", { key: 'cd6c739ed2f19a6a49af0279a49a020541f0779c', name: "support-icon", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('helperbar.contactsupport'), "data-tooltip-place": "left" })), h("div", { key: '396bafb2060aa9fa9d73e472167e1ad64f67b6a2', class: "ls-dv-divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), h("button", { key: '21f1b8862e65df8f8a4c67aec2b21d566e4f3259' }, h("ls-icon", { key: '61171b0918b67486c333449b9d98704eedce1bfa', name: "question-mark-circle-icon" }))), h("slot", { key: 'a1c771ad4e9bec106cac51138930aa6698abe3b1' }), h("ls-tooltip", { key: '2fdd38378dfb9877b3a20af1007f45592ee590ee', tooltipId: "ls-dv-tooltip" })));
+        return (h(Host, { key: '149c209c8a2c3f8b647a06398d7175e1ed94e273' }, h("div", { key: 'a3907dc5c429d9bb300bf499b261df2b90a004b7', class: 'ls-dv-controls-bar', onMouseEnter: () => (this.expanded = true), onMouseLeave: () => (this.expanded = false) }, h("button", { key: '1ec915b75ccec0f1e96454cd722c53931ccdb7ae', style: !this.expanded ? { display: 'none' } : { display: 'block', position: 'relative' }, id: "keyboard-btn", onMouseEnter: () => (this.showShortcuts = true), onMouseLeave: () => (this.showShortcuts = false) }, h("ls-keyboard-shortcuts", { key: '13d1685f74c033d622273ae593ba3db92ac471d6', style: !this.showShortcuts ? { display: 'none' } : { display: 'block' } }), h("ls-icon", { key: '17c9e73104f5b21d0bf03b2bb9291487d7163dde', name: "keyboard-icon" })), h("button", { key: '4bd707d2138b0a4bb6c89a0892658a0a07c4579e', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://docs.legalesign.com/web-app/how-to/newedit', '_blank') }, h("ls-icon", { key: '1be46d3249aa7dd132d298dbc4db5acbc217b329', name: "book-open-icon", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('helperbar.viewdocumentation'), "data-tooltip-place": "left" })), h("button", { key: '68c21eca09c94bc7b251159bc699e20f12fc9ba5', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://support.legalesign.io/tickets', '_blank') }, h("ls-icon", { key: 'b23286629199072b8fdaf4751eeaefc3e5ad3fad', name: "support-icon", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('helperbar.contactsupport'), "data-tooltip-place": "left" })), h("div", { key: '4eed3daf1c42cada2788bfb4be4f16ab0021c980', class: "ls-dv-divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), h("button", { key: 'b75936c458be7efb220db9c3f6b9ba4975701bbc' }, h("ls-icon", { key: 'ade6ad0b9be1db51efcb2fab081229814b041831', name: "question-mark-circle-icon" }))), h("slot", { key: '734d4434ccb0a24af181883f15c7dfc1cb0a6809' }), h("ls-tooltip", { key: '6708892757388f52bd8fc9f4f7713fbcd3232973', tooltipId: "ls-dv-tooltip" })));
     }
 };
 LsHelperBar.style = lsHelperBarCss();
@@ -45140,7 +45515,7 @@ const LsInputWrapper = class {
     leadingIcon;
     select = false;
     render() {
-        return (h(Host, { key: '5630d826313e38199a12a5f35ac35eac59ac457f' }, h("ls-icon", { key: 'a39b901d4f1defb63152fabee392e00704963877', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && h("ls-icon", { key: '5474b0c600a32e369165654695c84786942cb636', id: "selectorIcon", name: "selector-icon" }), h("slot", { key: '307595a6ec8200b2b0f998bbfaab219e586e72d9' })));
+        return (h(Host, { key: 'd9aae457a6635653ae09a2a377a28c495a399e33' }, h("ls-icon", { key: 'ff2b76de99fb5744955ae33d0092f6c214d8b3ff', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && h("ls-icon", { key: 'ecfbcaf860205ed494c69f8f94072e1ab7c158f7', id: "selectorIcon", name: "selector-icon" }), h("slot", { key: 'b0c7b2925c5faf47c5eb9894628faff6c61a5406' })));
     }
 };
 LsInputWrapper.style = lsInputWrapperCss();
@@ -45152,7 +45527,7 @@ const LsKeyboardShortcuts = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '12edd7be6c7d1e733756e3f6705847af54156f25', class: 'ls-dv-keyboard-shortcuts-tooltip' }, h("div", { key: '630b8e3ffcebe534e2c4290410ecd496b944a12d', id: "arrow" }), h("svg", { key: 'dc637fdb753665fd5d886727c774353b8c3484c6', width: "187", height: "243", viewBox: "0 0 187 243", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '08ffc99ccbe44c34bbdd3e44fdcff43596aeb6f6', d: "M4.66016 4.51665H7.83939C8.42814 4.51665 8.96254 4.61628 9.4426 4.81555C9.92265 5.01482 10.3302 5.31372 10.6654 5.71226C11.0096 6.10174 11.2722 6.59538 11.4534 7.19318C11.6345 7.78193 11.7251 8.47031 11.7251 9.25833C11.7251 10.0463 11.6345 10.7392 11.4534 11.3371C11.2722 11.9258 11.0096 12.4194 10.6654 12.818C10.3302 13.2075 9.92265 13.5018 9.4426 13.7011C8.96254 13.9004 8.42814 14 7.83939 14H4.66016V4.51665ZM7.83939 12.9946C8.22887 12.9946 8.58665 12.9312 8.91272 12.8044C9.2388 12.6685 9.51959 12.4738 9.75509 12.2202C9.99058 11.9666 10.1717 11.6586 10.2985 11.2963C10.4344 10.9249 10.5023 10.5038 10.5023 10.0328V8.4839C10.5023 8.0129 10.4344 7.59625 10.2985 7.23394C10.1717 6.86258 9.99058 6.55009 9.75509 6.29648C9.51959 6.04286 9.2388 5.85265 8.91272 5.72585C8.58665 5.58998 8.22887 5.52205 7.83939 5.52205H5.80143V12.9946H7.83939ZM17.9871 12.8587H17.9328C17.8603 13.0218 17.7697 13.1848 17.661 13.3478C17.5614 13.5018 17.4346 13.6422 17.2806 13.769C17.1266 13.8868 16.9409 13.9819 16.7236 14.0543C16.5062 14.1268 16.2526 14.163 15.9627 14.163C15.2381 14.163 14.6629 13.9321 14.2372 13.4701C13.8115 12.9991 13.5987 12.3379 13.5987 11.4865V6.98939H14.6856V11.2963C14.6856 12.5553 15.22 13.1848 16.2888 13.1848C16.5062 13.1848 16.7145 13.1576 16.9138 13.1033C17.1221 13.0489 17.3032 12.9674 17.4572 12.8587C17.6203 12.75 17.7471 12.6142 17.8376 12.4511C17.9373 12.279 17.9871 12.0753 17.9871 11.8398V6.98939H19.074V14H17.9871V12.8587ZM21.3886 6.98939H22.4755V8.13065H22.5299C22.711 7.68682 22.9737 7.36075 23.3179 7.15242C23.6711 6.93504 24.0923 6.82635 24.5814 6.82635C25.0162 6.82635 25.4102 6.9124 25.7634 7.08449C26.1167 7.25659 26.4156 7.50114 26.6601 7.81816C26.9138 8.13518 27.104 8.52013 27.2308 8.97301C27.3666 9.42589 27.4346 9.93312 27.4346 10.4947C27.4346 11.0563 27.3666 11.5635 27.2308 12.0164C27.104 12.4693 26.9138 12.8542 26.6601 13.1712C26.4156 13.4882 26.1167 13.7328 25.7634 13.9049C25.4102 14.077 25.0162 14.163 24.5814 14.163C23.6304 14.163 22.9465 13.7283 22.5299 12.8587H22.4755V16.7173H21.3886V6.98939ZM24.2825 13.1848C24.8984 13.1848 25.383 12.9946 25.7363 12.6142C26.0895 12.2247 26.2661 11.7175 26.2661 11.0925V9.89689C26.2661 9.27191 26.0895 8.76921 25.7363 8.38879C25.383 7.99931 24.8984 7.80457 24.2825 7.80457C24.038 7.80457 23.8025 7.8408 23.576 7.91327C23.3586 7.97667 23.1684 8.06725 23.0054 8.18499C22.8423 8.30274 22.711 8.44767 22.6114 8.61976C22.5208 8.7828 22.4755 8.95942 22.4755 9.14963V11.7582C22.4755 11.9847 22.5208 12.1885 22.6114 12.3696C22.711 12.5417 22.8423 12.6912 23.0054 12.818C23.1684 12.9357 23.3586 13.0263 23.576 13.0897C23.8025 13.1531 24.038 13.1848 24.2825 13.1848ZM30.4247 14C30.0442 14 29.7544 13.8958 29.5551 13.6875C29.3649 13.4701 29.2698 13.1984 29.2698 12.8723V3.94602H30.3567V13.0489H31.3893V14H30.4247ZM33.515 5.34542C33.2795 5.34542 33.1075 5.29108 32.9988 5.18239C32.8991 5.06464 32.8493 4.91519 32.8493 4.73403V4.55741C32.8493 4.37626 32.8991 4.23133 32.9988 4.12264C33.1075 4.00489 33.2795 3.94602 33.515 3.94602C33.7505 3.94602 33.9181 4.00489 34.0177 4.12264C34.1264 4.23133 34.1808 4.37626 34.1808 4.55741V4.73403C34.1808 4.91519 34.1264 5.06464 34.0177 5.18239C33.9181 5.29108 33.7505 5.34542 33.515 5.34542ZM32.9716 6.98939H34.0585V14H32.9716V6.98939ZM38.9768 14.163C38.4877 14.163 38.0484 14.077 37.6589 13.9049C37.2694 13.7328 36.9388 13.4882 36.6671 13.1712C36.4044 12.8542 36.2006 12.4693 36.0557 12.0164C35.9198 11.5635 35.8519 11.0563 35.8519 10.4947C35.8519 9.93312 35.9198 9.42589 36.0557 8.97301C36.2006 8.52013 36.4044 8.13518 36.6671 7.81816C36.9388 7.50114 37.2694 7.25659 37.6589 7.08449C38.0484 6.9124 38.4877 6.82635 38.9768 6.82635C39.6742 6.82635 40.2313 6.98033 40.6479 7.28829C41.0736 7.58719 41.3907 7.9812 41.599 8.47031L40.6887 8.93225C40.5619 8.56994 40.3536 8.28916 40.0637 8.08989C39.7739 7.89062 39.4116 7.79099 38.9768 7.79099C38.6507 7.79099 38.3654 7.84533 38.1209 7.95402C37.8763 8.05366 37.6725 8.19858 37.5095 8.38879C37.3464 8.56994 37.2241 8.79186 37.1426 9.05453C37.0611 9.30814 37.0204 9.58893 37.0204 9.89689V11.0925C37.0204 11.7084 37.1834 12.2156 37.5095 12.6142C37.8446 13.0037 38.3337 13.1984 38.9768 13.1984C39.8554 13.1984 40.4894 12.7908 40.8789 11.9756L41.6669 12.5055C41.4405 13.0127 41.1008 13.4158 40.6479 13.7147C40.2041 14.0136 39.6471 14.163 38.9768 14.163ZM48.2962 14C47.8886 14 47.5942 13.8913 47.413 13.6739C47.2409 13.4565 47.1323 13.1848 47.087 12.8587H47.019C46.8651 13.2935 46.6114 13.6196 46.2582 13.837C45.9049 14.0543 45.4838 14.163 44.9946 14.163C44.2519 14.163 43.6722 13.9728 43.2556 13.5924C42.848 13.212 42.6442 12.6957 42.6442 12.0435C42.6442 11.3823 42.8842 10.8751 43.3643 10.5219C43.8534 10.1686 44.6097 9.99199 45.6332 9.99199H47.019V9.29908C47.019 8.80091 46.8832 8.42049 46.6114 8.15782C46.3397 7.89515 45.9231 7.76381 45.3615 7.76381C44.9358 7.76381 44.578 7.85892 44.2882 8.04913C44.0074 8.23934 43.7719 8.49295 43.5817 8.80997L42.9295 8.19858C43.1197 7.81816 43.4231 7.49661 43.8398 7.23394C44.2565 6.96221 44.7818 6.82635 45.4158 6.82635C46.2672 6.82635 46.9285 7.03467 47.3995 7.45133C47.8704 7.86798 48.1059 8.44767 48.1059 9.19039V13.0489H48.9075V14H48.2962ZM45.1713 13.2392C45.443 13.2392 45.6921 13.2075 45.9185 13.1441C46.145 13.0806 46.3397 12.9901 46.5027 12.8723C46.6658 12.7546 46.7926 12.6187 46.8832 12.4647C46.9737 12.3108 47.019 12.1432 47.019 11.962V10.8072H45.5789C44.9539 10.8072 44.4965 10.8978 44.2066 11.0789C43.9258 11.2601 43.7855 11.5227 43.7855 11.8669V12.1522C43.7855 12.4964 43.9077 12.7636 44.1523 12.9538C44.4059 13.1441 44.7456 13.2392 45.1713 13.2392ZM52.0077 14C51.6273 14 51.3374 13.8958 51.1382 13.6875C50.948 13.4701 50.8529 13.1893 50.8529 12.8452V7.94044H49.698V6.98939H50.3502C50.5857 6.98939 50.7442 6.9441 50.8257 6.85352C50.9163 6.75389 50.9615 6.58632 50.9615 6.35082V5.04652H51.9398V6.98939H53.475V7.94044H51.9398V13.0489H53.3663V14H52.0077ZM57.8048 14.163C57.3247 14.163 56.8899 14.077 56.5005 13.9049C56.12 13.7328 55.7894 13.4882 55.5087 13.1712C55.2369 12.8452 55.0241 12.4602 54.8701 12.0164C54.7252 11.5635 54.6527 11.0563 54.6527 10.4947C54.6527 9.94218 54.7252 9.43948 54.8701 8.9866C55.0241 8.53371 55.2369 8.14876 55.5087 7.83175C55.7894 7.50567 56.12 7.25659 56.5005 7.08449C56.8899 6.9124 57.3247 6.82635 57.8048 6.82635C58.2758 6.82635 58.6969 6.9124 59.0683 7.08449C59.4397 7.25659 59.7567 7.49661 60.0194 7.80457C60.282 8.10348 60.4813 8.46125 60.6172 8.8779C60.7621 9.29456 60.8345 9.75197 60.8345 10.2501V10.7664H55.794V11.0925C55.794 11.3914 55.8393 11.6722 55.9298 11.9349C56.0295 12.1885 56.1653 12.4104 56.3374 12.6006C56.5186 12.7908 56.736 12.9403 56.9896 13.0489C57.2523 13.1576 57.5466 13.212 57.8727 13.212C58.3165 13.212 58.7015 13.1078 59.0275 12.8995C59.3627 12.6912 59.6208 12.3923 59.802 12.0028L60.5764 12.5598C60.35 13.0399 59.9967 13.4294 59.5167 13.7283C59.0366 14.0181 58.466 14.163 57.8048 14.163ZM57.8048 7.73664C57.5059 7.73664 57.2341 7.79099 56.9896 7.89968C56.745 7.99931 56.5322 8.14424 56.351 8.33445C56.1789 8.52466 56.0431 8.7511 55.9434 9.01377C55.8438 9.26738 55.794 9.54817 55.794 9.85613V9.95123H59.6661V9.80178C59.6661 9.17681 59.494 8.67864 59.1498 8.30727C58.8147 7.92685 58.3663 7.73664 57.8048 7.73664Z", fill: "#F7F8FA" }), h("g", { key: 'f4165f532224438a159e025753a112d2272caf2d', filter: "url(#filter0_d_6680_546458)" }, h("path", { key: '360317aaa10c55c2076df3ca1694d0d10d490844', d: "M3.39662 31.3513C3.39662 29.5322 4.87123 28.0576 6.69026 28.0576H38.3092C40.1282 28.0576 41.6028 29.5322 41.6028 31.3513V60.994C41.6028 62.813 40.1282 64.2876 38.3092 64.2876H6.69026C4.87123 64.2876 3.39662 62.813 3.39662 60.994V31.3513Z", fill: "#45484D" }), h("path", { key: '006c82713aab584ba6296676aea7db42dc298318', d: "M18.1876 40.6749H22.3494C23.1201 40.6749 23.8197 40.8053 24.4481 41.0662C25.0766 41.327 25.6101 41.7183 26.0488 42.24C26.4994 42.7499 26.8433 43.3961 27.0804 44.1787C27.3176 44.9494 27.4361 45.8505 27.4361 46.8821C27.4361 47.9136 27.3176 48.8207 27.0804 49.6033C26.8433 50.374 26.4994 51.0202 26.0488 51.5419C25.6101 52.0518 25.0766 52.4371 24.4481 52.698C23.8197 52.9588 23.1201 53.0893 22.3494 53.0893H18.1876V40.6749ZM22.3494 51.7731C22.8593 51.7731 23.3276 51.6901 23.7545 51.5241C24.1814 51.3463 24.5489 51.0913 24.8572 50.7593C25.1655 50.4273 25.4026 50.0242 25.5686 49.5499C25.7465 49.0638 25.8354 48.5124 25.8354 47.8958V45.8683C25.8354 45.2517 25.7465 44.7063 25.5686 44.232C25.4026 43.7459 25.1655 43.3368 24.8572 43.0048C24.5489 42.6728 24.1814 42.4238 23.7545 42.2578C23.3276 42.0799 22.8593 41.991 22.3494 41.991H19.6816V51.7731H22.3494Z", fill: "#F7F8FA" }), h("path", { key: 'd15bc06057c25956817c0be17252b8f2f0d3ad6a', d: "M38.3087 27.4912C40.4404 27.4912 42.1691 29.2199 42.1691 31.3516V60.9941C42.169 63.1257 40.4403 64.8535 38.3087 64.8535H6.69057C4.55895 64.8535 2.8303 63.1257 2.83022 60.9941V31.3516C2.83022 29.2199 4.5589 27.4912 6.69057 27.4912H38.3087Z", stroke: "#E0E2E5", "stroke-width": "1.13219" })), h("path", { key: 'a708e54ae7c419112511d9cc3f664016b0b2faef', d: "M7.32311 101.095C6.55321 101.095 5.89653 100.95 5.35307 100.66C4.80961 100.361 4.34767 99.9534 3.96725 99.4371L4.80961 98.7306C5.14475 99.1745 5.51611 99.5141 5.9237 99.7496C6.3313 99.9761 6.81135 100.089 7.36387 100.089C8.04319 100.089 8.55948 99.9262 8.91272 99.6002C9.27503 99.2741 9.45618 98.8393 9.45618 98.2959C9.45618 97.843 9.32032 97.4943 9.04859 97.2497C8.77686 97.0052 8.32851 96.8104 7.70353 96.6655L6.9291 96.4889C6.05957 96.2896 5.39383 95.9907 4.93189 95.5922C4.47901 95.1846 4.25257 94.6139 4.25257 93.8803C4.25257 93.4636 4.32956 93.0923 4.48354 92.7662C4.63752 92.4401 4.85037 92.1684 5.1221 91.951C5.40289 91.7336 5.73349 91.5706 6.11391 91.4619C6.50339 91.3441 6.9291 91.2853 7.39104 91.2853C8.10659 91.2853 8.71799 91.4166 9.22521 91.6793C9.7415 91.9419 10.1763 92.3269 10.5295 92.8341L9.67357 93.4591C9.4109 93.0968 9.09388 92.8115 8.72251 92.6031C8.35115 92.3948 7.88921 92.2907 7.3367 92.2907C6.72983 92.2907 6.24978 92.422 5.89653 92.6847C5.55234 92.9383 5.38025 93.3232 5.38025 93.8395C5.38025 94.2924 5.52517 94.6366 5.81501 94.8721C6.11391 95.0985 6.56227 95.2797 7.16007 95.4155L7.9345 95.5922C8.86744 95.8005 9.54223 96.1175 9.95888 96.5432C10.3755 96.9689 10.5839 97.535 10.5839 98.2415C10.5839 98.6763 10.5069 99.0703 10.3529 99.4235C10.208 99.7768 9.99511 100.076 9.71433 100.32C9.43354 100.565 9.08935 100.755 8.68176 100.891C8.28322 101.027 7.83034 101.095 7.32311 101.095ZM15.0817 101.095C14.6017 101.095 14.1669 101.009 13.7774 100.837C13.397 100.664 13.0664 100.42 12.7856 100.103C12.5139 99.7768 12.301 99.3918 12.147 98.948C12.0021 98.4951 11.9297 97.9879 11.9297 97.4263C11.9297 96.8738 12.0021 96.3711 12.147 95.9182C12.301 95.4654 12.5139 95.0804 12.7856 94.7634C13.0664 94.4373 13.397 94.1882 13.7774 94.0161C14.1669 93.844 14.6017 93.758 15.0817 93.758C15.5527 93.758 15.9739 93.844 16.3453 94.0161C16.7166 94.1882 17.0336 94.4283 17.2963 94.7362C17.559 95.0351 17.7583 95.3929 17.8941 95.8095C18.039 96.2262 18.1115 96.6836 18.1115 97.1818V97.6981H13.0709V98.0241C13.0709 98.323 13.1162 98.6038 13.2068 98.8665C13.3064 99.1201 13.4423 99.342 13.6144 99.5322C13.7955 99.7224 14.0129 99.8719 14.2665 99.9806C14.5292 100.089 14.8236 100.144 15.1497 100.144C15.5935 100.144 15.9784 100.039 16.3045 99.8311C16.6396 99.6228 16.8978 99.3239 17.0789 98.9344L17.8534 99.4915C17.6269 99.9715 17.2737 100.361 16.7936 100.66C16.3136 100.95 15.7429 101.095 15.0817 101.095ZM15.0817 94.6683C14.7828 94.6683 14.5111 94.7226 14.2665 94.8313C14.022 94.931 13.8091 95.0759 13.628 95.2661C13.4559 95.4563 13.32 95.6827 13.2204 95.9454C13.1207 96.199 13.0709 96.4798 13.0709 96.7878V96.8829H16.9431V96.7334C16.9431 96.1084 16.771 95.6103 16.4268 95.2389C16.0916 94.8585 15.6433 94.6683 15.0817 94.6683ZM21.0574 100.932C20.677 100.932 20.3872 100.827 20.1879 100.619C19.9977 100.402 19.9026 100.13 19.9026 99.804V90.8777H20.9895V99.9806H22.0221V100.932H21.0574ZM26.2401 101.095C25.7601 101.095 25.3253 101.009 24.9358 100.837C24.5554 100.664 24.2248 100.42 23.944 100.103C23.6723 99.7768 23.4594 99.3918 23.3055 98.948C23.1605 98.4951 23.0881 97.9879 23.0881 97.4263C23.0881 96.8738 23.1605 96.3711 23.3055 95.9182C23.4594 95.4654 23.6723 95.0804 23.944 94.7634C24.2248 94.4373 24.5554 94.1882 24.9358 94.0161C25.3253 93.844 25.7601 93.758 26.2401 93.758C26.7111 93.758 27.1323 93.844 27.5037 94.0161C27.875 94.1882 28.1921 94.4283 28.4547 94.7362C28.7174 95.0351 28.9167 95.3929 29.0525 95.8095C29.1975 96.2262 29.2699 96.6836 29.2699 97.1818V97.6981H24.2293V98.0241C24.2293 98.323 24.2746 98.6038 24.3652 98.8665C24.4648 99.1201 24.6007 99.342 24.7728 99.5322C24.9539 99.7224 25.1713 99.8719 25.4249 99.9806C25.6876 100.089 25.982 100.144 26.3081 100.144C26.7519 100.144 27.1368 100.039 27.4629 99.8311C27.798 99.6228 28.0562 99.3239 28.2373 98.9344L29.0118 99.4915C28.7853 99.9715 28.4321 100.361 27.952 100.66C27.472 100.95 26.9013 101.095 26.2401 101.095ZM26.2401 94.6683C25.9412 94.6683 25.6695 94.7226 25.4249 94.8313C25.1804 94.931 24.9675 95.0759 24.7864 95.2661C24.6143 95.4563 24.4784 95.6827 24.3788 95.9454C24.2792 96.199 24.2293 96.4798 24.2293 96.7878V96.8829H28.1015V96.7334C28.1015 96.1084 27.9294 95.6103 27.5852 95.2389C27.2501 94.8585 26.8017 94.6683 26.2401 94.6683ZM33.6696 101.095C33.1805 101.095 32.7412 101.009 32.3517 100.837C31.9622 100.664 31.6316 100.42 31.3599 100.103C31.0972 99.7858 30.8934 99.4009 30.7485 98.948C30.6126 98.4951 30.5447 97.9879 30.5447 97.4263C30.5447 96.8648 30.6126 96.3575 30.7485 95.9047C30.8934 95.4518 31.0972 95.0668 31.3599 94.7498C31.6316 94.4328 31.9622 94.1882 32.3517 94.0161C32.7412 93.844 33.1805 93.758 33.6696 93.758C34.367 93.758 34.9241 93.912 35.3407 94.2199C35.7664 94.5188 36.0835 94.9128 36.2918 95.402L35.3815 95.8639C35.2547 95.5016 35.0464 95.2208 34.7565 95.0215C34.4667 94.8223 34.1044 94.7226 33.6696 94.7226C33.3435 94.7226 33.0582 94.777 32.8136 94.8857C32.5691 94.9853 32.3653 95.1302 32.2023 95.3204C32.0392 95.5016 31.9169 95.7235 31.8354 95.9862C31.7539 96.2398 31.7131 96.5206 31.7131 96.8285V98.0241C31.7131 98.6401 31.8762 99.1473 32.2023 99.5458C32.5374 99.9353 33.0265 100.13 33.6696 100.13C34.5482 100.13 35.1822 99.7224 35.5717 98.9073L36.3597 99.4371C36.1333 99.9444 35.7936 100.347 35.3407 100.646C34.8969 100.945 34.3399 101.095 33.6696 101.095ZM39.4429 100.932C39.0625 100.932 38.7726 100.827 38.5733 100.619C38.3831 100.402 38.288 100.121 38.288 99.7768V94.8721H37.1332V93.921H37.7853C38.0208 93.921 38.1793 93.8757 38.2609 93.7852C38.3514 93.6855 38.3967 93.518 38.3967 93.2825V91.9782H39.3749V93.921H40.9102V94.8721H39.3749V99.9806H40.8015V100.932H39.4429ZM53.3678 92.9428H53.2999L52.4983 94.5324L50.2294 98.6627L47.9604 94.5324L47.1588 92.9428H47.0909V100.932H45.9768V91.4483H47.4985L50.2158 96.5568H50.2837L53.0146 91.4483H54.4819V100.932H53.3678V92.9428ZM61.2143 99.7904H61.16C61.0875 99.9534 60.997 100.116 60.8883 100.279C60.7886 100.433 60.6618 100.574 60.5078 100.701C60.3539 100.818 60.1682 100.914 59.9508 100.986C59.7334 101.058 59.4798 101.095 59.19 101.095C58.4653 101.095 57.8902 100.864 57.4645 100.402C57.0388 99.9308 56.8259 99.2696 56.8259 98.4181V93.921H57.9128V98.2279C57.9128 99.4869 58.4472 100.116 59.516 100.116C59.7334 100.116 59.9417 100.089 60.141 100.035C60.3493 99.9806 60.5305 99.8991 60.6845 99.7904C60.8475 99.6817 60.9743 99.5458 61.0649 99.3828C61.1645 99.2107 61.2143 99.0069 61.2143 98.7714V93.921H62.3013V100.932H61.2143V99.7904ZM65.7707 100.932C65.3903 100.932 65.1004 100.827 64.9011 100.619C64.7109 100.402 64.6158 100.13 64.6158 99.804V90.8777H65.7027V99.9806H66.7353V100.932H65.7707ZM69.8001 100.932C69.4197 100.932 69.1299 100.827 68.9306 100.619C68.7404 100.402 68.6453 100.121 68.6453 99.7768V94.8721H67.4904V93.921H68.1426C68.3781 93.921 68.5366 93.8757 68.6181 93.7852C68.7087 93.6855 68.754 93.518 68.754 93.2825V91.9782H69.7322V93.921H71.2675V94.8721H69.7322V99.9806H71.1588V100.932H69.8001ZM73.5579 92.2771C73.3225 92.2771 73.1504 92.2227 73.0417 92.114C72.942 91.9963 72.8922 91.8468 72.8922 91.6657V91.4891C72.8922 91.3079 72.942 91.163 73.0417 91.0543C73.1504 90.9365 73.3225 90.8777 73.5579 90.8777C73.7934 90.8777 73.961 90.9365 74.0606 91.0543C74.1693 91.163 74.2237 91.3079 74.2237 91.4891V91.6657C74.2237 91.8468 74.1693 91.9963 74.0606 92.114C73.961 92.2227 73.7934 92.2771 73.5579 92.2771ZM73.0145 93.921H74.1014V100.932H73.0145V93.921ZM76.4111 93.921H77.498V95.0623H77.5524C77.7335 94.6185 77.9962 94.2924 78.3404 94.0841C78.6936 93.8667 79.1148 93.758 79.6039 93.758C80.0387 93.758 80.4327 93.844 80.7859 94.0161C81.1392 94.1882 81.4381 94.4328 81.6827 94.7498C81.9363 95.0668 82.1265 95.4518 82.2533 95.9047C82.3891 96.3575 82.4571 96.8648 82.4571 97.4263C82.4571 97.9879 82.3891 98.4951 82.2533 98.948C82.1265 99.4009 81.9363 99.7858 81.6827 100.103C81.4381 100.42 81.1392 100.664 80.7859 100.837C80.4327 101.009 80.0387 101.095 79.6039 101.095C78.6529 101.095 77.969 100.66 77.5524 99.7904H77.498V103.649H76.4111V93.921ZM79.305 100.116C79.9209 100.116 80.4055 99.9262 80.7588 99.5458C81.112 99.1563 81.2886 98.6491 81.2886 98.0241V96.8285C81.2886 96.2036 81.112 95.7009 80.7588 95.3204C80.4055 94.931 79.9209 94.7362 79.305 94.7362C79.0605 94.7362 78.825 94.7724 78.5985 94.8449C78.3811 94.9083 78.1909 94.9989 78.0279 95.1166C77.8649 95.2344 77.7335 95.3793 77.6339 95.5514C77.5433 95.7144 77.498 95.8911 77.498 96.0813V98.6899C77.498 98.9163 77.5433 99.1201 77.6339 99.3013C77.7335 99.4734 77.8649 99.6228 78.0279 99.7496C78.1909 99.8674 78.3811 99.9579 78.5985 100.021C78.825 100.085 79.0605 100.116 79.305 100.116ZM85.4472 100.932C85.0667 100.932 84.7769 100.827 84.5776 100.619C84.3874 100.402 84.2923 100.13 84.2923 99.804V90.8777H85.3792V99.9806H86.4118V100.932H85.4472ZM90.6299 101.095C90.1498 101.095 89.715 101.009 89.3256 100.837C88.9452 100.664 88.6145 100.42 88.3338 100.103C88.062 99.7768 87.8492 99.3918 87.6952 98.948C87.5503 98.4951 87.4778 97.9879 87.4778 97.4263C87.4778 96.8738 87.5503 96.3711 87.6952 95.9182C87.8492 95.4654 88.062 95.0804 88.3338 94.7634C88.6145 94.4373 88.9452 94.1882 89.3256 94.0161C89.715 93.844 90.1498 93.758 90.6299 93.758C91.1009 93.758 91.522 93.844 91.8934 94.0161C92.2648 94.1882 92.5818 94.4283 92.8445 94.7362C93.1071 95.0351 93.3064 95.3929 93.4423 95.8095C93.5872 96.2262 93.6597 96.6836 93.6597 97.1818V97.6981H88.6191V98.0241C88.6191 98.323 88.6644 98.6038 88.7549 98.8665C88.8546 99.1201 88.9904 99.342 89.1625 99.5322C89.3437 99.7224 89.5611 99.8719 89.8147 99.9806C90.0774 100.089 90.3717 100.144 90.6978 100.144C91.1416 100.144 91.5266 100.039 91.8527 99.8311C92.1878 99.6228 92.4459 99.3239 92.6271 98.9344L93.4015 99.4915C93.1751 99.9715 92.8218 100.361 92.3418 100.66C91.8617 100.95 91.2911 101.095 90.6299 101.095ZM90.6299 94.6683C90.331 94.6683 90.0592 94.7226 89.8147 94.8313C89.5701 94.931 89.3573 95.0759 89.1761 95.2661C89.004 95.4563 88.8682 95.6827 88.7685 95.9454C88.6689 96.199 88.6191 96.4798 88.6191 96.7878V96.8829H92.4912V96.7334C92.4912 96.1084 92.3191 95.6103 91.9749 95.2389C91.6398 94.8585 91.1914 94.6683 90.6299 94.6683Z", fill: "#F7F8FA" }), h("g", { key: 'b0a58d8ad4f01c74306cef6cc4169b5e4db45173', filter: "url(#filter1_d_6680_546458)" }, h("mask", { key: '060986e9d448f7889ab026c8a8b757a946ee322c', id: "path-5-outside-1_6680_546458", maskUnits: "userSpaceOnUse", x: "1.39662", y: "112.989", width: "56", height: "40", fill: "black" }, h("rect", { key: 'e83c7a214c297f62115321c3cb6f29eee31a12ab', fill: "white", x: "1.39662", y: "112.989", width: "56", height: "40" }), h("path", { key: '0a7e5a68f7597397fa2a55eaa75382837c570a22', d: "M3.39662 118.283C3.39662 116.464 4.87126 114.989 6.69031 114.989H52.8019C54.621 114.989 56.0956 116.464 56.0956 118.283V147.926C56.0956 149.745 54.621 151.22 52.8019 151.22H6.69031C4.87126 151.22 3.39662 149.745 3.39662 147.926V118.283Z" }), h("path", { key: '469f9ac219770098d7b2f112159751106e256a0b', d: "M10.177 124.258H11.9062C12.35 124.258 12.5816 124.003 12.5816 123.586V122.367H13.6817C13.948 122.367 14.1526 122.204 14.1526 121.957C14.1526 121.803 14.0792 121.695 13.9557 121.575L11.4198 119.039C11.3118 118.931 11.1844 118.862 11.0416 118.862C10.9026 118.862 10.7714 118.931 10.6633 119.039L8.12744 121.575C8.00006 121.703 7.93059 121.803 7.93059 121.957C7.93059 122.204 8.13902 122.367 8.40148 122.367H9.50538V123.586C9.50538 124.003 9.73697 124.258 10.177 124.258ZM10.2696 123.694C10.1731 123.694 10.1075 123.629 10.1075 123.536V121.934C10.1075 121.861 10.0805 121.834 10.0072 121.834H8.74886C8.73342 121.834 8.7257 121.826 8.7257 121.819C8.7257 121.811 8.72956 121.803 8.73728 121.795L11.0068 119.541C11.0184 119.53 11.03 119.526 11.0416 119.526C11.057 119.526 11.0686 119.53 11.0802 119.541L13.3459 121.795C13.3575 121.803 13.3613 121.811 13.3613 121.819C13.3613 121.826 13.3536 121.834 13.3382 121.834H12.076C12.0065 121.834 11.9795 121.861 11.9795 121.934V123.536C11.9795 123.625 11.91 123.694 11.8174 123.694H10.2696Z" }), h("path", { key: '5df3154064064b974c8faf0ef827ddc58e757c05', d: "M10.5637 145.386C10.1843 145.386 9.86542 145.315 9.6072 145.173C9.35424 145.025 9.13554 144.83 8.9511 144.588L9.40167 144.224C9.55977 144.424 9.73631 144.58 9.9313 144.69C10.1263 144.796 10.3529 144.849 10.6111 144.849C10.8799 144.849 11.088 144.791 11.2356 144.675C11.3884 144.559 11.4648 144.395 11.4648 144.185C11.4648 144.026 11.4121 143.892 11.3067 143.781C11.2066 143.665 11.0222 143.586 10.7534 143.544L10.4293 143.497C10.2396 143.47 10.0657 143.431 9.90758 143.378C9.74949 143.32 9.60983 143.246 9.48863 143.157C9.37269 143.062 9.28046 142.946 9.21196 142.809C9.14872 142.672 9.1171 142.509 9.1171 142.319C9.1171 142.119 9.15399 141.945 9.22777 141.797C9.30154 141.644 9.40167 141.518 9.52815 141.418C9.6599 141.318 9.81536 141.244 9.99454 141.196C10.1737 141.144 10.3661 141.117 10.5716 141.117C10.9036 141.117 11.1803 141.175 11.4016 141.291C11.6282 141.407 11.8258 141.568 11.9945 141.774L11.5755 142.153C11.4859 142.026 11.3542 141.913 11.1803 141.813C11.0064 141.708 10.7877 141.655 10.5242 141.655C10.2607 141.655 10.0604 141.713 9.92339 141.829C9.79164 141.94 9.72577 142.092 9.72577 142.287C9.72577 142.488 9.79164 142.633 9.92339 142.722C10.0604 142.812 10.2554 142.878 10.5084 142.92L10.8245 142.967C11.2778 143.036 11.5992 143.167 11.7889 143.362C11.9787 143.552 12.0735 143.802 12.0735 144.113C12.0735 144.509 11.9391 144.82 11.6704 145.046C11.4016 145.273 11.0327 145.386 10.5637 145.386Z" }), h("path", { key: '504fece75ca62b37ff99feaa6122709ceec94a46', d: "M13.1905 139.442H13.8229V141.876H13.8545C13.9546 141.644 14.0943 141.46 14.2735 141.323C14.4579 141.186 14.703 141.117 15.0086 141.117C15.4302 141.117 15.7622 141.254 16.0046 141.528C16.2523 141.797 16.3762 142.179 16.3762 142.675V145.291H15.7438V142.785C15.7438 142.053 15.4355 141.687 14.8189 141.687C14.6924 141.687 14.5686 141.702 14.4474 141.734C14.3314 141.766 14.226 141.813 14.1312 141.876C14.0363 141.94 13.9599 142.021 13.9019 142.121C13.8492 142.216 13.8229 142.329 13.8229 142.461V145.291H13.1905V139.442Z" }), h("path", { key: '257bf074e76be8e0c575822cbe97307b4b2c4571', d: "M17.9995 140.256C17.8625 140.256 17.7623 140.224 17.6991 140.161C17.6411 140.092 17.6122 140.005 17.6122 139.9V139.797C17.6122 139.692 17.6411 139.608 17.6991 139.544C17.7623 139.476 17.8625 139.442 17.9995 139.442C18.1365 139.442 18.234 139.476 18.292 139.544C18.3552 139.608 18.3868 139.692 18.3868 139.797V139.9C18.3868 140.005 18.3552 140.092 18.292 140.161C18.234 140.224 18.1365 140.256 17.9995 140.256ZM17.6833 141.212H18.3157V145.291H17.6833V141.212Z" }), h("path", { key: '9b9f6a8e64607167f6a2a62dcec525626fc136be', d: "M19.8808 141.766H19.2168V141.212H19.8808V140.39C19.8808 140.106 19.9546 139.876 20.1022 139.702C20.2497 139.529 20.4737 139.442 20.7741 139.442H21.3907V139.995H20.5132V141.212H21.3907V141.766H20.5132V145.291H19.8808V141.766Z" }), h("path", { key: '7b2d28c4909ac86821d1c84ffdd324579d2d6e29', d: "M23.1236 145.291C22.9022 145.291 22.7336 145.231 22.6177 145.109C22.507 144.983 22.4517 144.82 22.4517 144.619V141.766H21.7797V141.212H22.1592C22.2962 141.212 22.3884 141.186 22.4358 141.133C22.4885 141.075 22.5149 140.978 22.5149 140.841V140.082H23.084V141.212H23.9773V141.766H23.084V144.738H23.914V145.291H23.1236Z" })), h("path", { key: 'cde5181408fe3fb4583029275090d47a2daaed85', d: "M3.39662 118.283C3.39662 116.464 4.87126 114.989 6.69031 114.989H52.8019C54.621 114.989 56.0956 116.464 56.0956 118.283V147.926C56.0956 149.745 54.621 151.22 52.8019 151.22H6.69031C4.87126 151.22 3.39662 149.745 3.39662 147.926V118.283Z", fill: "#45484D" }), h("path", { key: 'a0573e6e04ec6e6811430b1223fbb26c057d7d76', d: "M10.177 124.258H11.9062C12.35 124.258 12.5816 124.003 12.5816 123.586V122.367H13.6817C13.948 122.367 14.1526 122.204 14.1526 121.957C14.1526 121.803 14.0792 121.695 13.9557 121.575L11.4198 119.039C11.3118 118.931 11.1844 118.862 11.0416 118.862C10.9026 118.862 10.7714 118.931 10.6633 119.039L8.12744 121.575C8.00006 121.703 7.93059 121.803 7.93059 121.957C7.93059 122.204 8.13902 122.367 8.40148 122.367H9.50538V123.586C9.50538 124.003 9.73697 124.258 10.177 124.258ZM10.2696 123.694C10.1731 123.694 10.1075 123.629 10.1075 123.536V121.934C10.1075 121.861 10.0805 121.834 10.0072 121.834H8.74886C8.73342 121.834 8.7257 121.826 8.7257 121.819C8.7257 121.811 8.72956 121.803 8.73728 121.795L11.0068 119.541C11.0184 119.53 11.03 119.526 11.0416 119.526C11.057 119.526 11.0686 119.53 11.0802 119.541L13.3459 121.795C13.3575 121.803 13.3613 121.811 13.3613 121.819C13.3613 121.826 13.3536 121.834 13.3382 121.834H12.076C12.0065 121.834 11.9795 121.861 11.9795 121.934V123.536C11.9795 123.625 11.91 123.694 11.8174 123.694H10.2696Z", fill: "#F7F8FA" }), h("path", { key: '8bb3a872c5c9e066fb64d2f1105ae0b60d1f58de', d: "M10.5637 145.386C10.1843 145.386 9.86542 145.315 9.6072 145.173C9.35424 145.025 9.13554 144.83 8.9511 144.588L9.40167 144.224C9.55977 144.424 9.73631 144.58 9.9313 144.69C10.1263 144.796 10.3529 144.849 10.6111 144.849C10.8799 144.849 11.088 144.791 11.2356 144.675C11.3884 144.559 11.4648 144.395 11.4648 144.185C11.4648 144.026 11.4121 143.892 11.3067 143.781C11.2066 143.665 11.0222 143.586 10.7534 143.544L10.4293 143.497C10.2396 143.47 10.0657 143.431 9.90758 143.378C9.74949 143.32 9.60983 143.246 9.48863 143.157C9.37269 143.062 9.28046 142.946 9.21196 142.809C9.14872 142.672 9.1171 142.509 9.1171 142.319C9.1171 142.119 9.15399 141.945 9.22777 141.797C9.30154 141.644 9.40167 141.518 9.52815 141.418C9.6599 141.318 9.81536 141.244 9.99454 141.196C10.1737 141.144 10.3661 141.117 10.5716 141.117C10.9036 141.117 11.1803 141.175 11.4016 141.291C11.6282 141.407 11.8258 141.568 11.9945 141.774L11.5755 142.153C11.4859 142.026 11.3542 141.913 11.1803 141.813C11.0064 141.708 10.7877 141.655 10.5242 141.655C10.2607 141.655 10.0604 141.713 9.92339 141.829C9.79164 141.94 9.72577 142.092 9.72577 142.287C9.72577 142.488 9.79164 142.633 9.92339 142.722C10.0604 142.812 10.2554 142.878 10.5084 142.92L10.8245 142.967C11.2778 143.036 11.5992 143.167 11.7889 143.362C11.9787 143.552 12.0735 143.802 12.0735 144.113C12.0735 144.509 11.9391 144.82 11.6704 145.046C11.4016 145.273 11.0327 145.386 10.5637 145.386Z", fill: "#F7F8FA" }), h("path", { key: '18997b804747fdbbbb0ba3bc8051ff3fa3992e73', d: "M13.1905 139.442H13.8229V141.876H13.8545C13.9546 141.644 14.0943 141.46 14.2735 141.323C14.4579 141.186 14.703 141.117 15.0086 141.117C15.4302 141.117 15.7622 141.254 16.0046 141.528C16.2523 141.797 16.3762 142.179 16.3762 142.675V145.291H15.7438V142.785C15.7438 142.053 15.4355 141.687 14.8189 141.687C14.6924 141.687 14.5686 141.702 14.4474 141.734C14.3314 141.766 14.226 141.813 14.1312 141.876C14.0363 141.94 13.9599 142.021 13.9019 142.121C13.8492 142.216 13.8229 142.329 13.8229 142.461V145.291H13.1905V139.442Z", fill: "#F7F8FA" }), h("path", { key: '7a9329e0dcaf3e807fb1fa03077e047f771924ab', d: "M17.9995 140.256C17.8625 140.256 17.7623 140.224 17.6991 140.161C17.6411 140.092 17.6122 140.005 17.6122 139.9V139.797C17.6122 139.692 17.6411 139.608 17.6991 139.544C17.7623 139.476 17.8625 139.442 17.9995 139.442C18.1365 139.442 18.234 139.476 18.292 139.544C18.3552 139.608 18.3868 139.692 18.3868 139.797V139.9C18.3868 140.005 18.3552 140.092 18.292 140.161C18.234 140.224 18.1365 140.256 17.9995 140.256ZM17.6833 141.212H18.3157V145.291H17.6833V141.212Z", fill: "#F7F8FA" }), h("path", { key: '906c4ffe28348bd975fc49af9ca8826c3ab6be14', d: "M19.8808 141.766H19.2168V141.212H19.8808V140.39C19.8808 140.106 19.9546 139.876 20.1022 139.702C20.2497 139.529 20.4737 139.442 20.7741 139.442H21.3907V139.995H20.5132V141.212H21.3907V141.766H20.5132V145.291H19.8808V141.766Z", fill: "#F7F8FA" }), h("path", { key: '4d2363b0a50842a68e06a3bbc4a1012ddb29c538', d: "M23.1236 145.291C22.9022 145.291 22.7336 145.231 22.6177 145.109C22.507 144.983 22.4517 144.82 22.4517 144.619V141.766H21.7797V141.212H22.1592C22.2962 141.212 22.3884 141.186 22.4358 141.133C22.4885 141.075 22.5149 140.978 22.5149 140.841V140.082H23.084V141.212H23.9773V141.766H23.084V144.738H23.914V145.291H23.1236Z", fill: "#F7F8FA" }), h("path", { key: 'e809d4ad689c2acdfb99f7964159262ddfe586a2', d: "M3.39662 118.283C3.39662 116.464 4.87126 114.989 6.69031 114.989H52.8019C54.621 114.989 56.0956 116.464 56.0956 118.283V147.926C56.0956 149.745 54.621 151.22 52.8019 151.22H6.69031C4.87126 151.22 3.39662 149.745 3.39662 147.926V118.283Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: 'a6a582e9014cf055ff47cae8749e886192ca2c0a', d: "M10.177 124.258H11.9062C12.35 124.258 12.5816 124.003 12.5816 123.586V122.367H13.6817C13.948 122.367 14.1526 122.204 14.1526 121.957C14.1526 121.803 14.0792 121.695 13.9557 121.575L11.4198 119.039C11.3118 118.931 11.1844 118.862 11.0416 118.862C10.9026 118.862 10.7714 118.931 10.6633 119.039L8.12744 121.575C8.00006 121.703 7.93059 121.803 7.93059 121.957C7.93059 122.204 8.13902 122.367 8.40148 122.367H9.50538V123.586C9.50538 124.003 9.73697 124.258 10.177 124.258ZM10.2696 123.694C10.1731 123.694 10.1075 123.629 10.1075 123.536V121.934C10.1075 121.861 10.0805 121.834 10.0072 121.834H8.74886C8.73342 121.834 8.7257 121.826 8.7257 121.819C8.7257 121.811 8.72956 121.803 8.73728 121.795L11.0068 119.541C11.0184 119.53 11.03 119.526 11.0416 119.526C11.057 119.526 11.0686 119.53 11.0802 119.541L13.3459 121.795C13.3575 121.803 13.3613 121.811 13.3613 121.819C13.3613 121.826 13.3536 121.834 13.3382 121.834H12.076C12.0065 121.834 11.9795 121.861 11.9795 121.934V123.536C11.9795 123.625 11.91 123.694 11.8174 123.694H10.2696Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: 'f0d7636369e45c6f1e9495986b47a0df610082ff', d: "M10.5637 145.386C10.1843 145.386 9.86542 145.315 9.6072 145.173C9.35424 145.025 9.13554 144.83 8.9511 144.588L9.40167 144.224C9.55977 144.424 9.73631 144.58 9.9313 144.69C10.1263 144.796 10.3529 144.849 10.6111 144.849C10.8799 144.849 11.088 144.791 11.2356 144.675C11.3884 144.559 11.4648 144.395 11.4648 144.185C11.4648 144.026 11.4121 143.892 11.3067 143.781C11.2066 143.665 11.0222 143.586 10.7534 143.544L10.4293 143.497C10.2396 143.47 10.0657 143.431 9.90758 143.378C9.74949 143.32 9.60983 143.246 9.48863 143.157C9.37269 143.062 9.28046 142.946 9.21196 142.809C9.14872 142.672 9.1171 142.509 9.1171 142.319C9.1171 142.119 9.15399 141.945 9.22777 141.797C9.30154 141.644 9.40167 141.518 9.52815 141.418C9.6599 141.318 9.81536 141.244 9.99454 141.196C10.1737 141.144 10.3661 141.117 10.5716 141.117C10.9036 141.117 11.1803 141.175 11.4016 141.291C11.6282 141.407 11.8258 141.568 11.9945 141.774L11.5755 142.153C11.4859 142.026 11.3542 141.913 11.1803 141.813C11.0064 141.708 10.7877 141.655 10.5242 141.655C10.2607 141.655 10.0604 141.713 9.92339 141.829C9.79164 141.94 9.72577 142.092 9.72577 142.287C9.72577 142.488 9.79164 142.633 9.92339 142.722C10.0604 142.812 10.2554 142.878 10.5084 142.92L10.8245 142.967C11.2778 143.036 11.5992 143.167 11.7889 143.362C11.9787 143.552 12.0735 143.802 12.0735 144.113C12.0735 144.509 11.9391 144.82 11.6704 145.046C11.4016 145.273 11.0327 145.386 10.5637 145.386Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: 'a47ae2e9b17f2d68cfed772063f60a35304213c2', d: "M13.1905 139.442H13.8229V141.876H13.8545C13.9546 141.644 14.0943 141.46 14.2735 141.323C14.4579 141.186 14.703 141.117 15.0086 141.117C15.4302 141.117 15.7622 141.254 16.0046 141.528C16.2523 141.797 16.3762 142.179 16.3762 142.675V145.291H15.7438V142.785C15.7438 142.053 15.4355 141.687 14.8189 141.687C14.6924 141.687 14.5686 141.702 14.4474 141.734C14.3314 141.766 14.226 141.813 14.1312 141.876C14.0363 141.94 13.9599 142.021 13.9019 142.121C13.8492 142.216 13.8229 142.329 13.8229 142.461V145.291H13.1905V139.442Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: '243d7c1ee1dc94929592b565eded005bee16a58b', d: "M17.9995 140.256C17.8625 140.256 17.7623 140.224 17.6991 140.161C17.6411 140.092 17.6122 140.005 17.6122 139.9V139.797C17.6122 139.692 17.6411 139.608 17.6991 139.544C17.7623 139.476 17.8625 139.442 17.9995 139.442C18.1365 139.442 18.234 139.476 18.292 139.544C18.3552 139.608 18.3868 139.692 18.3868 139.797V139.9C18.3868 140.005 18.3552 140.092 18.292 140.161C18.234 140.224 18.1365 140.256 17.9995 140.256ZM17.6833 141.212H18.3157V145.291H17.6833V141.212Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: 'aa6016152ac6bd50d7a43015484ef25286059c95', d: "M19.8808 141.766H19.2168V141.212H19.8808V140.39C19.8808 140.106 19.9546 139.876 20.1022 139.702C20.2497 139.529 20.4737 139.442 20.7741 139.442H21.3907V139.995H20.5132V141.212H21.3907V141.766H20.5132V145.291H19.8808V141.766Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: '6d913407a4655eb1144a5ffe3a444318fc911775', d: "M23.1236 145.291C22.9022 145.291 22.7336 145.231 22.6177 145.109C22.507 144.983 22.4517 144.82 22.4517 144.619V141.766H21.7797V141.212H22.1592C22.2962 141.212 22.3884 141.186 22.4358 141.133C22.4885 141.075 22.5149 140.978 22.5149 140.841V140.082H23.084V141.212H23.9773V141.766H23.084V144.738H23.914V145.291H23.1236Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" })), h("path", { key: '7c939d680d8997337b1137305a82ade353dacd1a', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M71.9465 129.708C72.3217 129.708 72.6258 130.012 72.6258 130.387V132.425L74.6638 132.425C75.039 132.425 75.3431 132.729 75.3431 133.105C75.3431 133.48 75.039 133.784 74.6638 133.784H72.6258V135.822C72.6258 136.197 72.3217 136.501 71.9465 136.501C71.5713 136.501 71.2672 136.197 71.2672 135.822V133.784H69.2292C68.854 133.784 68.5499 133.48 68.5499 133.105C68.5499 132.729 68.854 132.425 69.2292 132.425L71.2672 132.425V130.387C71.2672 130.012 71.5713 129.708 71.9465 129.708Z", fill: "#F7F8FA" }), h("rect", { key: 'fa838316eb0aff311860b12df10c902a230bb2bb', x: "87.7974", y: "114.989", width: "71.3289", height: "36.2306", fill: "#F7F8FA" }), h("rect", { key: 'fa26111bbb8832a72ea77954870e88c6ac9a8dd4', x: "87.7974", y: "114.989", width: "71.3289", height: "36.2306", stroke: "#C8C9CC", "stroke-width": "2.26441" }), h("path", { key: 'eb2d4f85379959f902706459ac670b0ac8423e2c', d: "M103.052 138.795C101.646 138.795 100.553 138.319 99.7707 137.368C98.9888 136.407 98.5978 134.996 98.5978 133.136C98.5978 131.276 98.9888 129.85 99.7707 128.856C100.553 127.852 101.646 127.35 103.052 127.35C103.982 127.35 104.758 127.562 105.382 127.984C106.016 128.407 106.507 129.004 106.856 129.776L105.778 130.425C105.556 129.855 105.218 129.4 104.764 129.062C104.309 128.714 103.739 128.539 103.052 128.539C102.576 128.539 102.148 128.629 101.768 128.809C101.398 128.988 101.081 129.247 100.817 129.585C100.563 129.913 100.368 130.309 100.23 130.774C100.093 131.229 100.024 131.741 100.024 132.312V133.96C100.024 135.101 100.289 135.994 100.817 136.639C101.345 137.284 102.09 137.606 103.052 137.606C103.76 137.606 104.352 137.426 104.827 137.067C105.303 136.697 105.651 136.211 105.873 135.609L106.935 136.274C106.587 137.056 106.085 137.675 105.429 138.129C104.774 138.573 103.982 138.795 103.052 138.795ZM110.218 138.604C109.774 138.604 109.436 138.483 109.203 138.24C108.982 137.986 108.871 137.669 108.871 137.289V126.875H110.139V137.495H111.343V138.604H110.218ZM113.823 128.507C113.549 128.507 113.348 128.444 113.221 128.317C113.105 128.18 113.047 128.006 113.047 127.794V127.588C113.047 127.377 113.105 127.208 113.221 127.081C113.348 126.944 113.549 126.875 113.823 126.875C114.098 126.875 114.294 126.944 114.41 127.081C114.537 127.208 114.6 127.377 114.6 127.588V127.794C114.6 128.006 114.537 128.18 114.41 128.317C114.294 128.444 114.098 128.507 113.823 128.507ZM113.189 130.425H114.457V138.604H113.189V130.425ZM120.195 138.795C119.625 138.795 119.112 138.694 118.658 138.494C118.204 138.293 117.818 138.007 117.501 137.638C117.194 137.268 116.957 136.819 116.788 136.29C116.629 135.762 116.55 135.17 116.55 134.515C116.55 133.86 116.629 133.268 116.788 132.74C116.957 132.211 117.194 131.762 117.501 131.392C117.818 131.022 118.204 130.737 118.658 130.536C119.112 130.336 119.625 130.235 120.195 130.235C121.009 130.235 121.659 130.415 122.145 130.774C122.642 131.123 123.012 131.583 123.255 132.153L122.193 132.692C122.045 132.269 121.802 131.942 121.464 131.709C121.125 131.477 120.703 131.361 120.195 131.361C119.815 131.361 119.482 131.424 119.197 131.551C118.912 131.667 118.674 131.836 118.484 132.058C118.293 132.269 118.151 132.528 118.056 132.835C117.96 133.131 117.913 133.458 117.913 133.818V135.212C117.913 135.931 118.103 136.523 118.484 136.988C118.875 137.442 119.445 137.669 120.195 137.669C121.22 137.669 121.96 137.194 122.415 136.243L123.334 136.861C123.07 137.453 122.673 137.923 122.145 138.272C121.627 138.62 120.977 138.795 120.195 138.795ZM125.124 126.875H126.392V134.309H126.455L127.708 132.914L130.022 130.425H131.559L128.532 133.659L131.861 138.604H130.323L127.613 134.436L126.392 135.688V138.604H125.124V126.875Z", fill: "#45484D" }), h("rect", { key: 'e5f3544091064ea65988cbebe0478ed3f4f3836c', x: "156.244", y: "148.338", width: "4.11711", height: "4.11711", fill: "white", stroke: "#C8C9CC", "stroke-width": "0.823422" }), h("g", { key: '8b7bbd354ef99915f45ebcb7a32be7cf788fad38', filter: "url(#filter2_dd_6680_546458)" }, h("g", { key: 'f7b9b8a2e10e5e1a2a40f99805800b3f76d0c6f6', filter: "url(#filter3_d_6680_546458)" }, h("path", { key: '2ca3540faf457750fac503b48ce0a64959eba071', d: "M140.393 135.369V158.732L145.097 154.164L148.387 161.955L153.646 159.716L150.582 152.319H157.303L140.393 135.369Z", fill: "white" })), h("path", { key: 'ee7b1cbed072956473c2e5e35471127a908a592e', d: "M141.852 155.205V138.884L153.764 150.822H148.375L151.701 158.726L149.011 159.855L145.554 151.632L141.852 155.205Z", fill: "black" })), h("path", { key: '11a9896db8391e5577487687bd7f49308e5b4a9b', d: "M7.32311 188.027C6.55321 188.027 5.89653 187.882 5.35307 187.592C4.80961 187.293 4.34767 186.886 3.96725 186.37L4.80961 185.663C5.14475 186.107 5.51611 186.446 5.9237 186.682C6.3313 186.908 6.81135 187.022 7.36387 187.022C8.04319 187.022 8.55948 186.859 8.91272 186.533C9.27503 186.206 9.45618 185.772 9.45618 185.228C9.45618 184.775 9.32032 184.427 9.04859 184.182C8.77686 183.938 8.32851 183.743 7.70353 183.598L6.9291 183.421C6.05957 183.222 5.39383 182.923 4.93189 182.525C4.47901 182.117 4.25257 181.546 4.25257 180.813C4.25257 180.396 4.32956 180.025 4.48354 179.699C4.63752 179.372 4.85037 179.101 5.1221 178.883C5.40289 178.666 5.73349 178.503 6.11391 178.394C6.50339 178.277 6.9291 178.218 7.39104 178.218C8.10659 178.218 8.71799 178.349 9.22521 178.612C9.7415 178.874 10.1763 179.259 10.5295 179.766L9.67357 180.391C9.4109 180.029 9.09388 179.744 8.72251 179.536C8.35115 179.327 7.88921 179.223 7.3367 179.223C6.72983 179.223 6.24978 179.354 5.89653 179.617C5.55234 179.871 5.38025 180.256 5.38025 180.772C5.38025 181.225 5.52517 181.569 5.81501 181.804C6.11391 182.031 6.56227 182.212 7.16007 182.348L7.9345 182.525C8.86744 182.733 9.54223 183.05 9.95888 183.476C10.3755 183.901 10.5839 184.467 10.5839 185.174C10.5839 185.609 10.5069 186.003 10.3529 186.356C10.208 186.709 9.99511 187.008 9.71433 187.253C9.43354 187.497 9.08935 187.687 8.68176 187.823C8.28322 187.959 7.83034 188.027 7.32311 188.027ZM12.4459 177.81H13.5329V181.995H13.5872C13.7593 181.596 13.9993 181.279 14.3073 181.044C14.6243 180.808 15.0455 180.69 15.5708 180.69C16.2954 180.69 16.8661 180.926 17.2827 181.397C17.7084 181.859 17.9213 182.515 17.9213 183.367V187.864H16.8344V183.557C16.8344 182.298 16.3045 181.669 15.2448 181.669C15.0274 181.669 14.8145 181.696 14.6062 181.75C14.4069 181.804 14.2258 181.886 14.0627 181.995C13.8997 182.103 13.7684 182.244 13.6687 182.416C13.5782 182.579 13.5329 182.774 13.5329 183V187.864H12.4459V177.81ZM20.7114 179.209C20.4759 179.209 20.3038 179.155 20.1951 179.046C20.0955 178.929 20.0457 178.779 20.0457 178.598V178.421C20.0457 178.24 20.0955 178.095 20.1951 177.987C20.3038 177.869 20.4759 177.81 20.7114 177.81C20.9469 177.81 21.1145 177.869 21.2141 177.987C21.3228 178.095 21.3771 178.24 21.3771 178.421V178.598C21.3771 178.779 21.3228 178.929 21.2141 179.046C21.1145 179.155 20.9469 179.209 20.7114 179.209ZM20.1679 180.853H21.2549V187.864H20.1679V180.853ZM23.945 181.804H22.8037V180.853H23.945V179.44C23.945 178.951 24.0718 178.557 24.3254 178.258C24.579 177.959 24.964 177.81 25.4802 177.81H26.54V178.761H25.0319V180.853H26.54V181.804H25.0319V187.864H23.945V181.804ZM29.5184 187.864C29.138 187.864 28.8481 187.76 28.6489 187.552C28.4587 187.334 28.3635 187.053 28.3635 186.709V181.804H27.2087V180.853H27.8608C28.0963 180.853 28.2549 180.808 28.3364 180.718C28.4269 180.618 28.4722 180.45 28.4722 180.215V178.911H29.4505V180.853H30.9857V181.804H29.4505V186.913H30.877V187.864H29.5184ZM36.0523 187.864V178.381H39.8294C40.6808 178.381 41.3329 178.625 41.7858 179.114C42.2477 179.594 42.4787 180.256 42.4787 181.098C42.4787 181.94 42.2477 182.606 41.7858 183.095C41.3329 183.575 40.6808 183.815 39.8294 183.815H37.1936V187.864H36.0523ZM37.1936 182.81H39.8294C40.2822 182.81 40.631 182.692 40.8755 182.457C41.1291 182.221 41.2559 181.886 41.2559 181.451V180.745C41.2559 180.31 41.1291 179.975 40.8755 179.739C40.631 179.504 40.2822 179.386 39.8294 179.386H37.1936V182.81ZM46.5671 188.027C46.0961 188.027 45.6658 187.941 45.2764 187.769C44.8869 187.597 44.5517 187.352 44.271 187.035C43.9992 186.709 43.7864 186.324 43.6324 185.88C43.4784 185.428 43.4014 184.92 43.4014 184.359C43.4014 183.806 43.4784 183.303 43.6324 182.851C43.7864 182.398 43.9992 182.013 44.271 181.696C44.5517 181.37 44.8869 181.121 45.2764 180.949C45.6658 180.776 46.0961 180.69 46.5671 180.69C47.0381 180.69 47.4638 180.776 47.8442 180.949C48.2337 181.121 48.5688 181.37 48.8496 181.696C49.1304 182.013 49.3478 182.398 49.5017 182.851C49.6557 183.303 49.7327 183.806 49.7327 184.359C49.7327 184.92 49.6557 185.428 49.5017 185.88C49.3478 186.324 49.1304 186.709 48.8496 187.035C48.5688 187.352 48.2337 187.597 47.8442 187.769C47.4638 187.941 47.0381 188.027 46.5671 188.027ZM46.5671 187.062C47.1558 187.062 47.6359 186.881 48.0072 186.519C48.3786 186.157 48.5643 185.604 48.5643 184.861V183.856C48.5643 183.113 48.3786 182.561 48.0072 182.198C47.6359 181.836 47.1558 181.655 46.5671 181.655C45.9783 181.655 45.4983 181.836 45.1269 182.198C44.7555 182.561 44.5699 183.113 44.5699 183.856V184.861C44.5699 185.604 44.7555 186.157 45.1269 186.519C45.4983 186.881 45.9783 187.062 46.5671 187.062ZM53.6262 188.027C52.974 188.027 52.4261 187.905 51.9822 187.66C51.5475 187.407 51.1716 187.071 50.8546 186.655L51.629 186.03C51.9007 186.374 52.2041 186.641 52.5393 186.831C52.8744 187.013 53.2639 187.103 53.7077 187.103C54.1696 187.103 54.5274 187.004 54.781 186.804C55.0437 186.605 55.175 186.324 55.175 185.962C55.175 185.69 55.0845 185.459 54.9033 185.269C54.7312 185.07 54.4142 184.934 53.9523 184.861L53.3952 184.78C53.0691 184.735 52.7702 184.667 52.4985 184.576C52.2268 184.476 51.9868 184.35 51.7784 184.196C51.5792 184.033 51.4207 183.833 51.3029 183.598C51.1942 183.362 51.1399 183.082 51.1399 182.756C51.1399 182.411 51.2033 182.112 51.3301 181.859C51.4569 181.596 51.629 181.379 51.8464 181.207C52.0728 181.035 52.34 180.908 52.648 180.826C52.9559 180.736 53.2865 180.69 53.6398 180.69C54.2104 180.69 54.6859 180.79 55.0664 180.989C55.4558 181.189 55.7955 181.465 56.0853 181.818L55.3653 182.47C55.2113 182.253 54.9848 182.058 54.6859 181.886C54.387 181.705 54.0111 181.614 53.5583 181.614C53.1054 181.614 52.7612 181.714 52.5257 181.913C52.2992 182.103 52.186 182.366 52.186 182.701C52.186 183.045 52.2992 183.294 52.5257 183.448C52.7612 183.602 53.0963 183.716 53.5311 183.788L54.0745 183.87C54.8535 183.987 55.406 184.214 55.7321 184.549C56.0582 184.875 56.2212 185.305 56.2212 185.84C56.2212 186.519 55.9902 187.053 55.5283 187.443C55.0664 187.832 54.4323 188.027 53.6262 188.027ZM58.6845 179.209C58.449 179.209 58.2769 179.155 58.1682 179.046C58.0686 178.929 58.0188 178.779 58.0188 178.598V178.421C58.0188 178.24 58.0686 178.095 58.1682 177.987C58.2769 177.869 58.449 177.81 58.6845 177.81C58.92 177.81 59.0876 177.869 59.1872 177.987C59.2959 178.095 59.3502 178.24 59.3502 178.421V178.598C59.3502 178.779 59.2959 178.929 59.1872 179.046C59.0876 179.155 58.92 179.209 58.6845 179.209ZM58.141 180.853H59.2279V187.864H58.141V180.853ZM63.0865 187.864C62.7061 187.864 62.4162 187.76 62.217 187.552C62.0268 187.334 61.9317 187.053 61.9317 186.709V181.804H60.7768V180.853H61.429C61.6645 180.853 61.823 180.808 61.9045 180.718C61.9951 180.618 62.0403 180.45 62.0403 180.215V178.911H63.0186V180.853H64.5538V181.804H63.0186V186.913H64.4451V187.864H63.0865ZM66.8443 179.209C66.6088 179.209 66.4367 179.155 66.328 179.046C66.2284 178.929 66.1786 178.779 66.1786 178.598V178.421C66.1786 178.24 66.2284 178.095 66.328 177.987C66.4367 177.869 66.6088 177.81 66.8443 177.81C67.0798 177.81 67.2474 177.869 67.347 177.987C67.4557 178.095 67.5101 178.24 67.5101 178.421V178.598C67.5101 178.779 67.4557 178.929 67.347 179.046C67.2474 179.155 67.0798 179.209 66.8443 179.209ZM66.3009 180.853H67.3878V187.864H66.3009V180.853ZM72.3468 188.027C71.8758 188.027 71.4456 187.941 71.0561 187.769C70.6666 187.597 70.3315 187.352 70.0507 187.035C69.779 186.709 69.5661 186.324 69.4122 185.88C69.2582 185.428 69.1812 184.92 69.1812 184.359C69.1812 183.806 69.2582 183.303 69.4122 182.851C69.5661 182.398 69.779 182.013 70.0507 181.696C70.3315 181.37 70.6666 181.121 71.0561 180.949C71.4456 180.776 71.8758 180.69 72.3468 180.69C72.8178 180.69 73.2435 180.776 73.624 180.949C74.0134 181.121 74.3486 181.37 74.6294 181.696C74.9102 182.013 75.1275 182.398 75.2815 182.851C75.4355 183.303 75.5125 183.806 75.5125 184.359C75.5125 184.92 75.4355 185.428 75.2815 185.88C75.1275 186.324 74.9102 186.709 74.6294 187.035C74.3486 187.352 74.0134 187.597 73.624 187.769C73.2435 187.941 72.8178 188.027 72.3468 188.027ZM72.3468 187.062C72.9356 187.062 73.4156 186.881 73.787 186.519C74.1584 186.157 74.3441 185.604 74.3441 184.861V183.856C74.3441 183.113 74.1584 182.561 73.787 182.198C73.4156 181.836 72.9356 181.655 72.3468 181.655C71.7581 181.655 71.278 181.836 70.9067 182.198C70.5353 182.561 70.3496 183.113 70.3496 183.856V184.861C70.3496 185.604 70.5353 186.157 70.9067 186.519C71.278 186.881 71.7581 187.062 72.3468 187.062ZM77.3001 187.864V180.853H78.387V181.995H78.4413C78.6134 181.596 78.8535 181.279 79.1614 181.044C79.4784 180.808 79.8996 180.69 80.425 180.69C81.1496 180.69 81.7202 180.926 82.1368 181.397C82.5626 181.859 82.7754 182.515 82.7754 183.367V187.864H81.6885V183.557C81.6885 182.298 81.1586 181.669 80.0989 181.669C79.8815 181.669 79.6686 181.696 79.4603 181.75C79.261 181.804 79.0799 181.886 78.9169 181.995C78.7538 182.103 78.6225 182.244 78.5228 182.416C78.4323 182.579 78.387 182.774 78.387 183V187.864H77.3001ZM88.2329 177.81H89.3198V181.995H89.3742C89.5553 181.551 89.818 181.225 90.1622 181.016C90.5154 180.799 90.9366 180.69 91.4257 180.69C91.8605 180.69 92.2545 180.776 92.6078 180.949C92.961 181.121 93.2599 181.365 93.5045 181.682C93.7581 181.999 93.9483 182.384 94.0751 182.837C94.211 183.29 94.2789 183.797 94.2789 184.359C94.2789 184.92 94.211 185.428 94.0751 185.88C93.9483 186.333 93.7581 186.718 93.5045 187.035C93.2599 187.352 92.961 187.597 92.6078 187.769C92.2545 187.941 91.8605 188.027 91.4257 188.027C90.4747 188.027 89.7908 187.592 89.3742 186.723H89.3198V187.864H88.2329V177.81ZM91.1268 187.049C91.7428 187.049 92.2273 186.859 92.5806 186.478C92.9338 186.089 93.1105 185.581 93.1105 184.957V183.761C93.1105 183.136 92.9338 182.633 92.5806 182.253C92.2273 181.863 91.7428 181.669 91.1268 181.669C90.8823 181.669 90.6468 181.705 90.4203 181.777C90.203 181.841 90.0127 181.931 89.8497 182.049C89.6867 182.167 89.5553 182.312 89.4557 182.484C89.3651 182.647 89.3198 182.823 89.3198 183.014V185.622C89.3198 185.849 89.3651 186.052 89.4557 186.234C89.5553 186.406 89.6867 186.555 89.8497 186.682C90.0127 186.8 90.203 186.89 90.4203 186.954C90.6468 187.017 90.8823 187.049 91.1268 187.049ZM100.368 180.853H101.442L98.3031 189.494C98.2216 189.703 98.1401 189.875 98.0586 190.011C97.9771 190.156 97.8774 190.269 97.7597 190.35C97.6419 190.432 97.4925 190.491 97.3113 190.527C97.1392 190.563 96.9264 190.581 96.6728 190.581H96.1157V189.63H97.2162L97.7461 188.136L95.1239 180.853H96.2108L97.8955 185.622L98.2216 186.764H98.2896L98.67 185.622L100.368 180.853ZM106.079 187.864V186.859H108.729V179.223H108.634L106.242 181.451L105.577 180.731L108.09 178.381H109.87V186.859H112.316V187.864H106.079ZM114.185 180.853H115.272V181.995H115.326C115.508 181.551 115.77 181.225 116.114 181.016C116.468 180.799 116.889 180.69 117.378 180.69C117.813 180.69 118.207 180.776 118.56 180.949C118.913 181.121 119.212 181.365 119.457 181.682C119.71 181.999 119.901 182.384 120.027 182.837C120.163 183.29 120.231 183.797 120.231 184.359C120.231 184.92 120.163 185.428 120.027 185.88C119.901 186.333 119.71 186.718 119.457 187.035C119.212 187.352 118.913 187.597 118.56 187.769C118.207 187.941 117.813 188.027 117.378 188.027C116.427 188.027 115.743 187.592 115.326 186.723H115.272V190.581H114.185V180.853ZM117.079 187.049C117.695 187.049 118.18 186.859 118.533 186.478C118.886 186.089 119.063 185.581 119.063 184.957V183.761C119.063 183.136 118.886 182.633 118.533 182.253C118.18 181.863 117.695 181.669 117.079 181.669C116.835 181.669 116.599 181.705 116.373 181.777C116.155 181.841 115.965 181.931 115.802 182.049C115.639 182.167 115.508 182.312 115.408 182.484C115.317 182.647 115.272 182.823 115.272 183.014V185.622C115.272 185.849 115.317 186.052 115.408 186.234C115.508 186.406 115.639 186.555 115.802 186.682C115.965 186.8 116.155 186.89 116.373 186.954C116.599 187.017 116.835 187.049 117.079 187.049ZM121.038 187.864L123.633 184.332L121.146 180.853H122.423L124.203 183.462H124.244L126.092 180.853H127.301L124.828 184.25L127.355 187.864H126.078L124.258 185.12H124.217L122.247 187.864H121.038Z", fill: "#F7F8FA" }), h("g", { key: 'dc12dfdad369f8a8603984d05cad78f379a5e3b5', filter: "url(#filter4_d_6680_546458)" }, h("path", { key: '0f8bde0224cc6b16fdb699ebaab23532c0e8c54c', d: "M24.637 217.478C24.4981 217.478 24.39 217.536 24.2433 217.609L19.4881 219.913C19.1986 220.056 19.106 220.187 19.106 220.373C19.106 220.554 19.1986 220.685 19.4881 220.828L24.2433 223.132C24.3939 223.206 24.502 223.264 24.6409 223.264C24.8918 223.264 25.0462 223.071 25.0462 222.774V217.968C25.0462 217.671 24.8879 217.478 24.637 217.478Z", fill: "#F7F8FA" }), h("path", { key: '469d431c18da12b9e2a81274cb4a910173f10a1c', d: "M38.3097 201.355C40.4414 201.355 42.1691 203.084 42.1691 205.216V234.858C42.1691 236.99 40.4414 238.719 38.3097 238.719H6.69057C4.55886 238.719 2.83022 236.99 2.83022 234.858V205.216C2.83022 203.084 4.55886 201.355 6.69057 201.355H38.3097Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), h("g", { key: '0965a55e4ce94bad383d4259a026d00ab1bc96ca', filter: "url(#filter5_d_6680_546458)" }, h("path", { key: 'a4665e0927fbbb823dd0da1dbef0f39e05c7ee23', d: "M66.9725 223.264C67.1076 223.264 67.2157 223.206 67.3623 223.132L72.1176 220.828C72.4071 220.685 72.4997 220.554 72.4997 220.373C72.4997 220.187 72.4071 220.056 72.1176 219.913L67.3623 217.609C67.2118 217.536 67.1037 217.478 66.9686 217.478C66.7139 217.478 66.5556 217.671 66.5556 217.968L66.5595 222.774C66.5595 223.071 66.7178 223.264 66.9725 223.264Z", fill: "#F7F8FA" }), h("path", { key: 'd7d43ff9997f5061421be0acabbe4cfc3b712acd', d: "M85.5741 201.355C87.7058 201.355 89.4335 203.084 89.4335 205.216V234.858C89.4335 236.99 87.7058 238.719 85.5741 238.719H53.955C51.8233 238.719 50.0946 236.99 50.0946 234.858V205.216C50.0946 203.084 51.8233 201.355 53.955 201.355H85.5741Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), h("g", { key: '3bb6a79898b03b85621cfa1d14a8fedde7eed8d1', filter: "url(#filter6_d_6680_546458)" }, h("path", { key: 'ad690c783d831695ab78771ea9df3cf97b413fb7', d: "M119.59 222.928C119.59 222.793 119.533 222.685 119.459 222.538L117.155 217.779C117.012 217.493 116.881 217.401 116.696 217.401C116.514 217.401 116.383 217.493 116.24 217.779L113.936 222.538C113.863 222.685 113.805 222.793 113.805 222.932C113.805 223.187 113.998 223.341 114.295 223.341H119.096C119.397 223.341 119.59 223.183 119.59 222.928Z", fill: "#F7F8FA" }), h("path", { key: '5f7f70757e7987b5d00405ff2351a12b65fc53a9', d: "M132.839 201.355C134.97 201.355 136.698 203.084 136.698 205.216V234.858C136.698 236.99 134.97 238.719 132.839 238.719H101.219C99.0877 238.719 97.359 236.99 97.359 234.858V205.216C97.359 203.084 99.0877 201.355 101.219 201.355H132.839Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), h("g", { key: 'd6123867e68af24f2a211e05abc1228d609ac9a6', filter: "url(#filter7_d_6680_546458)" }, h("path", { key: '5309b642f75d2c5865ff7f6019a888d3419419dc', d: "M166.855 217.814C166.855 217.559 166.662 217.401 166.361 217.401H161.559C161.262 217.401 161.069 217.555 161.069 217.81C161.069 217.949 161.127 218.057 161.2 218.204L163.505 222.963C163.647 223.248 163.779 223.341 163.96 223.341C164.145 223.341 164.277 223.248 164.419 222.963L166.724 218.204C166.797 218.057 166.855 217.949 166.855 217.814Z", fill: "#F7F8FA" }), h("path", { key: '5dfbee85305bda4007a95b9f5f29e9072d4e61b8', d: "M180.103 201.355C182.235 201.355 183.962 203.084 183.962 205.216V234.858C183.962 236.99 182.235 238.719 180.103 238.719H148.484C146.352 238.719 144.623 236.99 144.623 234.858V205.216C144.623 203.084 146.352 201.355 148.484 201.355H180.103Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), h("defs", { key: '0136d74c0ce3f9dc749d4164a47436f6e4ef5b87' }, h("filter", { key: '5e4881301678deb304f402c0d003e6c741e9ef4b', id: "filter0_d_6680_546458", x: "5.98431e-05", y: "25.7933", width: "44.9993", height: "43.0231", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '21ebbd331fb55321cc65827b89d55f3e41ac0822', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'd0b3dba5d15ff22fafd1953b862930616aad173e', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '7a232b7113cd7a0f6cf5e6579fad65a003c3c67e', dy: "1.13219" }), h("feGaussianBlur", { key: 'fc0998451b1832c21c5fd4d43902f4e647226805', stdDeviation: "1.13219" }), h("feColorMatrix", { key: 'dc14846381b98be9a4e010461527b394e2d8ee8a', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: 'b1183252f108cf30b964dd19770f845d2751a6a1', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: 'dcbd6bdf198f4cb0a7484c64ca123601982c3fdd', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: '82636ea50de74fece907896e71f9909c9573f836', id: "filter1_d_6680_546458", x: "9.53674e-06", y: "112.725", width: "59.4922", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '2dfe8b59224d5ae34761a66c0d3003977804d2fa', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '85fac2b1bddd3f721b103f38d6cdd601c835c119', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '93ae9f18b9e4197db8f470d7abde63ca211d75be', dy: "1.13221" }), h("feGaussianBlur", { key: '0566c08c2445dea85ca9da80bc6c5d32f4f88297', stdDeviation: "1.13221" }), h("feColorMatrix", { key: 'cd2fd921bdadf20a539f06086c29ee72f4117e05', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: '881c218ef0b8a258bacd19c251dba3de5745ed42', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: '33f7cff7d86da0cae16aa3303fd0f1eff90df562', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: '8ef8c3565d172ff412e0ce4cc1a50b5cfe24510b', id: "filter2_dd_6680_546458", x: "130.543", y: "132.312", width: "30.156", height: "39.4931", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'bc40871054f5b248d0717cb2bc75a20f44d42531', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '667ab8891edc978efa86f5927b13dbb509f0b5d8', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'bff40ff7de7b30194db5d9e5c9e997f1b3902294', radius: "1.13221", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_6680_546458" }), h("feOffset", { key: 'e6ace2d29f5c8412a8064eb3067327a224063232', dy: "2.26441" }), h("feGaussianBlur", { key: 'c039770d32ebb5ce830746c66daa30a2c5d72643', stdDeviation: "2.26441" }), h("feColorMatrix", { key: '35aa84c691dff09708b9f62f92988f6273fa8139', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0" }), h("feBlend", { key: 'd65dbd388c2ba399e0beefbc9650a1e0073c9b13', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feColorMatrix", { key: '3885442f1251d54d52bdc86861cef72a98e8e98e', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'a8731e3dad279e130b8a518f01baaea17594c6d5', radius: "1.13221", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_6680_546458" }), h("feOffset", { key: '752ca32c98aea86a70e008c45d937980000fa2a5', dx: "-3.39662", dy: "3.39662" }), h("feGaussianBlur", { key: 'a6c36c21f5945425cd4e8da175b7760f812a3b78', stdDeviation: "3.79289" }), h("feColorMatrix", { key: '5fbf026c0b5da06fa9f7dca9ddcd0eec7ceff638', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0" }), h("feBlend", { key: 'ba66a716afa8a6b3e3df0d91d71b88bd4b2450db', mode: "normal", in2: "effect1_dropShadow_6680_546458", result: "effect2_dropShadow_6680_546458" }), h("feBlend", { key: '51ed1be65c63dcdc8ba2b53a6b504a5ab8a662ff', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_6680_546458", result: "shape" })), h("filter", { key: '3d8115061c0dea91d908e195a878a1598be79341', id: "filter3_d_6680_546458", x: "136.997", y: "133.104", width: "23.7025", height: "33.3792", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '63032164cf560b229121a92e43cb6948992821c8', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'f8f41d44d0d47059e43c2773f476c39f8fa7738d', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: 'fce5ad7c861936e6c7ec92b51a403b840e1ceff5', dy: "1.13221" }), h("feGaussianBlur", { key: 'bd0920b142adae730d119918eb43bac09b8bc1b6', stdDeviation: "1.69831" }), h("feColorMatrix", { key: '9e3eaa62105af61ebd3e8bedaa9bba550dbde9ac', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0" }), h("feBlend", { key: '0ae589dece0e0fd2370e10114e7866c8beeee045', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: 'e02e2e7c001fa700a1402165af98d1f0b4ff4f38', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: '6f7b11e803847b0239a3009ffb424248c3462b5c', id: "filter4_d_6680_546458", x: "9.53674e-06", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'e38c3b5971bd976ba69e05dc6a725a7257128030', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '3f484faf4685f9a88a9082c7e017134057a8a4d5', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '2728cca6a3234e6e891518d10b6f38033a42545f', dy: "1.13221" }), h("feGaussianBlur", { key: 'd5eb10ffb1c625b9646f6cb353c49083db325bbe', stdDeviation: "1.13221" }), h("feColorMatrix", { key: 'db452b577641c07b60329db0a8c1308a19463ded', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: 'a95a4bdb2e22658a2c5e88d47b2b24d970214b4f', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: '486714a92accefa971451167a31a842cdabefbea', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: 'd75a8008462dd9686b992eb41b73e98ec4aad4fa', id: "filter5_d_6680_546458", x: "47.2644", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '0e44232df204305f7ef50ace54ec59d9c586c3b9', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '4a574b239b9e2534f1daf8202722d656c1be98a7', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '63cd037466e8a4228c09ee4628e301116a790eea', dy: "1.13221" }), h("feGaussianBlur", { key: '79cd8ea81aac9d3529a3566c0c14932be74cca12', stdDeviation: "1.13221" }), h("feColorMatrix", { key: 'e546cda57da407edb7c479762b3f57f444824630', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: 'e14ebd3d9c3bbf7f93396930cc20b554170f822f', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: '8ec48feaa79e86f9cd3cff0ad6f899c96e8b1cc0', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: '6d3a101de98f15a7e2721fd1fb5faf8fb1ce8a35', id: "filter6_d_6680_546458", x: "94.5288", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '6673bb3f8e80d714798d653dbf5da7d1f27aeeb2', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '2c6707c64301574f618522baad4b5b6149e21f8b', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: 'f29ae5daf87ff88cee37a1e52b3ea319a6435902', dy: "1.13221" }), h("feGaussianBlur", { key: '42f7bf0ebcb26918de0312167de3653b03906785', stdDeviation: "1.13221" }), h("feColorMatrix", { key: '2bd275d9e1b7cc461d79c47f450b4dcacae23126', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: '7fae3a3b617f1c2c3cc9752478c54ceec345fd66', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: 'a9e59535a025728c281878c132d1ea8ecc4279d8', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: '10f6f0e3c0f673a4fc72503b237453025a399525', id: "filter7_d_6680_546458", x: "141.793", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '80a680309a3c7d25cd8c3cb30b043b8868370e79', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'a265cca5aef873324a3987c8aae8576e4f8bc07e', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '4044341c914c734612c86612eb030a4d8048946e', dy: "1.13221" }), h("feGaussianBlur", { key: 'ae0c23fe81a86c9c79429283b6e7faf707dd0ed4', stdDeviation: "1.13221" }), h("feColorMatrix", { key: '591a9947fcc9a0c023844f0e618211912677d243', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: 'd0d8fd977892cca8e62aa75ab5515815493431ac', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: '4b1017832d930f97c6d4cd6b4d3a769d6bf606b9', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })))), h("slot", { key: 'db9faa9fd6f691f74e325a50527f29c288ab42b5' })));
+        return (h("div", { key: '01a7a2eca2550f4370063660e64670bdfd39e675', class: 'ls-dv-keyboard-shortcuts-tooltip' }, h("div", { key: '7096879db96c2a452e1f9c8d3f86109d7832412b', id: "arrow" }), h("svg", { key: '1a83bbc0ce6c317e37855abc94a5069b757c7712', width: "187", height: "243", viewBox: "0 0 187 243", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c07b1b17ad59623f22a00ba7ed4e5a9035433d54', d: "M4.66016 4.51665H7.83939C8.42814 4.51665 8.96254 4.61628 9.4426 4.81555C9.92265 5.01482 10.3302 5.31372 10.6654 5.71226C11.0096 6.10174 11.2722 6.59538 11.4534 7.19318C11.6345 7.78193 11.7251 8.47031 11.7251 9.25833C11.7251 10.0463 11.6345 10.7392 11.4534 11.3371C11.2722 11.9258 11.0096 12.4194 10.6654 12.818C10.3302 13.2075 9.92265 13.5018 9.4426 13.7011C8.96254 13.9004 8.42814 14 7.83939 14H4.66016V4.51665ZM7.83939 12.9946C8.22887 12.9946 8.58665 12.9312 8.91272 12.8044C9.2388 12.6685 9.51959 12.4738 9.75509 12.2202C9.99058 11.9666 10.1717 11.6586 10.2985 11.2963C10.4344 10.9249 10.5023 10.5038 10.5023 10.0328V8.4839C10.5023 8.0129 10.4344 7.59625 10.2985 7.23394C10.1717 6.86258 9.99058 6.55009 9.75509 6.29648C9.51959 6.04286 9.2388 5.85265 8.91272 5.72585C8.58665 5.58998 8.22887 5.52205 7.83939 5.52205H5.80143V12.9946H7.83939ZM17.9871 12.8587H17.9328C17.8603 13.0218 17.7697 13.1848 17.661 13.3478C17.5614 13.5018 17.4346 13.6422 17.2806 13.769C17.1266 13.8868 16.9409 13.9819 16.7236 14.0543C16.5062 14.1268 16.2526 14.163 15.9627 14.163C15.2381 14.163 14.6629 13.9321 14.2372 13.4701C13.8115 12.9991 13.5987 12.3379 13.5987 11.4865V6.98939H14.6856V11.2963C14.6856 12.5553 15.22 13.1848 16.2888 13.1848C16.5062 13.1848 16.7145 13.1576 16.9138 13.1033C17.1221 13.0489 17.3032 12.9674 17.4572 12.8587C17.6203 12.75 17.7471 12.6142 17.8376 12.4511C17.9373 12.279 17.9871 12.0753 17.9871 11.8398V6.98939H19.074V14H17.9871V12.8587ZM21.3886 6.98939H22.4755V8.13065H22.5299C22.711 7.68682 22.9737 7.36075 23.3179 7.15242C23.6711 6.93504 24.0923 6.82635 24.5814 6.82635C25.0162 6.82635 25.4102 6.9124 25.7634 7.08449C26.1167 7.25659 26.4156 7.50114 26.6601 7.81816C26.9138 8.13518 27.104 8.52013 27.2308 8.97301C27.3666 9.42589 27.4346 9.93312 27.4346 10.4947C27.4346 11.0563 27.3666 11.5635 27.2308 12.0164C27.104 12.4693 26.9138 12.8542 26.6601 13.1712C26.4156 13.4882 26.1167 13.7328 25.7634 13.9049C25.4102 14.077 25.0162 14.163 24.5814 14.163C23.6304 14.163 22.9465 13.7283 22.5299 12.8587H22.4755V16.7173H21.3886V6.98939ZM24.2825 13.1848C24.8984 13.1848 25.383 12.9946 25.7363 12.6142C26.0895 12.2247 26.2661 11.7175 26.2661 11.0925V9.89689C26.2661 9.27191 26.0895 8.76921 25.7363 8.38879C25.383 7.99931 24.8984 7.80457 24.2825 7.80457C24.038 7.80457 23.8025 7.8408 23.576 7.91327C23.3586 7.97667 23.1684 8.06725 23.0054 8.18499C22.8423 8.30274 22.711 8.44767 22.6114 8.61976C22.5208 8.7828 22.4755 8.95942 22.4755 9.14963V11.7582C22.4755 11.9847 22.5208 12.1885 22.6114 12.3696C22.711 12.5417 22.8423 12.6912 23.0054 12.818C23.1684 12.9357 23.3586 13.0263 23.576 13.0897C23.8025 13.1531 24.038 13.1848 24.2825 13.1848ZM30.4247 14C30.0442 14 29.7544 13.8958 29.5551 13.6875C29.3649 13.4701 29.2698 13.1984 29.2698 12.8723V3.94602H30.3567V13.0489H31.3893V14H30.4247ZM33.515 5.34542C33.2795 5.34542 33.1075 5.29108 32.9988 5.18239C32.8991 5.06464 32.8493 4.91519 32.8493 4.73403V4.55741C32.8493 4.37626 32.8991 4.23133 32.9988 4.12264C33.1075 4.00489 33.2795 3.94602 33.515 3.94602C33.7505 3.94602 33.9181 4.00489 34.0177 4.12264C34.1264 4.23133 34.1808 4.37626 34.1808 4.55741V4.73403C34.1808 4.91519 34.1264 5.06464 34.0177 5.18239C33.9181 5.29108 33.7505 5.34542 33.515 5.34542ZM32.9716 6.98939H34.0585V14H32.9716V6.98939ZM38.9768 14.163C38.4877 14.163 38.0484 14.077 37.6589 13.9049C37.2694 13.7328 36.9388 13.4882 36.6671 13.1712C36.4044 12.8542 36.2006 12.4693 36.0557 12.0164C35.9198 11.5635 35.8519 11.0563 35.8519 10.4947C35.8519 9.93312 35.9198 9.42589 36.0557 8.97301C36.2006 8.52013 36.4044 8.13518 36.6671 7.81816C36.9388 7.50114 37.2694 7.25659 37.6589 7.08449C38.0484 6.9124 38.4877 6.82635 38.9768 6.82635C39.6742 6.82635 40.2313 6.98033 40.6479 7.28829C41.0736 7.58719 41.3907 7.9812 41.599 8.47031L40.6887 8.93225C40.5619 8.56994 40.3536 8.28916 40.0637 8.08989C39.7739 7.89062 39.4116 7.79099 38.9768 7.79099C38.6507 7.79099 38.3654 7.84533 38.1209 7.95402C37.8763 8.05366 37.6725 8.19858 37.5095 8.38879C37.3464 8.56994 37.2241 8.79186 37.1426 9.05453C37.0611 9.30814 37.0204 9.58893 37.0204 9.89689V11.0925C37.0204 11.7084 37.1834 12.2156 37.5095 12.6142C37.8446 13.0037 38.3337 13.1984 38.9768 13.1984C39.8554 13.1984 40.4894 12.7908 40.8789 11.9756L41.6669 12.5055C41.4405 13.0127 41.1008 13.4158 40.6479 13.7147C40.2041 14.0136 39.6471 14.163 38.9768 14.163ZM48.2962 14C47.8886 14 47.5942 13.8913 47.413 13.6739C47.2409 13.4565 47.1323 13.1848 47.087 12.8587H47.019C46.8651 13.2935 46.6114 13.6196 46.2582 13.837C45.9049 14.0543 45.4838 14.163 44.9946 14.163C44.2519 14.163 43.6722 13.9728 43.2556 13.5924C42.848 13.212 42.6442 12.6957 42.6442 12.0435C42.6442 11.3823 42.8842 10.8751 43.3643 10.5219C43.8534 10.1686 44.6097 9.99199 45.6332 9.99199H47.019V9.29908C47.019 8.80091 46.8832 8.42049 46.6114 8.15782C46.3397 7.89515 45.9231 7.76381 45.3615 7.76381C44.9358 7.76381 44.578 7.85892 44.2882 8.04913C44.0074 8.23934 43.7719 8.49295 43.5817 8.80997L42.9295 8.19858C43.1197 7.81816 43.4231 7.49661 43.8398 7.23394C44.2565 6.96221 44.7818 6.82635 45.4158 6.82635C46.2672 6.82635 46.9285 7.03467 47.3995 7.45133C47.8704 7.86798 48.1059 8.44767 48.1059 9.19039V13.0489H48.9075V14H48.2962ZM45.1713 13.2392C45.443 13.2392 45.6921 13.2075 45.9185 13.1441C46.145 13.0806 46.3397 12.9901 46.5027 12.8723C46.6658 12.7546 46.7926 12.6187 46.8832 12.4647C46.9737 12.3108 47.019 12.1432 47.019 11.962V10.8072H45.5789C44.9539 10.8072 44.4965 10.8978 44.2066 11.0789C43.9258 11.2601 43.7855 11.5227 43.7855 11.8669V12.1522C43.7855 12.4964 43.9077 12.7636 44.1523 12.9538C44.4059 13.1441 44.7456 13.2392 45.1713 13.2392ZM52.0077 14C51.6273 14 51.3374 13.8958 51.1382 13.6875C50.948 13.4701 50.8529 13.1893 50.8529 12.8452V7.94044H49.698V6.98939H50.3502C50.5857 6.98939 50.7442 6.9441 50.8257 6.85352C50.9163 6.75389 50.9615 6.58632 50.9615 6.35082V5.04652H51.9398V6.98939H53.475V7.94044H51.9398V13.0489H53.3663V14H52.0077ZM57.8048 14.163C57.3247 14.163 56.8899 14.077 56.5005 13.9049C56.12 13.7328 55.7894 13.4882 55.5087 13.1712C55.2369 12.8452 55.0241 12.4602 54.8701 12.0164C54.7252 11.5635 54.6527 11.0563 54.6527 10.4947C54.6527 9.94218 54.7252 9.43948 54.8701 8.9866C55.0241 8.53371 55.2369 8.14876 55.5087 7.83175C55.7894 7.50567 56.12 7.25659 56.5005 7.08449C56.8899 6.9124 57.3247 6.82635 57.8048 6.82635C58.2758 6.82635 58.6969 6.9124 59.0683 7.08449C59.4397 7.25659 59.7567 7.49661 60.0194 7.80457C60.282 8.10348 60.4813 8.46125 60.6172 8.8779C60.7621 9.29456 60.8345 9.75197 60.8345 10.2501V10.7664H55.794V11.0925C55.794 11.3914 55.8393 11.6722 55.9298 11.9349C56.0295 12.1885 56.1653 12.4104 56.3374 12.6006C56.5186 12.7908 56.736 12.9403 56.9896 13.0489C57.2523 13.1576 57.5466 13.212 57.8727 13.212C58.3165 13.212 58.7015 13.1078 59.0275 12.8995C59.3627 12.6912 59.6208 12.3923 59.802 12.0028L60.5764 12.5598C60.35 13.0399 59.9967 13.4294 59.5167 13.7283C59.0366 14.0181 58.466 14.163 57.8048 14.163ZM57.8048 7.73664C57.5059 7.73664 57.2341 7.79099 56.9896 7.89968C56.745 7.99931 56.5322 8.14424 56.351 8.33445C56.1789 8.52466 56.0431 8.7511 55.9434 9.01377C55.8438 9.26738 55.794 9.54817 55.794 9.85613V9.95123H59.6661V9.80178C59.6661 9.17681 59.494 8.67864 59.1498 8.30727C58.8147 7.92685 58.3663 7.73664 57.8048 7.73664Z", fill: "#F7F8FA" }), h("g", { key: 'b4835057877800767328e6a4bffe548baf25d67f', filter: "url(#filter0_d_6680_546458)" }, h("path", { key: 'abb5efab0e625fd119aac3732ca296b156142758', d: "M3.39662 31.3513C3.39662 29.5322 4.87123 28.0576 6.69026 28.0576H38.3092C40.1282 28.0576 41.6028 29.5322 41.6028 31.3513V60.994C41.6028 62.813 40.1282 64.2876 38.3092 64.2876H6.69026C4.87123 64.2876 3.39662 62.813 3.39662 60.994V31.3513Z", fill: "#45484D" }), h("path", { key: '00cc4b78da6036245a17d10f72f3ed2a5d4540de', d: "M18.1876 40.6749H22.3494C23.1201 40.6749 23.8197 40.8053 24.4481 41.0662C25.0766 41.327 25.6101 41.7183 26.0488 42.24C26.4994 42.7499 26.8433 43.3961 27.0804 44.1787C27.3176 44.9494 27.4361 45.8505 27.4361 46.8821C27.4361 47.9136 27.3176 48.8207 27.0804 49.6033C26.8433 50.374 26.4994 51.0202 26.0488 51.5419C25.6101 52.0518 25.0766 52.4371 24.4481 52.698C23.8197 52.9588 23.1201 53.0893 22.3494 53.0893H18.1876V40.6749ZM22.3494 51.7731C22.8593 51.7731 23.3276 51.6901 23.7545 51.5241C24.1814 51.3463 24.5489 51.0913 24.8572 50.7593C25.1655 50.4273 25.4026 50.0242 25.5686 49.5499C25.7465 49.0638 25.8354 48.5124 25.8354 47.8958V45.8683C25.8354 45.2517 25.7465 44.7063 25.5686 44.232C25.4026 43.7459 25.1655 43.3368 24.8572 43.0048C24.5489 42.6728 24.1814 42.4238 23.7545 42.2578C23.3276 42.0799 22.8593 41.991 22.3494 41.991H19.6816V51.7731H22.3494Z", fill: "#F7F8FA" }), h("path", { key: '926b563b9000d80e2cdd95a17ce13c3836c51a49', d: "M38.3087 27.4912C40.4404 27.4912 42.1691 29.2199 42.1691 31.3516V60.9941C42.169 63.1257 40.4403 64.8535 38.3087 64.8535H6.69057C4.55895 64.8535 2.8303 63.1257 2.83022 60.9941V31.3516C2.83022 29.2199 4.5589 27.4912 6.69057 27.4912H38.3087Z", stroke: "#E0E2E5", "stroke-width": "1.13219" })), h("path", { key: '343beb9d2bce43c66779215c47ee346ead989912', d: "M7.32311 101.095C6.55321 101.095 5.89653 100.95 5.35307 100.66C4.80961 100.361 4.34767 99.9534 3.96725 99.4371L4.80961 98.7306C5.14475 99.1745 5.51611 99.5141 5.9237 99.7496C6.3313 99.9761 6.81135 100.089 7.36387 100.089C8.04319 100.089 8.55948 99.9262 8.91272 99.6002C9.27503 99.2741 9.45618 98.8393 9.45618 98.2959C9.45618 97.843 9.32032 97.4943 9.04859 97.2497C8.77686 97.0052 8.32851 96.8104 7.70353 96.6655L6.9291 96.4889C6.05957 96.2896 5.39383 95.9907 4.93189 95.5922C4.47901 95.1846 4.25257 94.6139 4.25257 93.8803C4.25257 93.4636 4.32956 93.0923 4.48354 92.7662C4.63752 92.4401 4.85037 92.1684 5.1221 91.951C5.40289 91.7336 5.73349 91.5706 6.11391 91.4619C6.50339 91.3441 6.9291 91.2853 7.39104 91.2853C8.10659 91.2853 8.71799 91.4166 9.22521 91.6793C9.7415 91.9419 10.1763 92.3269 10.5295 92.8341L9.67357 93.4591C9.4109 93.0968 9.09388 92.8115 8.72251 92.6031C8.35115 92.3948 7.88921 92.2907 7.3367 92.2907C6.72983 92.2907 6.24978 92.422 5.89653 92.6847C5.55234 92.9383 5.38025 93.3232 5.38025 93.8395C5.38025 94.2924 5.52517 94.6366 5.81501 94.8721C6.11391 95.0985 6.56227 95.2797 7.16007 95.4155L7.9345 95.5922C8.86744 95.8005 9.54223 96.1175 9.95888 96.5432C10.3755 96.9689 10.5839 97.535 10.5839 98.2415C10.5839 98.6763 10.5069 99.0703 10.3529 99.4235C10.208 99.7768 9.99511 100.076 9.71433 100.32C9.43354 100.565 9.08935 100.755 8.68176 100.891C8.28322 101.027 7.83034 101.095 7.32311 101.095ZM15.0817 101.095C14.6017 101.095 14.1669 101.009 13.7774 100.837C13.397 100.664 13.0664 100.42 12.7856 100.103C12.5139 99.7768 12.301 99.3918 12.147 98.948C12.0021 98.4951 11.9297 97.9879 11.9297 97.4263C11.9297 96.8738 12.0021 96.3711 12.147 95.9182C12.301 95.4654 12.5139 95.0804 12.7856 94.7634C13.0664 94.4373 13.397 94.1882 13.7774 94.0161C14.1669 93.844 14.6017 93.758 15.0817 93.758C15.5527 93.758 15.9739 93.844 16.3453 94.0161C16.7166 94.1882 17.0336 94.4283 17.2963 94.7362C17.559 95.0351 17.7583 95.3929 17.8941 95.8095C18.039 96.2262 18.1115 96.6836 18.1115 97.1818V97.6981H13.0709V98.0241C13.0709 98.323 13.1162 98.6038 13.2068 98.8665C13.3064 99.1201 13.4423 99.342 13.6144 99.5322C13.7955 99.7224 14.0129 99.8719 14.2665 99.9806C14.5292 100.089 14.8236 100.144 15.1497 100.144C15.5935 100.144 15.9784 100.039 16.3045 99.8311C16.6396 99.6228 16.8978 99.3239 17.0789 98.9344L17.8534 99.4915C17.6269 99.9715 17.2737 100.361 16.7936 100.66C16.3136 100.95 15.7429 101.095 15.0817 101.095ZM15.0817 94.6683C14.7828 94.6683 14.5111 94.7226 14.2665 94.8313C14.022 94.931 13.8091 95.0759 13.628 95.2661C13.4559 95.4563 13.32 95.6827 13.2204 95.9454C13.1207 96.199 13.0709 96.4798 13.0709 96.7878V96.8829H16.9431V96.7334C16.9431 96.1084 16.771 95.6103 16.4268 95.2389C16.0916 94.8585 15.6433 94.6683 15.0817 94.6683ZM21.0574 100.932C20.677 100.932 20.3872 100.827 20.1879 100.619C19.9977 100.402 19.9026 100.13 19.9026 99.804V90.8777H20.9895V99.9806H22.0221V100.932H21.0574ZM26.2401 101.095C25.7601 101.095 25.3253 101.009 24.9358 100.837C24.5554 100.664 24.2248 100.42 23.944 100.103C23.6723 99.7768 23.4594 99.3918 23.3055 98.948C23.1605 98.4951 23.0881 97.9879 23.0881 97.4263C23.0881 96.8738 23.1605 96.3711 23.3055 95.9182C23.4594 95.4654 23.6723 95.0804 23.944 94.7634C24.2248 94.4373 24.5554 94.1882 24.9358 94.0161C25.3253 93.844 25.7601 93.758 26.2401 93.758C26.7111 93.758 27.1323 93.844 27.5037 94.0161C27.875 94.1882 28.1921 94.4283 28.4547 94.7362C28.7174 95.0351 28.9167 95.3929 29.0525 95.8095C29.1975 96.2262 29.2699 96.6836 29.2699 97.1818V97.6981H24.2293V98.0241C24.2293 98.323 24.2746 98.6038 24.3652 98.8665C24.4648 99.1201 24.6007 99.342 24.7728 99.5322C24.9539 99.7224 25.1713 99.8719 25.4249 99.9806C25.6876 100.089 25.982 100.144 26.3081 100.144C26.7519 100.144 27.1368 100.039 27.4629 99.8311C27.798 99.6228 28.0562 99.3239 28.2373 98.9344L29.0118 99.4915C28.7853 99.9715 28.4321 100.361 27.952 100.66C27.472 100.95 26.9013 101.095 26.2401 101.095ZM26.2401 94.6683C25.9412 94.6683 25.6695 94.7226 25.4249 94.8313C25.1804 94.931 24.9675 95.0759 24.7864 95.2661C24.6143 95.4563 24.4784 95.6827 24.3788 95.9454C24.2792 96.199 24.2293 96.4798 24.2293 96.7878V96.8829H28.1015V96.7334C28.1015 96.1084 27.9294 95.6103 27.5852 95.2389C27.2501 94.8585 26.8017 94.6683 26.2401 94.6683ZM33.6696 101.095C33.1805 101.095 32.7412 101.009 32.3517 100.837C31.9622 100.664 31.6316 100.42 31.3599 100.103C31.0972 99.7858 30.8934 99.4009 30.7485 98.948C30.6126 98.4951 30.5447 97.9879 30.5447 97.4263C30.5447 96.8648 30.6126 96.3575 30.7485 95.9047C30.8934 95.4518 31.0972 95.0668 31.3599 94.7498C31.6316 94.4328 31.9622 94.1882 32.3517 94.0161C32.7412 93.844 33.1805 93.758 33.6696 93.758C34.367 93.758 34.9241 93.912 35.3407 94.2199C35.7664 94.5188 36.0835 94.9128 36.2918 95.402L35.3815 95.8639C35.2547 95.5016 35.0464 95.2208 34.7565 95.0215C34.4667 94.8223 34.1044 94.7226 33.6696 94.7226C33.3435 94.7226 33.0582 94.777 32.8136 94.8857C32.5691 94.9853 32.3653 95.1302 32.2023 95.3204C32.0392 95.5016 31.9169 95.7235 31.8354 95.9862C31.7539 96.2398 31.7131 96.5206 31.7131 96.8285V98.0241C31.7131 98.6401 31.8762 99.1473 32.2023 99.5458C32.5374 99.9353 33.0265 100.13 33.6696 100.13C34.5482 100.13 35.1822 99.7224 35.5717 98.9073L36.3597 99.4371C36.1333 99.9444 35.7936 100.347 35.3407 100.646C34.8969 100.945 34.3399 101.095 33.6696 101.095ZM39.4429 100.932C39.0625 100.932 38.7726 100.827 38.5733 100.619C38.3831 100.402 38.288 100.121 38.288 99.7768V94.8721H37.1332V93.921H37.7853C38.0208 93.921 38.1793 93.8757 38.2609 93.7852C38.3514 93.6855 38.3967 93.518 38.3967 93.2825V91.9782H39.3749V93.921H40.9102V94.8721H39.3749V99.9806H40.8015V100.932H39.4429ZM53.3678 92.9428H53.2999L52.4983 94.5324L50.2294 98.6627L47.9604 94.5324L47.1588 92.9428H47.0909V100.932H45.9768V91.4483H47.4985L50.2158 96.5568H50.2837L53.0146 91.4483H54.4819V100.932H53.3678V92.9428ZM61.2143 99.7904H61.16C61.0875 99.9534 60.997 100.116 60.8883 100.279C60.7886 100.433 60.6618 100.574 60.5078 100.701C60.3539 100.818 60.1682 100.914 59.9508 100.986C59.7334 101.058 59.4798 101.095 59.19 101.095C58.4653 101.095 57.8902 100.864 57.4645 100.402C57.0388 99.9308 56.8259 99.2696 56.8259 98.4181V93.921H57.9128V98.2279C57.9128 99.4869 58.4472 100.116 59.516 100.116C59.7334 100.116 59.9417 100.089 60.141 100.035C60.3493 99.9806 60.5305 99.8991 60.6845 99.7904C60.8475 99.6817 60.9743 99.5458 61.0649 99.3828C61.1645 99.2107 61.2143 99.0069 61.2143 98.7714V93.921H62.3013V100.932H61.2143V99.7904ZM65.7707 100.932C65.3903 100.932 65.1004 100.827 64.9011 100.619C64.7109 100.402 64.6158 100.13 64.6158 99.804V90.8777H65.7027V99.9806H66.7353V100.932H65.7707ZM69.8001 100.932C69.4197 100.932 69.1299 100.827 68.9306 100.619C68.7404 100.402 68.6453 100.121 68.6453 99.7768V94.8721H67.4904V93.921H68.1426C68.3781 93.921 68.5366 93.8757 68.6181 93.7852C68.7087 93.6855 68.754 93.518 68.754 93.2825V91.9782H69.7322V93.921H71.2675V94.8721H69.7322V99.9806H71.1588V100.932H69.8001ZM73.5579 92.2771C73.3225 92.2771 73.1504 92.2227 73.0417 92.114C72.942 91.9963 72.8922 91.8468 72.8922 91.6657V91.4891C72.8922 91.3079 72.942 91.163 73.0417 91.0543C73.1504 90.9365 73.3225 90.8777 73.5579 90.8777C73.7934 90.8777 73.961 90.9365 74.0606 91.0543C74.1693 91.163 74.2237 91.3079 74.2237 91.4891V91.6657C74.2237 91.8468 74.1693 91.9963 74.0606 92.114C73.961 92.2227 73.7934 92.2771 73.5579 92.2771ZM73.0145 93.921H74.1014V100.932H73.0145V93.921ZM76.4111 93.921H77.498V95.0623H77.5524C77.7335 94.6185 77.9962 94.2924 78.3404 94.0841C78.6936 93.8667 79.1148 93.758 79.6039 93.758C80.0387 93.758 80.4327 93.844 80.7859 94.0161C81.1392 94.1882 81.4381 94.4328 81.6827 94.7498C81.9363 95.0668 82.1265 95.4518 82.2533 95.9047C82.3891 96.3575 82.4571 96.8648 82.4571 97.4263C82.4571 97.9879 82.3891 98.4951 82.2533 98.948C82.1265 99.4009 81.9363 99.7858 81.6827 100.103C81.4381 100.42 81.1392 100.664 80.7859 100.837C80.4327 101.009 80.0387 101.095 79.6039 101.095C78.6529 101.095 77.969 100.66 77.5524 99.7904H77.498V103.649H76.4111V93.921ZM79.305 100.116C79.9209 100.116 80.4055 99.9262 80.7588 99.5458C81.112 99.1563 81.2886 98.6491 81.2886 98.0241V96.8285C81.2886 96.2036 81.112 95.7009 80.7588 95.3204C80.4055 94.931 79.9209 94.7362 79.305 94.7362C79.0605 94.7362 78.825 94.7724 78.5985 94.8449C78.3811 94.9083 78.1909 94.9989 78.0279 95.1166C77.8649 95.2344 77.7335 95.3793 77.6339 95.5514C77.5433 95.7144 77.498 95.8911 77.498 96.0813V98.6899C77.498 98.9163 77.5433 99.1201 77.6339 99.3013C77.7335 99.4734 77.8649 99.6228 78.0279 99.7496C78.1909 99.8674 78.3811 99.9579 78.5985 100.021C78.825 100.085 79.0605 100.116 79.305 100.116ZM85.4472 100.932C85.0667 100.932 84.7769 100.827 84.5776 100.619C84.3874 100.402 84.2923 100.13 84.2923 99.804V90.8777H85.3792V99.9806H86.4118V100.932H85.4472ZM90.6299 101.095C90.1498 101.095 89.715 101.009 89.3256 100.837C88.9452 100.664 88.6145 100.42 88.3338 100.103C88.062 99.7768 87.8492 99.3918 87.6952 98.948C87.5503 98.4951 87.4778 97.9879 87.4778 97.4263C87.4778 96.8738 87.5503 96.3711 87.6952 95.9182C87.8492 95.4654 88.062 95.0804 88.3338 94.7634C88.6145 94.4373 88.9452 94.1882 89.3256 94.0161C89.715 93.844 90.1498 93.758 90.6299 93.758C91.1009 93.758 91.522 93.844 91.8934 94.0161C92.2648 94.1882 92.5818 94.4283 92.8445 94.7362C93.1071 95.0351 93.3064 95.3929 93.4423 95.8095C93.5872 96.2262 93.6597 96.6836 93.6597 97.1818V97.6981H88.6191V98.0241C88.6191 98.323 88.6644 98.6038 88.7549 98.8665C88.8546 99.1201 88.9904 99.342 89.1625 99.5322C89.3437 99.7224 89.5611 99.8719 89.8147 99.9806C90.0774 100.089 90.3717 100.144 90.6978 100.144C91.1416 100.144 91.5266 100.039 91.8527 99.8311C92.1878 99.6228 92.4459 99.3239 92.6271 98.9344L93.4015 99.4915C93.1751 99.9715 92.8218 100.361 92.3418 100.66C91.8617 100.95 91.2911 101.095 90.6299 101.095ZM90.6299 94.6683C90.331 94.6683 90.0592 94.7226 89.8147 94.8313C89.5701 94.931 89.3573 95.0759 89.1761 95.2661C89.004 95.4563 88.8682 95.6827 88.7685 95.9454C88.6689 96.199 88.6191 96.4798 88.6191 96.7878V96.8829H92.4912V96.7334C92.4912 96.1084 92.3191 95.6103 91.9749 95.2389C91.6398 94.8585 91.1914 94.6683 90.6299 94.6683Z", fill: "#F7F8FA" }), h("g", { key: '8b141445ab0849d545dba0d6780fbb724147ee0e', filter: "url(#filter1_d_6680_546458)" }, h("mask", { key: 'b6a906ee2fd246e68d9b6adde58aceb0598df073', id: "path-5-outside-1_6680_546458", maskUnits: "userSpaceOnUse", x: "1.39662", y: "112.989", width: "56", height: "40", fill: "black" }, h("rect", { key: '7d1356b40b1552bc6b0be424d5c481b4917d0bd7', fill: "white", x: "1.39662", y: "112.989", width: "56", height: "40" }), h("path", { key: '3b8d8fd13a3502f6dfc2eab4cc1e8d495b6ede08', d: "M3.39662 118.283C3.39662 116.464 4.87126 114.989 6.69031 114.989H52.8019C54.621 114.989 56.0956 116.464 56.0956 118.283V147.926C56.0956 149.745 54.621 151.22 52.8019 151.22H6.69031C4.87126 151.22 3.39662 149.745 3.39662 147.926V118.283Z" }), h("path", { key: '4ce2c6310c839a127975bd9de343ac8d41aca3c8', d: "M10.177 124.258H11.9062C12.35 124.258 12.5816 124.003 12.5816 123.586V122.367H13.6817C13.948 122.367 14.1526 122.204 14.1526 121.957C14.1526 121.803 14.0792 121.695 13.9557 121.575L11.4198 119.039C11.3118 118.931 11.1844 118.862 11.0416 118.862C10.9026 118.862 10.7714 118.931 10.6633 119.039L8.12744 121.575C8.00006 121.703 7.93059 121.803 7.93059 121.957C7.93059 122.204 8.13902 122.367 8.40148 122.367H9.50538V123.586C9.50538 124.003 9.73697 124.258 10.177 124.258ZM10.2696 123.694C10.1731 123.694 10.1075 123.629 10.1075 123.536V121.934C10.1075 121.861 10.0805 121.834 10.0072 121.834H8.74886C8.73342 121.834 8.7257 121.826 8.7257 121.819C8.7257 121.811 8.72956 121.803 8.73728 121.795L11.0068 119.541C11.0184 119.53 11.03 119.526 11.0416 119.526C11.057 119.526 11.0686 119.53 11.0802 119.541L13.3459 121.795C13.3575 121.803 13.3613 121.811 13.3613 121.819C13.3613 121.826 13.3536 121.834 13.3382 121.834H12.076C12.0065 121.834 11.9795 121.861 11.9795 121.934V123.536C11.9795 123.625 11.91 123.694 11.8174 123.694H10.2696Z" }), h("path", { key: '11decdd723166284652b0481cacdf84aa624cab8', d: "M10.5637 145.386C10.1843 145.386 9.86542 145.315 9.6072 145.173C9.35424 145.025 9.13554 144.83 8.9511 144.588L9.40167 144.224C9.55977 144.424 9.73631 144.58 9.9313 144.69C10.1263 144.796 10.3529 144.849 10.6111 144.849C10.8799 144.849 11.088 144.791 11.2356 144.675C11.3884 144.559 11.4648 144.395 11.4648 144.185C11.4648 144.026 11.4121 143.892 11.3067 143.781C11.2066 143.665 11.0222 143.586 10.7534 143.544L10.4293 143.497C10.2396 143.47 10.0657 143.431 9.90758 143.378C9.74949 143.32 9.60983 143.246 9.48863 143.157C9.37269 143.062 9.28046 142.946 9.21196 142.809C9.14872 142.672 9.1171 142.509 9.1171 142.319C9.1171 142.119 9.15399 141.945 9.22777 141.797C9.30154 141.644 9.40167 141.518 9.52815 141.418C9.6599 141.318 9.81536 141.244 9.99454 141.196C10.1737 141.144 10.3661 141.117 10.5716 141.117C10.9036 141.117 11.1803 141.175 11.4016 141.291C11.6282 141.407 11.8258 141.568 11.9945 141.774L11.5755 142.153C11.4859 142.026 11.3542 141.913 11.1803 141.813C11.0064 141.708 10.7877 141.655 10.5242 141.655C10.2607 141.655 10.0604 141.713 9.92339 141.829C9.79164 141.94 9.72577 142.092 9.72577 142.287C9.72577 142.488 9.79164 142.633 9.92339 142.722C10.0604 142.812 10.2554 142.878 10.5084 142.92L10.8245 142.967C11.2778 143.036 11.5992 143.167 11.7889 143.362C11.9787 143.552 12.0735 143.802 12.0735 144.113C12.0735 144.509 11.9391 144.82 11.6704 145.046C11.4016 145.273 11.0327 145.386 10.5637 145.386Z" }), h("path", { key: '6a7c06d1720a1de079df610ad959868c79515fa1', d: "M13.1905 139.442H13.8229V141.876H13.8545C13.9546 141.644 14.0943 141.46 14.2735 141.323C14.4579 141.186 14.703 141.117 15.0086 141.117C15.4302 141.117 15.7622 141.254 16.0046 141.528C16.2523 141.797 16.3762 142.179 16.3762 142.675V145.291H15.7438V142.785C15.7438 142.053 15.4355 141.687 14.8189 141.687C14.6924 141.687 14.5686 141.702 14.4474 141.734C14.3314 141.766 14.226 141.813 14.1312 141.876C14.0363 141.94 13.9599 142.021 13.9019 142.121C13.8492 142.216 13.8229 142.329 13.8229 142.461V145.291H13.1905V139.442Z" }), h("path", { key: '6d8ccacffd619043a553ff22229bb91dc311b3e6', d: "M17.9995 140.256C17.8625 140.256 17.7623 140.224 17.6991 140.161C17.6411 140.092 17.6122 140.005 17.6122 139.9V139.797C17.6122 139.692 17.6411 139.608 17.6991 139.544C17.7623 139.476 17.8625 139.442 17.9995 139.442C18.1365 139.442 18.234 139.476 18.292 139.544C18.3552 139.608 18.3868 139.692 18.3868 139.797V139.9C18.3868 140.005 18.3552 140.092 18.292 140.161C18.234 140.224 18.1365 140.256 17.9995 140.256ZM17.6833 141.212H18.3157V145.291H17.6833V141.212Z" }), h("path", { key: '9aac51ff02c94767c2c91c754f8b2d406574eb63', d: "M19.8808 141.766H19.2168V141.212H19.8808V140.39C19.8808 140.106 19.9546 139.876 20.1022 139.702C20.2497 139.529 20.4737 139.442 20.7741 139.442H21.3907V139.995H20.5132V141.212H21.3907V141.766H20.5132V145.291H19.8808V141.766Z" }), h("path", { key: '8f46032372bfec688eb9b645376cde18c66a1e49', d: "M23.1236 145.291C22.9022 145.291 22.7336 145.231 22.6177 145.109C22.507 144.983 22.4517 144.82 22.4517 144.619V141.766H21.7797V141.212H22.1592C22.2962 141.212 22.3884 141.186 22.4358 141.133C22.4885 141.075 22.5149 140.978 22.5149 140.841V140.082H23.084V141.212H23.9773V141.766H23.084V144.738H23.914V145.291H23.1236Z" })), h("path", { key: 'f1139c6269bbe56b548f6018b7fcba8db07b6428', d: "M3.39662 118.283C3.39662 116.464 4.87126 114.989 6.69031 114.989H52.8019C54.621 114.989 56.0956 116.464 56.0956 118.283V147.926C56.0956 149.745 54.621 151.22 52.8019 151.22H6.69031C4.87126 151.22 3.39662 149.745 3.39662 147.926V118.283Z", fill: "#45484D" }), h("path", { key: '1ff4d90c5a14032a290ac250b86f674a277438eb', d: "M10.177 124.258H11.9062C12.35 124.258 12.5816 124.003 12.5816 123.586V122.367H13.6817C13.948 122.367 14.1526 122.204 14.1526 121.957C14.1526 121.803 14.0792 121.695 13.9557 121.575L11.4198 119.039C11.3118 118.931 11.1844 118.862 11.0416 118.862C10.9026 118.862 10.7714 118.931 10.6633 119.039L8.12744 121.575C8.00006 121.703 7.93059 121.803 7.93059 121.957C7.93059 122.204 8.13902 122.367 8.40148 122.367H9.50538V123.586C9.50538 124.003 9.73697 124.258 10.177 124.258ZM10.2696 123.694C10.1731 123.694 10.1075 123.629 10.1075 123.536V121.934C10.1075 121.861 10.0805 121.834 10.0072 121.834H8.74886C8.73342 121.834 8.7257 121.826 8.7257 121.819C8.7257 121.811 8.72956 121.803 8.73728 121.795L11.0068 119.541C11.0184 119.53 11.03 119.526 11.0416 119.526C11.057 119.526 11.0686 119.53 11.0802 119.541L13.3459 121.795C13.3575 121.803 13.3613 121.811 13.3613 121.819C13.3613 121.826 13.3536 121.834 13.3382 121.834H12.076C12.0065 121.834 11.9795 121.861 11.9795 121.934V123.536C11.9795 123.625 11.91 123.694 11.8174 123.694H10.2696Z", fill: "#F7F8FA" }), h("path", { key: '5f15921f45f06599c9ec290502e00a594d653235', d: "M10.5637 145.386C10.1843 145.386 9.86542 145.315 9.6072 145.173C9.35424 145.025 9.13554 144.83 8.9511 144.588L9.40167 144.224C9.55977 144.424 9.73631 144.58 9.9313 144.69C10.1263 144.796 10.3529 144.849 10.6111 144.849C10.8799 144.849 11.088 144.791 11.2356 144.675C11.3884 144.559 11.4648 144.395 11.4648 144.185C11.4648 144.026 11.4121 143.892 11.3067 143.781C11.2066 143.665 11.0222 143.586 10.7534 143.544L10.4293 143.497C10.2396 143.47 10.0657 143.431 9.90758 143.378C9.74949 143.32 9.60983 143.246 9.48863 143.157C9.37269 143.062 9.28046 142.946 9.21196 142.809C9.14872 142.672 9.1171 142.509 9.1171 142.319C9.1171 142.119 9.15399 141.945 9.22777 141.797C9.30154 141.644 9.40167 141.518 9.52815 141.418C9.6599 141.318 9.81536 141.244 9.99454 141.196C10.1737 141.144 10.3661 141.117 10.5716 141.117C10.9036 141.117 11.1803 141.175 11.4016 141.291C11.6282 141.407 11.8258 141.568 11.9945 141.774L11.5755 142.153C11.4859 142.026 11.3542 141.913 11.1803 141.813C11.0064 141.708 10.7877 141.655 10.5242 141.655C10.2607 141.655 10.0604 141.713 9.92339 141.829C9.79164 141.94 9.72577 142.092 9.72577 142.287C9.72577 142.488 9.79164 142.633 9.92339 142.722C10.0604 142.812 10.2554 142.878 10.5084 142.92L10.8245 142.967C11.2778 143.036 11.5992 143.167 11.7889 143.362C11.9787 143.552 12.0735 143.802 12.0735 144.113C12.0735 144.509 11.9391 144.82 11.6704 145.046C11.4016 145.273 11.0327 145.386 10.5637 145.386Z", fill: "#F7F8FA" }), h("path", { key: '754c7114a35ce71855c8ea8ae5c0b31165863d62', d: "M13.1905 139.442H13.8229V141.876H13.8545C13.9546 141.644 14.0943 141.46 14.2735 141.323C14.4579 141.186 14.703 141.117 15.0086 141.117C15.4302 141.117 15.7622 141.254 16.0046 141.528C16.2523 141.797 16.3762 142.179 16.3762 142.675V145.291H15.7438V142.785C15.7438 142.053 15.4355 141.687 14.8189 141.687C14.6924 141.687 14.5686 141.702 14.4474 141.734C14.3314 141.766 14.226 141.813 14.1312 141.876C14.0363 141.94 13.9599 142.021 13.9019 142.121C13.8492 142.216 13.8229 142.329 13.8229 142.461V145.291H13.1905V139.442Z", fill: "#F7F8FA" }), h("path", { key: '1af32fd15e8442c1f23ab62f834615de8d9238af', d: "M17.9995 140.256C17.8625 140.256 17.7623 140.224 17.6991 140.161C17.6411 140.092 17.6122 140.005 17.6122 139.9V139.797C17.6122 139.692 17.6411 139.608 17.6991 139.544C17.7623 139.476 17.8625 139.442 17.9995 139.442C18.1365 139.442 18.234 139.476 18.292 139.544C18.3552 139.608 18.3868 139.692 18.3868 139.797V139.9C18.3868 140.005 18.3552 140.092 18.292 140.161C18.234 140.224 18.1365 140.256 17.9995 140.256ZM17.6833 141.212H18.3157V145.291H17.6833V141.212Z", fill: "#F7F8FA" }), h("path", { key: 'c3df21ce5e2d96aee413e6edc212a49acd99e271', d: "M19.8808 141.766H19.2168V141.212H19.8808V140.39C19.8808 140.106 19.9546 139.876 20.1022 139.702C20.2497 139.529 20.4737 139.442 20.7741 139.442H21.3907V139.995H20.5132V141.212H21.3907V141.766H20.5132V145.291H19.8808V141.766Z", fill: "#F7F8FA" }), h("path", { key: '89285de51e68fff77a328e5513ba6d4d8f0cc61c', d: "M23.1236 145.291C22.9022 145.291 22.7336 145.231 22.6177 145.109C22.507 144.983 22.4517 144.82 22.4517 144.619V141.766H21.7797V141.212H22.1592C22.2962 141.212 22.3884 141.186 22.4358 141.133C22.4885 141.075 22.5149 140.978 22.5149 140.841V140.082H23.084V141.212H23.9773V141.766H23.084V144.738H23.914V145.291H23.1236Z", fill: "#F7F8FA" }), h("path", { key: 'e1517dd959414e285405265a968470b218a015f9', d: "M3.39662 118.283C3.39662 116.464 4.87126 114.989 6.69031 114.989H52.8019C54.621 114.989 56.0956 116.464 56.0956 118.283V147.926C56.0956 149.745 54.621 151.22 52.8019 151.22H6.69031C4.87126 151.22 3.39662 149.745 3.39662 147.926V118.283Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: '442f5b2537d5a4a421552017e44a57385ba82596', d: "M10.177 124.258H11.9062C12.35 124.258 12.5816 124.003 12.5816 123.586V122.367H13.6817C13.948 122.367 14.1526 122.204 14.1526 121.957C14.1526 121.803 14.0792 121.695 13.9557 121.575L11.4198 119.039C11.3118 118.931 11.1844 118.862 11.0416 118.862C10.9026 118.862 10.7714 118.931 10.6633 119.039L8.12744 121.575C8.00006 121.703 7.93059 121.803 7.93059 121.957C7.93059 122.204 8.13902 122.367 8.40148 122.367H9.50538V123.586C9.50538 124.003 9.73697 124.258 10.177 124.258ZM10.2696 123.694C10.1731 123.694 10.1075 123.629 10.1075 123.536V121.934C10.1075 121.861 10.0805 121.834 10.0072 121.834H8.74886C8.73342 121.834 8.7257 121.826 8.7257 121.819C8.7257 121.811 8.72956 121.803 8.73728 121.795L11.0068 119.541C11.0184 119.53 11.03 119.526 11.0416 119.526C11.057 119.526 11.0686 119.53 11.0802 119.541L13.3459 121.795C13.3575 121.803 13.3613 121.811 13.3613 121.819C13.3613 121.826 13.3536 121.834 13.3382 121.834H12.076C12.0065 121.834 11.9795 121.861 11.9795 121.934V123.536C11.9795 123.625 11.91 123.694 11.8174 123.694H10.2696Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: 'c79b6443b17f4dad3f15950c5e9702949fc74536', d: "M10.5637 145.386C10.1843 145.386 9.86542 145.315 9.6072 145.173C9.35424 145.025 9.13554 144.83 8.9511 144.588L9.40167 144.224C9.55977 144.424 9.73631 144.58 9.9313 144.69C10.1263 144.796 10.3529 144.849 10.6111 144.849C10.8799 144.849 11.088 144.791 11.2356 144.675C11.3884 144.559 11.4648 144.395 11.4648 144.185C11.4648 144.026 11.4121 143.892 11.3067 143.781C11.2066 143.665 11.0222 143.586 10.7534 143.544L10.4293 143.497C10.2396 143.47 10.0657 143.431 9.90758 143.378C9.74949 143.32 9.60983 143.246 9.48863 143.157C9.37269 143.062 9.28046 142.946 9.21196 142.809C9.14872 142.672 9.1171 142.509 9.1171 142.319C9.1171 142.119 9.15399 141.945 9.22777 141.797C9.30154 141.644 9.40167 141.518 9.52815 141.418C9.6599 141.318 9.81536 141.244 9.99454 141.196C10.1737 141.144 10.3661 141.117 10.5716 141.117C10.9036 141.117 11.1803 141.175 11.4016 141.291C11.6282 141.407 11.8258 141.568 11.9945 141.774L11.5755 142.153C11.4859 142.026 11.3542 141.913 11.1803 141.813C11.0064 141.708 10.7877 141.655 10.5242 141.655C10.2607 141.655 10.0604 141.713 9.92339 141.829C9.79164 141.94 9.72577 142.092 9.72577 142.287C9.72577 142.488 9.79164 142.633 9.92339 142.722C10.0604 142.812 10.2554 142.878 10.5084 142.92L10.8245 142.967C11.2778 143.036 11.5992 143.167 11.7889 143.362C11.9787 143.552 12.0735 143.802 12.0735 144.113C12.0735 144.509 11.9391 144.82 11.6704 145.046C11.4016 145.273 11.0327 145.386 10.5637 145.386Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: '67a38656789b09327bffea09d9a8333d5429476f', d: "M13.1905 139.442H13.8229V141.876H13.8545C13.9546 141.644 14.0943 141.46 14.2735 141.323C14.4579 141.186 14.703 141.117 15.0086 141.117C15.4302 141.117 15.7622 141.254 16.0046 141.528C16.2523 141.797 16.3762 142.179 16.3762 142.675V145.291H15.7438V142.785C15.7438 142.053 15.4355 141.687 14.8189 141.687C14.6924 141.687 14.5686 141.702 14.4474 141.734C14.3314 141.766 14.226 141.813 14.1312 141.876C14.0363 141.94 13.9599 142.021 13.9019 142.121C13.8492 142.216 13.8229 142.329 13.8229 142.461V145.291H13.1905V139.442Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: '61fa0617b46d78a33e7a92fcf5f7fde0bc25b116', d: "M17.9995 140.256C17.8625 140.256 17.7623 140.224 17.6991 140.161C17.6411 140.092 17.6122 140.005 17.6122 139.9V139.797C17.6122 139.692 17.6411 139.608 17.6991 139.544C17.7623 139.476 17.8625 139.442 17.9995 139.442C18.1365 139.442 18.234 139.476 18.292 139.544C18.3552 139.608 18.3868 139.692 18.3868 139.797V139.9C18.3868 140.005 18.3552 140.092 18.292 140.161C18.234 140.224 18.1365 140.256 17.9995 140.256ZM17.6833 141.212H18.3157V145.291H17.6833V141.212Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: 'd1489f6f5019067fce0ac3c5e44998c33c535a3f', d: "M19.8808 141.766H19.2168V141.212H19.8808V140.39C19.8808 140.106 19.9546 139.876 20.1022 139.702C20.2497 139.529 20.4737 139.442 20.7741 139.442H21.3907V139.995H20.5132V141.212H21.3907V141.766H20.5132V145.291H19.8808V141.766Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: 'd3b1a9ee20306147f6f4186715ef3d93672dc085', d: "M23.1236 145.291C22.9022 145.291 22.7336 145.231 22.6177 145.109C22.507 144.983 22.4517 144.82 22.4517 144.619V141.766H21.7797V141.212H22.1592C22.2962 141.212 22.3884 141.186 22.4358 141.133C22.4885 141.075 22.5149 140.978 22.5149 140.841V140.082H23.084V141.212H23.9773V141.766H23.084V144.738H23.914V145.291H23.1236Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" })), h("path", { key: '7cd00e015cef81fe43cc23b8965bb1c15a556acc', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M71.9465 129.708C72.3217 129.708 72.6258 130.012 72.6258 130.387V132.425L74.6638 132.425C75.039 132.425 75.3431 132.729 75.3431 133.105C75.3431 133.48 75.039 133.784 74.6638 133.784H72.6258V135.822C72.6258 136.197 72.3217 136.501 71.9465 136.501C71.5713 136.501 71.2672 136.197 71.2672 135.822V133.784H69.2292C68.854 133.784 68.5499 133.48 68.5499 133.105C68.5499 132.729 68.854 132.425 69.2292 132.425L71.2672 132.425V130.387C71.2672 130.012 71.5713 129.708 71.9465 129.708Z", fill: "#F7F8FA" }), h("rect", { key: '9d9af54b7b5a8b12bbe07c166ecc3433006830dc', x: "87.7974", y: "114.989", width: "71.3289", height: "36.2306", fill: "#F7F8FA" }), h("rect", { key: '982324163bdf49205fbae3c3c79186c161cf5bce', x: "87.7974", y: "114.989", width: "71.3289", height: "36.2306", stroke: "#C8C9CC", "stroke-width": "2.26441" }), h("path", { key: '8887ca32ea6101e6a6833efe114c47c26707153f', d: "M103.052 138.795C101.646 138.795 100.553 138.319 99.7707 137.368C98.9888 136.407 98.5978 134.996 98.5978 133.136C98.5978 131.276 98.9888 129.85 99.7707 128.856C100.553 127.852 101.646 127.35 103.052 127.35C103.982 127.35 104.758 127.562 105.382 127.984C106.016 128.407 106.507 129.004 106.856 129.776L105.778 130.425C105.556 129.855 105.218 129.4 104.764 129.062C104.309 128.714 103.739 128.539 103.052 128.539C102.576 128.539 102.148 128.629 101.768 128.809C101.398 128.988 101.081 129.247 100.817 129.585C100.563 129.913 100.368 130.309 100.23 130.774C100.093 131.229 100.024 131.741 100.024 132.312V133.96C100.024 135.101 100.289 135.994 100.817 136.639C101.345 137.284 102.09 137.606 103.052 137.606C103.76 137.606 104.352 137.426 104.827 137.067C105.303 136.697 105.651 136.211 105.873 135.609L106.935 136.274C106.587 137.056 106.085 137.675 105.429 138.129C104.774 138.573 103.982 138.795 103.052 138.795ZM110.218 138.604C109.774 138.604 109.436 138.483 109.203 138.24C108.982 137.986 108.871 137.669 108.871 137.289V126.875H110.139V137.495H111.343V138.604H110.218ZM113.823 128.507C113.549 128.507 113.348 128.444 113.221 128.317C113.105 128.18 113.047 128.006 113.047 127.794V127.588C113.047 127.377 113.105 127.208 113.221 127.081C113.348 126.944 113.549 126.875 113.823 126.875C114.098 126.875 114.294 126.944 114.41 127.081C114.537 127.208 114.6 127.377 114.6 127.588V127.794C114.6 128.006 114.537 128.18 114.41 128.317C114.294 128.444 114.098 128.507 113.823 128.507ZM113.189 130.425H114.457V138.604H113.189V130.425ZM120.195 138.795C119.625 138.795 119.112 138.694 118.658 138.494C118.204 138.293 117.818 138.007 117.501 137.638C117.194 137.268 116.957 136.819 116.788 136.29C116.629 135.762 116.55 135.17 116.55 134.515C116.55 133.86 116.629 133.268 116.788 132.74C116.957 132.211 117.194 131.762 117.501 131.392C117.818 131.022 118.204 130.737 118.658 130.536C119.112 130.336 119.625 130.235 120.195 130.235C121.009 130.235 121.659 130.415 122.145 130.774C122.642 131.123 123.012 131.583 123.255 132.153L122.193 132.692C122.045 132.269 121.802 131.942 121.464 131.709C121.125 131.477 120.703 131.361 120.195 131.361C119.815 131.361 119.482 131.424 119.197 131.551C118.912 131.667 118.674 131.836 118.484 132.058C118.293 132.269 118.151 132.528 118.056 132.835C117.96 133.131 117.913 133.458 117.913 133.818V135.212C117.913 135.931 118.103 136.523 118.484 136.988C118.875 137.442 119.445 137.669 120.195 137.669C121.22 137.669 121.96 137.194 122.415 136.243L123.334 136.861C123.07 137.453 122.673 137.923 122.145 138.272C121.627 138.62 120.977 138.795 120.195 138.795ZM125.124 126.875H126.392V134.309H126.455L127.708 132.914L130.022 130.425H131.559L128.532 133.659L131.861 138.604H130.323L127.613 134.436L126.392 135.688V138.604H125.124V126.875Z", fill: "#45484D" }), h("rect", { key: '55a62e3c0f5941ba8d554ce73f8d3d1a21fd96dd', x: "156.244", y: "148.338", width: "4.11711", height: "4.11711", fill: "white", stroke: "#C8C9CC", "stroke-width": "0.823422" }), h("g", { key: 'c0f5c8774f783f30d2e21b1418bc7da1a9b55db3', filter: "url(#filter2_dd_6680_546458)" }, h("g", { key: 'ac592bad2a59de37d92e2551ca9309766cd7e345', filter: "url(#filter3_d_6680_546458)" }, h("path", { key: 'b2a9ebe03c2a2f245b4d92938c81f1db4c827c94', d: "M140.393 135.369V158.732L145.097 154.164L148.387 161.955L153.646 159.716L150.582 152.319H157.303L140.393 135.369Z", fill: "white" })), h("path", { key: 'e6db0171ef3de40c596ffb0cb7331b301e661f7c', d: "M141.852 155.205V138.884L153.764 150.822H148.375L151.701 158.726L149.011 159.855L145.554 151.632L141.852 155.205Z", fill: "black" })), h("path", { key: 'a2d69a4bb0c536c1b6868afe17d6c2584c632f9f', d: "M7.32311 188.027C6.55321 188.027 5.89653 187.882 5.35307 187.592C4.80961 187.293 4.34767 186.886 3.96725 186.37L4.80961 185.663C5.14475 186.107 5.51611 186.446 5.9237 186.682C6.3313 186.908 6.81135 187.022 7.36387 187.022C8.04319 187.022 8.55948 186.859 8.91272 186.533C9.27503 186.206 9.45618 185.772 9.45618 185.228C9.45618 184.775 9.32032 184.427 9.04859 184.182C8.77686 183.938 8.32851 183.743 7.70353 183.598L6.9291 183.421C6.05957 183.222 5.39383 182.923 4.93189 182.525C4.47901 182.117 4.25257 181.546 4.25257 180.813C4.25257 180.396 4.32956 180.025 4.48354 179.699C4.63752 179.372 4.85037 179.101 5.1221 178.883C5.40289 178.666 5.73349 178.503 6.11391 178.394C6.50339 178.277 6.9291 178.218 7.39104 178.218C8.10659 178.218 8.71799 178.349 9.22521 178.612C9.7415 178.874 10.1763 179.259 10.5295 179.766L9.67357 180.391C9.4109 180.029 9.09388 179.744 8.72251 179.536C8.35115 179.327 7.88921 179.223 7.3367 179.223C6.72983 179.223 6.24978 179.354 5.89653 179.617C5.55234 179.871 5.38025 180.256 5.38025 180.772C5.38025 181.225 5.52517 181.569 5.81501 181.804C6.11391 182.031 6.56227 182.212 7.16007 182.348L7.9345 182.525C8.86744 182.733 9.54223 183.05 9.95888 183.476C10.3755 183.901 10.5839 184.467 10.5839 185.174C10.5839 185.609 10.5069 186.003 10.3529 186.356C10.208 186.709 9.99511 187.008 9.71433 187.253C9.43354 187.497 9.08935 187.687 8.68176 187.823C8.28322 187.959 7.83034 188.027 7.32311 188.027ZM12.4459 177.81H13.5329V181.995H13.5872C13.7593 181.596 13.9993 181.279 14.3073 181.044C14.6243 180.808 15.0455 180.69 15.5708 180.69C16.2954 180.69 16.8661 180.926 17.2827 181.397C17.7084 181.859 17.9213 182.515 17.9213 183.367V187.864H16.8344V183.557C16.8344 182.298 16.3045 181.669 15.2448 181.669C15.0274 181.669 14.8145 181.696 14.6062 181.75C14.4069 181.804 14.2258 181.886 14.0627 181.995C13.8997 182.103 13.7684 182.244 13.6687 182.416C13.5782 182.579 13.5329 182.774 13.5329 183V187.864H12.4459V177.81ZM20.7114 179.209C20.4759 179.209 20.3038 179.155 20.1951 179.046C20.0955 178.929 20.0457 178.779 20.0457 178.598V178.421C20.0457 178.24 20.0955 178.095 20.1951 177.987C20.3038 177.869 20.4759 177.81 20.7114 177.81C20.9469 177.81 21.1145 177.869 21.2141 177.987C21.3228 178.095 21.3771 178.24 21.3771 178.421V178.598C21.3771 178.779 21.3228 178.929 21.2141 179.046C21.1145 179.155 20.9469 179.209 20.7114 179.209ZM20.1679 180.853H21.2549V187.864H20.1679V180.853ZM23.945 181.804H22.8037V180.853H23.945V179.44C23.945 178.951 24.0718 178.557 24.3254 178.258C24.579 177.959 24.964 177.81 25.4802 177.81H26.54V178.761H25.0319V180.853H26.54V181.804H25.0319V187.864H23.945V181.804ZM29.5184 187.864C29.138 187.864 28.8481 187.76 28.6489 187.552C28.4587 187.334 28.3635 187.053 28.3635 186.709V181.804H27.2087V180.853H27.8608C28.0963 180.853 28.2549 180.808 28.3364 180.718C28.4269 180.618 28.4722 180.45 28.4722 180.215V178.911H29.4505V180.853H30.9857V181.804H29.4505V186.913H30.877V187.864H29.5184ZM36.0523 187.864V178.381H39.8294C40.6808 178.381 41.3329 178.625 41.7858 179.114C42.2477 179.594 42.4787 180.256 42.4787 181.098C42.4787 181.94 42.2477 182.606 41.7858 183.095C41.3329 183.575 40.6808 183.815 39.8294 183.815H37.1936V187.864H36.0523ZM37.1936 182.81H39.8294C40.2822 182.81 40.631 182.692 40.8755 182.457C41.1291 182.221 41.2559 181.886 41.2559 181.451V180.745C41.2559 180.31 41.1291 179.975 40.8755 179.739C40.631 179.504 40.2822 179.386 39.8294 179.386H37.1936V182.81ZM46.5671 188.027C46.0961 188.027 45.6658 187.941 45.2764 187.769C44.8869 187.597 44.5517 187.352 44.271 187.035C43.9992 186.709 43.7864 186.324 43.6324 185.88C43.4784 185.428 43.4014 184.92 43.4014 184.359C43.4014 183.806 43.4784 183.303 43.6324 182.851C43.7864 182.398 43.9992 182.013 44.271 181.696C44.5517 181.37 44.8869 181.121 45.2764 180.949C45.6658 180.776 46.0961 180.69 46.5671 180.69C47.0381 180.69 47.4638 180.776 47.8442 180.949C48.2337 181.121 48.5688 181.37 48.8496 181.696C49.1304 182.013 49.3478 182.398 49.5017 182.851C49.6557 183.303 49.7327 183.806 49.7327 184.359C49.7327 184.92 49.6557 185.428 49.5017 185.88C49.3478 186.324 49.1304 186.709 48.8496 187.035C48.5688 187.352 48.2337 187.597 47.8442 187.769C47.4638 187.941 47.0381 188.027 46.5671 188.027ZM46.5671 187.062C47.1558 187.062 47.6359 186.881 48.0072 186.519C48.3786 186.157 48.5643 185.604 48.5643 184.861V183.856C48.5643 183.113 48.3786 182.561 48.0072 182.198C47.6359 181.836 47.1558 181.655 46.5671 181.655C45.9783 181.655 45.4983 181.836 45.1269 182.198C44.7555 182.561 44.5699 183.113 44.5699 183.856V184.861C44.5699 185.604 44.7555 186.157 45.1269 186.519C45.4983 186.881 45.9783 187.062 46.5671 187.062ZM53.6262 188.027C52.974 188.027 52.4261 187.905 51.9822 187.66C51.5475 187.407 51.1716 187.071 50.8546 186.655L51.629 186.03C51.9007 186.374 52.2041 186.641 52.5393 186.831C52.8744 187.013 53.2639 187.103 53.7077 187.103C54.1696 187.103 54.5274 187.004 54.781 186.804C55.0437 186.605 55.175 186.324 55.175 185.962C55.175 185.69 55.0845 185.459 54.9033 185.269C54.7312 185.07 54.4142 184.934 53.9523 184.861L53.3952 184.78C53.0691 184.735 52.7702 184.667 52.4985 184.576C52.2268 184.476 51.9868 184.35 51.7784 184.196C51.5792 184.033 51.4207 183.833 51.3029 183.598C51.1942 183.362 51.1399 183.082 51.1399 182.756C51.1399 182.411 51.2033 182.112 51.3301 181.859C51.4569 181.596 51.629 181.379 51.8464 181.207C52.0728 181.035 52.34 180.908 52.648 180.826C52.9559 180.736 53.2865 180.69 53.6398 180.69C54.2104 180.69 54.6859 180.79 55.0664 180.989C55.4558 181.189 55.7955 181.465 56.0853 181.818L55.3653 182.47C55.2113 182.253 54.9848 182.058 54.6859 181.886C54.387 181.705 54.0111 181.614 53.5583 181.614C53.1054 181.614 52.7612 181.714 52.5257 181.913C52.2992 182.103 52.186 182.366 52.186 182.701C52.186 183.045 52.2992 183.294 52.5257 183.448C52.7612 183.602 53.0963 183.716 53.5311 183.788L54.0745 183.87C54.8535 183.987 55.406 184.214 55.7321 184.549C56.0582 184.875 56.2212 185.305 56.2212 185.84C56.2212 186.519 55.9902 187.053 55.5283 187.443C55.0664 187.832 54.4323 188.027 53.6262 188.027ZM58.6845 179.209C58.449 179.209 58.2769 179.155 58.1682 179.046C58.0686 178.929 58.0188 178.779 58.0188 178.598V178.421C58.0188 178.24 58.0686 178.095 58.1682 177.987C58.2769 177.869 58.449 177.81 58.6845 177.81C58.92 177.81 59.0876 177.869 59.1872 177.987C59.2959 178.095 59.3502 178.24 59.3502 178.421V178.598C59.3502 178.779 59.2959 178.929 59.1872 179.046C59.0876 179.155 58.92 179.209 58.6845 179.209ZM58.141 180.853H59.2279V187.864H58.141V180.853ZM63.0865 187.864C62.7061 187.864 62.4162 187.76 62.217 187.552C62.0268 187.334 61.9317 187.053 61.9317 186.709V181.804H60.7768V180.853H61.429C61.6645 180.853 61.823 180.808 61.9045 180.718C61.9951 180.618 62.0403 180.45 62.0403 180.215V178.911H63.0186V180.853H64.5538V181.804H63.0186V186.913H64.4451V187.864H63.0865ZM66.8443 179.209C66.6088 179.209 66.4367 179.155 66.328 179.046C66.2284 178.929 66.1786 178.779 66.1786 178.598V178.421C66.1786 178.24 66.2284 178.095 66.328 177.987C66.4367 177.869 66.6088 177.81 66.8443 177.81C67.0798 177.81 67.2474 177.869 67.347 177.987C67.4557 178.095 67.5101 178.24 67.5101 178.421V178.598C67.5101 178.779 67.4557 178.929 67.347 179.046C67.2474 179.155 67.0798 179.209 66.8443 179.209ZM66.3009 180.853H67.3878V187.864H66.3009V180.853ZM72.3468 188.027C71.8758 188.027 71.4456 187.941 71.0561 187.769C70.6666 187.597 70.3315 187.352 70.0507 187.035C69.779 186.709 69.5661 186.324 69.4122 185.88C69.2582 185.428 69.1812 184.92 69.1812 184.359C69.1812 183.806 69.2582 183.303 69.4122 182.851C69.5661 182.398 69.779 182.013 70.0507 181.696C70.3315 181.37 70.6666 181.121 71.0561 180.949C71.4456 180.776 71.8758 180.69 72.3468 180.69C72.8178 180.69 73.2435 180.776 73.624 180.949C74.0134 181.121 74.3486 181.37 74.6294 181.696C74.9102 182.013 75.1275 182.398 75.2815 182.851C75.4355 183.303 75.5125 183.806 75.5125 184.359C75.5125 184.92 75.4355 185.428 75.2815 185.88C75.1275 186.324 74.9102 186.709 74.6294 187.035C74.3486 187.352 74.0134 187.597 73.624 187.769C73.2435 187.941 72.8178 188.027 72.3468 188.027ZM72.3468 187.062C72.9356 187.062 73.4156 186.881 73.787 186.519C74.1584 186.157 74.3441 185.604 74.3441 184.861V183.856C74.3441 183.113 74.1584 182.561 73.787 182.198C73.4156 181.836 72.9356 181.655 72.3468 181.655C71.7581 181.655 71.278 181.836 70.9067 182.198C70.5353 182.561 70.3496 183.113 70.3496 183.856V184.861C70.3496 185.604 70.5353 186.157 70.9067 186.519C71.278 186.881 71.7581 187.062 72.3468 187.062ZM77.3001 187.864V180.853H78.387V181.995H78.4413C78.6134 181.596 78.8535 181.279 79.1614 181.044C79.4784 180.808 79.8996 180.69 80.425 180.69C81.1496 180.69 81.7202 180.926 82.1368 181.397C82.5626 181.859 82.7754 182.515 82.7754 183.367V187.864H81.6885V183.557C81.6885 182.298 81.1586 181.669 80.0989 181.669C79.8815 181.669 79.6686 181.696 79.4603 181.75C79.261 181.804 79.0799 181.886 78.9169 181.995C78.7538 182.103 78.6225 182.244 78.5228 182.416C78.4323 182.579 78.387 182.774 78.387 183V187.864H77.3001ZM88.2329 177.81H89.3198V181.995H89.3742C89.5553 181.551 89.818 181.225 90.1622 181.016C90.5154 180.799 90.9366 180.69 91.4257 180.69C91.8605 180.69 92.2545 180.776 92.6078 180.949C92.961 181.121 93.2599 181.365 93.5045 181.682C93.7581 181.999 93.9483 182.384 94.0751 182.837C94.211 183.29 94.2789 183.797 94.2789 184.359C94.2789 184.92 94.211 185.428 94.0751 185.88C93.9483 186.333 93.7581 186.718 93.5045 187.035C93.2599 187.352 92.961 187.597 92.6078 187.769C92.2545 187.941 91.8605 188.027 91.4257 188.027C90.4747 188.027 89.7908 187.592 89.3742 186.723H89.3198V187.864H88.2329V177.81ZM91.1268 187.049C91.7428 187.049 92.2273 186.859 92.5806 186.478C92.9338 186.089 93.1105 185.581 93.1105 184.957V183.761C93.1105 183.136 92.9338 182.633 92.5806 182.253C92.2273 181.863 91.7428 181.669 91.1268 181.669C90.8823 181.669 90.6468 181.705 90.4203 181.777C90.203 181.841 90.0127 181.931 89.8497 182.049C89.6867 182.167 89.5553 182.312 89.4557 182.484C89.3651 182.647 89.3198 182.823 89.3198 183.014V185.622C89.3198 185.849 89.3651 186.052 89.4557 186.234C89.5553 186.406 89.6867 186.555 89.8497 186.682C90.0127 186.8 90.203 186.89 90.4203 186.954C90.6468 187.017 90.8823 187.049 91.1268 187.049ZM100.368 180.853H101.442L98.3031 189.494C98.2216 189.703 98.1401 189.875 98.0586 190.011C97.9771 190.156 97.8774 190.269 97.7597 190.35C97.6419 190.432 97.4925 190.491 97.3113 190.527C97.1392 190.563 96.9264 190.581 96.6728 190.581H96.1157V189.63H97.2162L97.7461 188.136L95.1239 180.853H96.2108L97.8955 185.622L98.2216 186.764H98.2896L98.67 185.622L100.368 180.853ZM106.079 187.864V186.859H108.729V179.223H108.634L106.242 181.451L105.577 180.731L108.09 178.381H109.87V186.859H112.316V187.864H106.079ZM114.185 180.853H115.272V181.995H115.326C115.508 181.551 115.77 181.225 116.114 181.016C116.468 180.799 116.889 180.69 117.378 180.69C117.813 180.69 118.207 180.776 118.56 180.949C118.913 181.121 119.212 181.365 119.457 181.682C119.71 181.999 119.901 182.384 120.027 182.837C120.163 183.29 120.231 183.797 120.231 184.359C120.231 184.92 120.163 185.428 120.027 185.88C119.901 186.333 119.71 186.718 119.457 187.035C119.212 187.352 118.913 187.597 118.56 187.769C118.207 187.941 117.813 188.027 117.378 188.027C116.427 188.027 115.743 187.592 115.326 186.723H115.272V190.581H114.185V180.853ZM117.079 187.049C117.695 187.049 118.18 186.859 118.533 186.478C118.886 186.089 119.063 185.581 119.063 184.957V183.761C119.063 183.136 118.886 182.633 118.533 182.253C118.18 181.863 117.695 181.669 117.079 181.669C116.835 181.669 116.599 181.705 116.373 181.777C116.155 181.841 115.965 181.931 115.802 182.049C115.639 182.167 115.508 182.312 115.408 182.484C115.317 182.647 115.272 182.823 115.272 183.014V185.622C115.272 185.849 115.317 186.052 115.408 186.234C115.508 186.406 115.639 186.555 115.802 186.682C115.965 186.8 116.155 186.89 116.373 186.954C116.599 187.017 116.835 187.049 117.079 187.049ZM121.038 187.864L123.633 184.332L121.146 180.853H122.423L124.203 183.462H124.244L126.092 180.853H127.301L124.828 184.25L127.355 187.864H126.078L124.258 185.12H124.217L122.247 187.864H121.038Z", fill: "#F7F8FA" }), h("g", { key: 'fc92068d7a2804425aec24bef334c08742c220e7', filter: "url(#filter4_d_6680_546458)" }, h("path", { key: '61d2b30a2b3692ce96e953236f7f2d48cab6bac4', d: "M24.637 217.478C24.4981 217.478 24.39 217.536 24.2433 217.609L19.4881 219.913C19.1986 220.056 19.106 220.187 19.106 220.373C19.106 220.554 19.1986 220.685 19.4881 220.828L24.2433 223.132C24.3939 223.206 24.502 223.264 24.6409 223.264C24.8918 223.264 25.0462 223.071 25.0462 222.774V217.968C25.0462 217.671 24.8879 217.478 24.637 217.478Z", fill: "#F7F8FA" }), h("path", { key: '8ea90e86b27be3e273e7280d955c867546926d39', d: "M38.3097 201.355C40.4414 201.355 42.1691 203.084 42.1691 205.216V234.858C42.1691 236.99 40.4414 238.719 38.3097 238.719H6.69057C4.55886 238.719 2.83022 236.99 2.83022 234.858V205.216C2.83022 203.084 4.55886 201.355 6.69057 201.355H38.3097Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), h("g", { key: '8ce5f3967aa8eae2142dea30cb34a3706a61099a', filter: "url(#filter5_d_6680_546458)" }, h("path", { key: '8974d08b4757a56f09717e3f8c892f8665371e45', d: "M66.9725 223.264C67.1076 223.264 67.2157 223.206 67.3623 223.132L72.1176 220.828C72.4071 220.685 72.4997 220.554 72.4997 220.373C72.4997 220.187 72.4071 220.056 72.1176 219.913L67.3623 217.609C67.2118 217.536 67.1037 217.478 66.9686 217.478C66.7139 217.478 66.5556 217.671 66.5556 217.968L66.5595 222.774C66.5595 223.071 66.7178 223.264 66.9725 223.264Z", fill: "#F7F8FA" }), h("path", { key: 'f16297de7a097058bb9728cefa2aff87e1584883', d: "M85.5741 201.355C87.7058 201.355 89.4335 203.084 89.4335 205.216V234.858C89.4335 236.99 87.7058 238.719 85.5741 238.719H53.955C51.8233 238.719 50.0946 236.99 50.0946 234.858V205.216C50.0946 203.084 51.8233 201.355 53.955 201.355H85.5741Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), h("g", { key: '367ecb4b3d50c5c663b3359762105edbb0542d5b', filter: "url(#filter6_d_6680_546458)" }, h("path", { key: '02e00c773bbf32427a5634acd511bd4231a28529', d: "M119.59 222.928C119.59 222.793 119.533 222.685 119.459 222.538L117.155 217.779C117.012 217.493 116.881 217.401 116.696 217.401C116.514 217.401 116.383 217.493 116.24 217.779L113.936 222.538C113.863 222.685 113.805 222.793 113.805 222.932C113.805 223.187 113.998 223.341 114.295 223.341H119.096C119.397 223.341 119.59 223.183 119.59 222.928Z", fill: "#F7F8FA" }), h("path", { key: '9cbad120f0ffa27215d215cbf8d30016bb34219e', d: "M132.839 201.355C134.97 201.355 136.698 203.084 136.698 205.216V234.858C136.698 236.99 134.97 238.719 132.839 238.719H101.219C99.0877 238.719 97.359 236.99 97.359 234.858V205.216C97.359 203.084 99.0877 201.355 101.219 201.355H132.839Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), h("g", { key: '5b83a9988d65c86725fe9d97c911d22b33c77418', filter: "url(#filter7_d_6680_546458)" }, h("path", { key: 'b0f1e166632c7df6b83df4dc401412069f273eab', d: "M166.855 217.814C166.855 217.559 166.662 217.401 166.361 217.401H161.559C161.262 217.401 161.069 217.555 161.069 217.81C161.069 217.949 161.127 218.057 161.2 218.204L163.505 222.963C163.647 223.248 163.779 223.341 163.96 223.341C164.145 223.341 164.277 223.248 164.419 222.963L166.724 218.204C166.797 218.057 166.855 217.949 166.855 217.814Z", fill: "#F7F8FA" }), h("path", { key: 'f18ebd21371fba6b91f9cf76780ed657fc3dc81b', d: "M180.103 201.355C182.235 201.355 183.962 203.084 183.962 205.216V234.858C183.962 236.99 182.235 238.719 180.103 238.719H148.484C146.352 238.719 144.623 236.99 144.623 234.858V205.216C144.623 203.084 146.352 201.355 148.484 201.355H180.103Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), h("defs", { key: '0dcece9fadcc4b1a7b1706ddb15b57cc0654fd01' }, h("filter", { key: '05295e46a36ce443fb4f805eddf62ecb23e88e34', id: "filter0_d_6680_546458", x: "5.98431e-05", y: "25.7933", width: "44.9993", height: "43.0231", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '7031398610ddd069d0533fcafbe3c59d485e60dc', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '8c15ac68122539f9e49061b9210e671f271ebc67', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '9fb12bff36ce8acec8241d08239d56b52535b177', dy: "1.13219" }), h("feGaussianBlur", { key: 'cf52bdf29524295a9677131e6a435819aa934105', stdDeviation: "1.13219" }), h("feColorMatrix", { key: 'a81117f0c5c49bca069f19c073bfe1c2a8c57470', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: '29f8f4be4182f790f579d887809eb8b066f5f345', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: 'f02769c7b38fbab698f2df85929e42639d32c4bf', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: 'e8f642cd32aaec2e50cc9dc694befd1d2af14977', id: "filter1_d_6680_546458", x: "9.53674e-06", y: "112.725", width: "59.4922", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '9e7fd424c2e72771ad3b9cd539ba98a2cae6ea59', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '1a4193abf1d95d0c0c2213350fcfd272f0632db9', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: 'a2a857cce9bd883e0f6672db7b95879b16899a5f', dy: "1.13221" }), h("feGaussianBlur", { key: 'e4f410e3c9be011109f39ead0c588c33550faf9a', stdDeviation: "1.13221" }), h("feColorMatrix", { key: '5ba90167dcb8874281f5aec0f006d35d0cf2dcbd', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: '2c236d3b614896c478fa794d1b8d233b96b9dee2', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: '4a2c8f418622418d0b21b6948c89be13cb439571', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: 'fa3ffece13474ca1cd6f59f0fe313d7d5c01f69c', id: "filter2_dd_6680_546458", x: "130.543", y: "132.312", width: "30.156", height: "39.4931", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'd5ca890c4f4a39a50faa4262bebbb837b1fb088a', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '060f712c2a813724adc84d53311ee98dd17a2338', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '99273f46a56f7c1f39f2a731e81522d2ad2cb8e0', radius: "1.13221", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_6680_546458" }), h("feOffset", { key: '8f2546d736950a20fab5a73d3049c19248a09629', dy: "2.26441" }), h("feGaussianBlur", { key: '9dbeca685288f5bfaca02a90fff94355820ba1e1', stdDeviation: "2.26441" }), h("feColorMatrix", { key: 'c1312d2052a2bead3c0acf2c21529b1b385e445c', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0" }), h("feBlend", { key: 'cbd96cc3c00c9309752b0a8e0354354f336d7c0e', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feColorMatrix", { key: '4f86c4e813b026121b9cce1bf18f780635c3cc61', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '759e96c9c2aee2325fbbded780be5883ac952031', radius: "1.13221", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_6680_546458" }), h("feOffset", { key: '1643d65422aff78df1ff743ec9990224f375ab56', dx: "-3.39662", dy: "3.39662" }), h("feGaussianBlur", { key: '7dc33205057d720dd282af59b23d9337e04969d2', stdDeviation: "3.79289" }), h("feColorMatrix", { key: 'a5f87ca1737ac4aac0ce8e652ba7461afb94d93a', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0" }), h("feBlend", { key: 'd4b7c079d79c012d317c9f4e95df744b20ae8b9b', mode: "normal", in2: "effect1_dropShadow_6680_546458", result: "effect2_dropShadow_6680_546458" }), h("feBlend", { key: '7b7367442f51e2c5f09f709f346d4fe75000ae05', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_6680_546458", result: "shape" })), h("filter", { key: 'ddb8ce06eaf15a412920274536b086c2d71a4c1f', id: "filter3_d_6680_546458", x: "136.997", y: "133.104", width: "23.7025", height: "33.3792", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '73d5022ae491e4eaa6d4496d9c16ca27da4dd5d1', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'e8717d5f4337de914a231fa25f70aee89303855f', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '01bd96dd2c873a54a466bac0dfad77b1de905024', dy: "1.13221" }), h("feGaussianBlur", { key: '12b5ced2b9646f31f128840ebeee7bb4d7876819', stdDeviation: "1.69831" }), h("feColorMatrix", { key: '4f9aad8c148ca529247baef6bfd410838d2d7ad3', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0" }), h("feBlend", { key: 'def686bbc33685550b3b8e3ec5610d043827ba2b', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: '4306be4d7746042706d80592d088fd586023b8f1', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: '734cc84542ef9e1aec1dac08c05497e6beaee0b9', id: "filter4_d_6680_546458", x: "9.53674e-06", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '11f7aac06f5d986b1e839695203eee7d781f754d', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '33db393795664fdcf20678e277987362fa9d167f', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '09eb3903c9a56390fd1409d52337888d5075efba', dy: "1.13221" }), h("feGaussianBlur", { key: '32aaa14a117b91ff05526484104fe649506a29d6', stdDeviation: "1.13221" }), h("feColorMatrix", { key: 'e01df2141b0a6cede70e6b973bd2a4c936a2cced', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: '51345fceac80dae205a09a239577f9ecfe9e4447', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: '096611266d6b15b8bdaac4b86af258a4f766ab64', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: '5b6b2f988dbb34c9fd3bf2a2f93e0deef5ae4984', id: "filter5_d_6680_546458", x: "47.2644", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '6f9fc8b0115c0d40259ad56fccbd381098a2b162', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'a31aaa10381253ae62032dfc622b441d6971fb27', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '12fe64ce243b25924c78bc5706dd2a49e9da211a', dy: "1.13221" }), h("feGaussianBlur", { key: 'dc36f297333c25bf9688b46a6a9c87120373947d', stdDeviation: "1.13221" }), h("feColorMatrix", { key: 'd65a93e3a06d289b362ffd9f194386ed242ca063', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: 'a3c597816f444aa3da726688b8c8498d162996b5', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: 'ace7e4eeeffbfd518859fd8f52fcb6255a44ca51', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: 'f7a87c8b07baeb706cce6a41294d55f1ac5d9e19', id: "filter6_d_6680_546458", x: "94.5288", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '3d38798688e10dcfc74defd490c90262c92e5b23', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '29ecbf679ddebbf3060c418dd00133bb46d4cc0d', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '297dfd8fb86566fc492cabb97a6df6ff76c80752', dy: "1.13221" }), h("feGaussianBlur", { key: '497a26a4a9ebed8a7a52077cd5a151a1781babce', stdDeviation: "1.13221" }), h("feColorMatrix", { key: 'e3209479109936e00dff8dbdce6f80fd3d898ae4', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: 'd34b1057e2ec8a52a8fe0af6cd12808fda8fdee0', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: '22b3813f3fedfb6e8965309c94b4cd316b11abe2', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: '0edece9350983209b122889dd3e228dea1f97594', id: "filter7_d_6680_546458", x: "141.793", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '9ea35b92192b5f22769b72031730d9d40ecf04ba', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '31d8819237fab95607d3d5d80bf5f972ba9e79b2', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: 'bbcbddd0c2e459fef06ce377ce32a8d2981e119f', dy: "1.13221" }), h("feGaussianBlur", { key: '56ada8e3d4e519a59597f8a82c66ec3c73fb0057', stdDeviation: "1.13221" }), h("feColorMatrix", { key: 'b09ce91cdc97a1ff605dcb2a7ed6b1e38a1e92d9', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: 'f7fc4277e25dac5f3a0111fe558484135bdd8a5e', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: '311facaa601dba391c0d33cd116d7110fc1a71cb', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })))), h("slot", { key: '614dfe47381cc1f9053ac61035938adcee9014fe' })));
     }
 };
 LsKeyboardShortcuts.style = lsKeyboardShortcutsCss();
@@ -45240,10 +45615,10 @@ const LsLeftBar = class {
             }, style: { borderRadius: '0.75rem' }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('viewer.closepropertiespanel') }, h("ls-icon", { name: "x-icon", size: 20 }))), h("ls-field-properties", { id: "my-field-panel", dataItem: this.selectedDataItems, template: this.template })));
     }
     renderToolbox() {
-        return (h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'ls-dv-toolbox' : 'ls-dv-hidden' }, h("div", { class: "ls-dv-editor-infobox" }, h("h2", { class: "ls-dv-toolbox-section-title" }, dvI18n.t('toolbox.title')), h("p", { class: "ls-dv-toolbox-section-description" }, dvI18n.t('toolbox.description'))), h("div", { class: "ls-dv-fields-box" }, this.signer > 0 && this.showTool('signature') && !this.checkType('APPROVER') && (h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: dvI18n.t('toolbox.signature'), defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth, validation: 0, icon: "signature-icon", tooltip: dvI18n.t('toolbox.signaturetooltip'), signer: this.signer })), this.signer === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { elementType: "admin", formElementType: "auto sign", label: dvI18n.t('toolbox.autosign'), defaultHeight: FIELD_DEFAULTS['auto sign'].defaultHeight, defaultWidth: FIELD_DEFAULTS['auto sign'].defaultWidth, validation: 3000, icon: "auto-sign-icon", tooltip: dvI18n.t('toolbox.autosigntooltip'), signer: this.signer })), this.showTool('text') && (h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: dvI18n.t('toolbox.text'), defaultHeight: FIELD_DEFAULTS['text'].defaultHeight, defaultWidth: FIELD_DEFAULTS['text'].defaultWidth, validation: 0, icon: "text-icon", tooltip: dvI18n.t('toolbox.texttooltip'), signer: this.signer })), this.signer > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { elementType: "text", formElementType: "signing date", label: dvI18n.t('toolbox.signingdate'), defaultHeight: FIELD_DEFAULTS['signing date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signing date'].defaultWidth, validation: 32, icon: "auto-date-icon", tooltip: dvI18n.t('toolbox.signingdatetooltip'), signer: this.signer })), this.showTool('date') && (h("ls-toolbox-field", { elementType: "text", formElementType: "date", label: dvI18n.t('toolbox.date'), defaultHeight: FIELD_DEFAULTS['date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['date'].defaultWidth, validation: 4, icon: "calender-icon", tooltip: dvI18n.t('toolbox.datetooltip'), signer: this.signer })), this.showTool('email') && (h("ls-toolbox-field", { elementType: "text", formElementType: "email", label: dvI18n.t('toolbox.email'), defaultHeight: FIELD_DEFAULTS['email'].defaultHeight, defaultWidth: FIELD_DEFAULTS['email'].defaultWidth, validation: 1, icon: "at-symbol-icon", tooltip: dvI18n.t('toolbox.emailtooltip'), signer: this.signer })), this.showTool('initials') && (h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: dvI18n.t('toolbox.initials'), defaultHeight: FIELD_DEFAULTS['initials'].defaultHeight, defaultWidth: FIELD_DEFAULTS['initials'].defaultWidth, validation: 2000, icon: "initials-icon", tooltip: dvI18n.t('toolbox.initialstooltip'), signer: this.signer })), this.showTool('number') && (h("ls-toolbox-field", { elementType: "text", formElementType: "number", label: dvI18n.t('toolbox.number'), defaultHeight: FIELD_DEFAULTS['number'].defaultHeight, defaultWidth: FIELD_DEFAULTS['number'].defaultWidth, validation: 50, icon: "hashtag-icon", tooltip: dvI18n.t('toolbox.numbertooltip'), signer: this.signer })), this.showTool('dropdown') && (h("ls-toolbox-field", { elementType: "text", formElementType: "dropdown", label: dvI18n.t('toolbox.dropdown'), defaultHeight: FIELD_DEFAULTS['dropdown'].defaultHeight, defaultWidth: FIELD_DEFAULTS['dropdown'].defaultWidth, validation: 20, icon: "dropdown-icon", tooltip: dvI18n.t('toolbox.dropdowntooltip'), signer: this.signer })), this.showTool('checkbox') && (h("ls-toolbox-field", { elementType: "text", formElementType: "checkbox", label: dvI18n.t('toolbox.checkbox'), defaultHeight: FIELD_DEFAULTS['checkbox'].defaultHeight, defaultWidth: FIELD_DEFAULTS['checkbox'].defaultWidth, validation: 25, icon: "check-icon", tooltip: dvI18n.t('toolbox.checkboxtooltip'), signer: this.signer })), this.signer > 0 && this.showTool('regex') && (h("ls-toolbox-field", { elementType: "text", formElementType: "regex", label: dvI18n.t('toolbox.regex'), defaultHeight: FIELD_DEFAULTS['regex'].defaultHeight, defaultWidth: FIELD_DEFAULTS['regex'].defaultWidth, validation: 93, icon: "code-icon", tooltip: dvI18n.t('toolbox.regextooltip'), signer: this.signer })), this.signer > 0 && this.showTool('image') && (h("ls-toolbox-field", { elementType: "text", formElementType: "image", label: dvI18n.t('toolbox.image'), defaultHeight: FIELD_DEFAULTS['image'].defaultHeight, defaultWidth: FIELD_DEFAULTS['image'].defaultWidth, validation: 90, icon: "photograph-icon", tooltip: dvI18n.t('toolbox.imagetooltip'), signer: this.signer })), this.signer > 0 && this.showTool('file') && (h("ls-toolbox-field", { elementType: "text", formElementType: "file", label: dvI18n.t('toolbox.file'), defaultHeight: FIELD_DEFAULTS['file'].defaultHeight, defaultWidth: FIELD_DEFAULTS['file'].defaultWidth, validation: 74, icon: "upload-icon", tooltip: dvI18n.t('toolbox.filetooltip'), signer: this.signer })), this.signer > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { elementType: "text", formElementType: "drawn", label: dvI18n.t('toolbox.drawn'), defaultHeight: FIELD_DEFAULTS['drawn'].defaultHeight, defaultWidth: FIELD_DEFAULTS['drawn'].defaultWidth, validation: 90, icon: "pencil-icon", tooltip: dvI18n.t('toolbox.drawntooltip'), signer: this.signer })))));
+        return (h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'ls-dv-toolbox' : 'ls-dv-hidden' }, h("div", { class: "ls-dv-editor-infobox" }, h("h2", { class: "ls-dv-toolbox-section-title" }, dvI18n.t('toolbox.title')), h("p", { class: "ls-dv-toolbox-section-description" }, dvI18n.t('toolbox.description'))), h("div", { class: "ls-dv-fields-box" }, this.signer > 0 && this.showTool('signature') && !this.checkType('APPROVER') && (h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: dvI18n.t('toolbox.signature'), defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth, validation: 0, icon: "signature-icon", tooltip: dvI18n.t('toolbox.signaturetooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'signature' })), this.signer === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { elementType: "admin", formElementType: "auto sign", label: dvI18n.t('toolbox.autosign'), defaultHeight: FIELD_DEFAULTS['auto sign'].defaultHeight, defaultWidth: FIELD_DEFAULTS['auto sign'].defaultWidth, validation: 3000, icon: "auto-sign-icon", tooltip: dvI18n.t('toolbox.autosigntooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'auto sign' })), this.showTool('text') && (h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: dvI18n.t('toolbox.text'), defaultHeight: FIELD_DEFAULTS['text'].defaultHeight, defaultWidth: FIELD_DEFAULTS['text'].defaultWidth, validation: 0, icon: "text-icon", tooltip: dvI18n.t('toolbox.texttooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'text' })), this.signer > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { elementType: "text", formElementType: "signing date", label: dvI18n.t('toolbox.signingdate'), defaultHeight: FIELD_DEFAULTS['signing date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signing date'].defaultWidth, validation: 32, icon: "auto-date-icon", tooltip: dvI18n.t('toolbox.signingdatetooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'signing date' })), this.showTool('date') && (h("ls-toolbox-field", { elementType: "text", formElementType: "date", label: dvI18n.t('toolbox.date'), defaultHeight: FIELD_DEFAULTS['date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['date'].defaultWidth, validation: 4, icon: "calender-icon", tooltip: dvI18n.t('toolbox.datetooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'date' })), this.showTool('email') && (h("ls-toolbox-field", { elementType: "text", formElementType: "email", label: dvI18n.t('toolbox.email'), defaultHeight: FIELD_DEFAULTS['email'].defaultHeight, defaultWidth: FIELD_DEFAULTS['email'].defaultWidth, validation: 1, icon: "at-symbol-icon", tooltip: dvI18n.t('toolbox.emailtooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'email' })), this.showTool('initials') && (h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: dvI18n.t('toolbox.initials'), defaultHeight: FIELD_DEFAULTS['initials'].defaultHeight, defaultWidth: FIELD_DEFAULTS['initials'].defaultWidth, validation: 2000, icon: "initials-icon", tooltip: dvI18n.t('toolbox.initialstooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'initials' })), this.showTool('number') && (h("ls-toolbox-field", { elementType: "text", formElementType: "number", label: dvI18n.t('toolbox.number'), defaultHeight: FIELD_DEFAULTS['number'].defaultHeight, defaultWidth: FIELD_DEFAULTS['number'].defaultWidth, validation: 50, icon: "hashtag-icon", tooltip: dvI18n.t('toolbox.numbertooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'number' })), this.showTool('dropdown') && (h("ls-toolbox-field", { elementType: "text", formElementType: "dropdown", label: dvI18n.t('toolbox.dropdown'), defaultHeight: FIELD_DEFAULTS['dropdown'].defaultHeight, defaultWidth: FIELD_DEFAULTS['dropdown'].defaultWidth, validation: 20, icon: "dropdown-icon", tooltip: dvI18n.t('toolbox.dropdowntooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'dropdown' })), this.showTool('checkbox') && (h("ls-toolbox-field", { elementType: "text", formElementType: "checkbox", label: dvI18n.t('toolbox.checkbox'), defaultHeight: FIELD_DEFAULTS['checkbox'].defaultHeight, defaultWidth: FIELD_DEFAULTS['checkbox'].defaultWidth, validation: 25, icon: "check-icon", tooltip: dvI18n.t('toolbox.checkboxtooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'checkbox' })), this.signer > 0 && this.showTool('regex') && (h("ls-toolbox-field", { elementType: "text", formElementType: "regex", label: dvI18n.t('toolbox.regex'), defaultHeight: FIELD_DEFAULTS['regex'].defaultHeight, defaultWidth: FIELD_DEFAULTS['regex'].defaultWidth, validation: 93, icon: "code-icon", tooltip: dvI18n.t('toolbox.regextooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'regex' })), this.signer > 0 && this.showTool('image') && (h("ls-toolbox-field", { elementType: "text", formElementType: "image", label: dvI18n.t('toolbox.image'), defaultHeight: FIELD_DEFAULTS['image'].defaultHeight, defaultWidth: FIELD_DEFAULTS['image'].defaultWidth, validation: 90, icon: "photograph-icon", tooltip: dvI18n.t('toolbox.imagetooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'image' })), this.signer > 0 && this.showTool('file') && (h("ls-toolbox-field", { elementType: "text", formElementType: "file", label: dvI18n.t('toolbox.file'), defaultHeight: FIELD_DEFAULTS['file'].defaultHeight, defaultWidth: FIELD_DEFAULTS['file'].defaultWidth, validation: 74, icon: "upload-icon", tooltip: dvI18n.t('toolbox.filetooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'file' })), this.signer > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { elementType: "text", formElementType: "drawn", label: dvI18n.t('toolbox.drawn'), defaultHeight: FIELD_DEFAULTS['drawn'].defaultHeight, defaultWidth: FIELD_DEFAULTS['drawn'].defaultWidth, validation: 90, icon: "pencil-icon", tooltip: dvI18n.t('toolbox.drawntooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'drawn' })))));
     }
     renderEditor() {
-        return (h("div", { id: "ls-left-box", class: "ls-dv-left-box" }, h("div", { class: !this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden' }, h("ls-feature-column", { mode: this.mode, onManage: manager => this.managerChange.emit(manager.detail) }), this.renderToolbox(), h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'ls-dv-toolbox' : 'ls-dv-hidden', activeSigner: this.signer, template: this.template, busy: this.busy }), h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'ls-dv-toolbox' : 'ls-dv-hidden' }), h("ls-validation-manager", { id: "ls-validation-manager", class: this.manager === 'validation' ? 'ls-dv-toolbox' : 'ls-dv-hidden' })), this.renderFieldProperties()));
+        return (h("div", { id: "ls-left-box", class: "ls-dv-left-box" }, h("div", { class: !this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden' }, h("ls-feature-column", { mode: this.mode, manager: this.manager, onManage: manager => this.managerChange.emit(manager.detail) }), this.renderToolbox(), h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'ls-dv-toolbox' : 'ls-dv-hidden', activeSigner: this.signer, template: this.template, busy: this.busy }), h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'ls-dv-toolbox' : 'ls-dv-hidden' }), h("ls-validation-manager", { id: "ls-validation-manager", class: this.manager === 'validation' ? 'ls-dv-toolbox' : 'ls-dv-hidden' })), this.renderFieldProperties()));
     }
     renderCompose() {
         return (h("div", { id: "ls-left-box", class: "ls-dv-left-box" }, h("div", { class: !this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden' }, h("ls-recipient-manager", { id: "ls-recipient-manager", class: "ls-dv-compose-toolbox" }, h("div", { class: "ls-dv-scroll-gradient-top" }), h("div", { class: "ls-dv-scroll-gradient-bottom" }), h("ls-validation-tag", { validationErrors: this.validationErrors, style: { position: 'absolute', top: '1.125rem', right: '1rem' }, type: "compose" }), h("div", { class: "ls-dv-recipients-box" }, this.recipients &&
@@ -45307,7 +45682,7 @@ const LsLoadingLogo = class {
 };
 LsLoadingLogo.style = lsLoadingLogoCss();
 
-const lsParticipantCardCss = () => `:host{display:block}*{box-sizing:border-box;margin:0}.ls-dv-participant-card{display:flex;padding:0.625rem;flex-direction:column;align-items:flex-start;gap:0.5rem;align-self:stretch;cursor:pointer}.ls-dv-participant-card-active,.ls-dv-participant-card:hover{outline:2px solid var(--active-outline-colour);outline-offset:-2px}.ls-dv-top-card{border-radius:1rem 1rem 0 0}.ls-dv-full-card{border-radius:1rem}.ls-dv-bottom-card{border-radius:0 0 1rem 1rem}.ls-dv-participant-card-inner{width:100%;display:flex;flex-direction:column;gap:0.5rem}.ls-dv-hidden{visibility:hidden;display:none}.ls-dv-form-button-set{display:flex;gap:0.5rem}.ls-dv-role-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.625rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-role-label.ls-dv-fields{border-radius:1rem;margin-top:0.5rem}.ls-dv-inner-button{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--default-button-colour)}.ls-dv-inner-button:hover{color:var(--hover-button-colour)}.ls-dv-inner-button-disabled{pointer-events:none;opacity:0.4}.ls-dv-participant-card-top-items{display:flex;width:100%;justify-content:space-between;align-items:center}.ls-dv-button-set{display:flex;gap:0.125rem}.ls-dv-participant-text-description{font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-participant-text-type{font-style:normal;font-weight:400;line-height:1.25rem;}.ls-dv-title-button{width:100%;text-align:left;background-color:transparent;border:none}.ls-dv-full-width{width:100%}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-tertiary{border:1px solid var(--primary-60, #4456f6);background:transparent;color:var(--primary-70, #2134dc)}button.ls-dv-tertiary:hover{border:1px solid var(--primary-70, #2134dc);border:1px solid var(--primary-80, #0e20c1)}button.ls-dv-destructive{border:1px solid var(--red-60, #f64a44);background:transparent;color:var(--red-60, #f64a44)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #dc2721);background:var(--red-10, #fff0f0);background-color:var(--red-10, #fff0f0)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #ffffff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsParticipantCardCss = () => `:host{display:block}*{box-sizing:border-box;margin:0}.ls-dv-participant-card{display:flex;padding:0.625rem;flex-direction:column;align-items:flex-start;gap:0.5rem;align-self:stretch;cursor:pointer}.ls-dv-participant-card-active,.ls-dv-participant-card:hover{outline:2px solid var(--active-outline-colour);outline-offset:-2px}.ls-dv-top-card{border-radius:1rem 1rem 0 0}.ls-dv-full-card{border-radius:1rem}.ls-dv-bottom-card{border-radius:0 0 1rem 1rem}.ls-dv-participant-card-inner{width:100%;min-width:0;display:flex;flex-direction:column;gap:0.5rem}.ls-dv-hidden{visibility:hidden;display:none}.ls-dv-form-button-set{display:flex;gap:0.5rem}.ls-dv-role-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.625rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-role-label.ls-dv-fields{border-radius:1rem;margin-top:0.5rem}.ls-dv-inner-button{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--default-button-colour)}.ls-dv-inner-button:hover{color:var(--hover-button-colour)}.ls-dv-inner-button-disabled{pointer-events:none;opacity:0.4}.ls-dv-participant-card-top-items{display:flex;width:100%;justify-content:space-between;align-items:center}.ls-dv-button-set{display:flex;gap:0.125rem}.ls-dv-participant-text-description{font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-participant-text-type{font-style:normal;font-weight:400;line-height:1.25rem;}.ls-dv-title-button{width:100%;text-align:left;background-color:transparent;border:none}.ls-dv-full-width{width:100%}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-tertiary{border:1px solid var(--primary-60, #4456f6);background:transparent;color:var(--primary-70, #2134dc)}button.ls-dv-tertiary:hover{border:1px solid var(--primary-70, #2134dc);border:1px solid var(--primary-80, #0e20c1)}button.ls-dv-destructive{border:1px solid var(--red-60, #f64a44);background:transparent;color:var(--red-60, #f64a44)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #dc2721);background:var(--red-10, #fff0f0);background-color:var(--red-10, #fff0f0)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #ffffff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
 
 const LsParticipantCard = class {
     constructor(hostRef) {
@@ -45432,7 +45807,7 @@ const LsParticipantCard = class {
             }, style: {
                 '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
                 '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('participants.deleteparticipant'), "data-tooltip-place": "top-end" }, h("ls-icon", { name: "trash-icon", size: 18 })))), this.editable ? (h("div", { class: 'ls-dv-participant-card-inner' }, this.signer?.roleType !== 'WITNESS' ? (h("ls-input-wrapper", { select: true, leadingIcon: this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : 'signature-icon' }, h("select", { name: "roleType", id: "role-type", class: 'ls-dv-has-leading-icon', onChange: e => this.alter({ roleType: e.target.value }), disabled: child ? true : false }, h("option", { value: "APPROVER", selected: this.signer?.roleType === 'APPROVER' }, dvI18n.t('participants.approver')), h("option", { value: "SIGNER", selected: this.signer?.roleType === 'SIGNER' }, dvI18n.t('participants.signer'))))) : (h("ls-input-wrapper", { leadingIcon: "eye-icon" }, h("input", { name: "roleType", id: "role-type", class: 'ls-dv-has-leading-icon', disabled: true, value: "Witness" }))), h("input", { type: "text", id: "participant-description", name: "participantDescription", placeholder: dvI18n.t('participants.placeholder'), defaultValue: this.signer.name, onInput: e => this.alter({ name: e.target.value }), onKeyUp: e => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('participants.deleteparticipant'), "data-tooltip-place": "top-end" }, h("ls-icon", { name: "trash-icon", size: 18 })))), this.editable ? (h("div", { class: 'ls-dv-participant-card-inner' }, this.signer?.roleType !== 'WITNESS' ? (h("ls-input-wrapper", { select: true, leadingIcon: this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : 'signature-icon' }, h("select", { name: "roleType", id: "role-type", class: 'ls-dv-has-leading-icon', onChange: e => this.alter({ roleType: e.target.value }), disabled: child ? true : false }, h("option", { value: "APPROVER", selected: this.signer?.roleType === 'APPROVER' }, dvI18n.t('participants.approver')), h("option", { value: "SIGNER", selected: this.signer?.roleType === 'SIGNER' }, dvI18n.t('participants.signer'))))) : (h("ls-input-wrapper", { leadingIcon: "eye-icon" }, h("input", { name: "roleType", id: "role-type", class: 'ls-dv-has-leading-icon', disabled: true, value: "Witness", style: { wdith: '100%' } }))), h("input", { type: "text", id: "participant-description", name: "participantDescription", placeholder: dvI18n.t('participants.placeholder'), 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("ls-button", { variant: "tertiary", outline: true, size: "sm", fullWidth: true, text: dvI18n.t('participants.addwitness'), leadingIcon: "plus-icon", loading: this.busy || this.addingWitness, disabled: this.busy || this.addingWitness, onClick: () => {
@@ -45450,7 +45825,7 @@ const LsParticipantCard = class {
                 this.deleteHandler(this.signer);
             } })) : null)) : (h("div", { class: 'ls-dv-participant-card-text' }, h("p", { class: "ls-dv-participant-text-description", style: {
                 color: defaultRolePalette[this.signer?.signerIndex % 100].s100,
-            } }, this.signer.name || formatRoleName(this.signer)), h("p", { class: "ls-dv-participant-text-type", style: {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.signer.name || formatRoleName(this.signer) }, this.signer.name || formatRoleName(this.signer)), h("p", { class: "ls-dv-participant-text-type", style: {
                 color: defaultRolePalette[this.signer?.signerIndex % 100].s80,
                 textTransform: 'capitalize',
             } }, dvI18n.t(`participants.${this.signer.roleType.toLowerCase()}`)), this.signer?.roleType !== 'APPROVER' && (h("div", { class: 'ls-dv-role-label ls-dv-fields', style: {
@@ -45540,17 +45915,17 @@ const LsParticipantManager = class {
         observer.observe(this.element.shadowRoot, { childList: true, subtree: true });
     }
     render() {
-        return (h(Host, { key: '7dd94798e76907e82bdb4dd52e64910f3090001d' }, h("div", { key: 'b4b5552f34dade6a06b351ea312da9054ea9d29c', class: "ls-dv-editor-infobox" }, h("h2", { key: '7ca40fa3b1c4015235ade5b9289a69ad83eaa904', class: "ls-dv-toolbox-section-title" }, dvI18n.t('participants.title')), h("p", { key: 'c5e8e336010184958fff2a9db9f148184abb0169', class: "ls-dv-toolbox-section-description" }, dvI18n.t('participants.description'))), h("div", { key: '69333253a05564476669c12c29fcf75e242a7a98', class: "ls-dv-participant-list" }, this.template &&
+        return (h(Host, { key: 'b63d2f889472abba2252828476898ab4d8268ce4' }, h("div", { key: 'fe777fc2400506b133d955637ef4969fcdd9beee', class: "ls-dv-editor-infobox" }, h("h2", { key: '917c0f76d095a57e9f71a3a3838895fe6e945b15', class: "ls-dv-toolbox-section-title" }, dvI18n.t('participants.title')), h("p", { key: 'a63e05c354e95b88c08832572d4ea558180af52c', class: "ls-dv-toolbox-section-description" }, dvI18n.t('participants.description'))), h("div", { key: '66082a5bbf13f69819d0bc13fcea616999541d4f', class: "ls-dv-participant-list" }, this.template &&
             this.template?.roles.map((r, index) => {
                 return (h("ls-participant-card", { signer: r, index: index, template: this.template, active: r.signerIndex === this.activeSigner, busy: this.busy, onOpened: event => {
                         this.handleOpened.bind(this)(event);
                     }, onAddParticipant: event => this.handleOpenNewWitness(event) }));
-            })), h("div", { key: '2996c539e547865eca7fc01e8acd3f71712bb567', class: "ls-dv-add-participant-button" }, h("ls-add-new-button", { key: '8a640d80f169290da49d9457058fff977430797a', text: dvI18n.t('participants.addparticipant'), icon: "user-add-icon", loading: this.addingParticipant, disabled: this.addingParticipant, onClick: () => {
+            })), h("div", { key: 'a8bc6ccc4d570fd6780b96f5f888dc4960bd2fc6', class: "ls-dv-add-participant-button" }, h("ls-add-new-button", { key: '1a8ffaee23e3ac36f258b3fc9f122b435a8eee47', text: dvI18n.t('participants.addparticipant'), icon: "user-add-icon", loading: this.addingParticipant, disabled: this.addingParticipant, onClick: () => {
                 if (this.addingParticipant)
                     return;
                 this.addingParticipant = true;
                 this.addParticipant.emit({ type: 'SIGNER' });
-            } })), h("slot", { key: 'f94112fb13a9c4c793af81b13e3c5fea0c7a5149' })));
+            } })), h("slot", { key: 'cdef7995b42230af8f71da4fc11e1f1e60ad49af' })));
     }
     static get watchers() { return {
         "template": ["templateChanged"]
@@ -45558,7 +45933,7 @@ const LsParticipantManager = class {
 };
 LsParticipantManager.style = lsParticipantManagerCss();
 
-const lsParticipantSelectCss = () => `:host{display:inline-block}*{margin:0}.ls-dv-dropdown{display:flex;align-items:center;position:relative}.ls-dv-dropdown-header{border-radius:0.625rem;border:1px solid var(--gray-20, #edeff2);background:var(--gray-10, #f7f8fa);display:flex;padding:0.125rem 0.125rem 0.125rem 0.5rem;align-items:center;gap:0.5rem}.ls-dv-placing-fields-text{color:var(--gray-90, #5e6066);text-align:center;font-size:0.875rem;font-style:normal;font-weight:500;margin:0}.ls-dv-selected-role-label{display:flex;padding:0.125rem 0.375rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.25rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-dropdown-list{position:absolute;top:3rem;left:50%;transform:translateX(-50%);display:flex;width:18.5625rem;padding:0.25rem;flex-direction:column;gap:0.25rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);background:white;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);max-height:40vh;overflow-y:auto}.ls-dv-dropdown-item{display:flex;padding:0.5rem 0.875rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;align-self:stretch;border-radius:0.75rem}.ls-dv-dropdown-item.ls-dv-selected,.ls-dv-dropdown-item.ls-dv-selected:hover{background:var(--background-selected, #e0e2e5)}.ls-dv-dropdown-item:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-add-participant-row{all:unset;display:flex;padding:0.5rem 0.875rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;align-self:stretch;border-radius:0.75rem;border:1px dashed var(--gray-30, #e0e2e5);cursor:pointer}.ls-dv-add-participant-row:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-plus-icon{color:var(--gray-40, #d8d9dc)}.ls-dv-role-icon{display:flex;padding:0.5rem;border-radius:0.625rem}.ls-dv-add-participant-icon{display:flex;padding:0.5rem;border-radius:0.625rem;color:white;background:var(--primary-60, #4456f6)}.ls-dv-role-text{display:flex;flex-direction:column;width:100%}.ls-dv-dropdown-item .ls-dv-check-icon{color:var(--gray-40, #d8d9dc)}.ls-dv-dropdown-item.ls-dv-selected .ls-dv-check-icon{color:var(--check-icon-selected)}.ls-dv-role-name{color:var(--gray-100, #45484d);font-size:0.75rem;font-style:normal;font-weight:500;line-height:1rem;}.ls-dv-role-type{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}.ls-dv-dropdown-item.ls-dv-selected .ls-dv-role-name{color:var(--role-name-selected)}.ls-dv-dropdown-item.ls-dv-selected .ls-dv-role-type{color:var(--role-type-selected)}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}.ls-dv-expand-button{border:0;cursor:pointer;display:inline-flex;align-items:center;border-radius:0.625rem;justify-content:center;text-transform:capitalize;min-height:2rem;min-width:2rem;max-height:2rem;max-width:2rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsParticipantSelectCss = () => `:host{display:inline-block}*{margin:0}.ls-dv-dropdown{display:flex;align-items:center;position:relative}.ls-dv-dropdown-header{border-radius:0.75rem;border:1px solid var(--gray-20, #edeff2);background:var(--gray-10, #f7f8fa);display:flex;padding:0.125rem 0.125rem 0.125rem 0.5rem;align-items:center;gap:0.5rem}.ls-dv-placing-fields-text{color:var(--gray-90, #5e6066);text-align:center;font-size:0.875rem;font-style:normal;font-weight:500;margin:0}.ls-dv-selected-role-label{display:flex;padding:0.125rem 0.375rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.25rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-dropdown-list{position:absolute;top:3rem;left:50%;transform:translateX(-50%);display:flex;width:18.5625rem;padding:0.25rem;flex-direction:column;gap:0.25rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);background:white;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);max-height:40vh;overflow-y:auto}.ls-dv-dropdown-item{display:flex;padding:0.5rem 0.875rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;align-self:stretch;border-radius:0.75rem}.ls-dv-dropdown-item.ls-dv-selected,.ls-dv-dropdown-item.ls-dv-selected:hover{background:var(--background-selected, #e0e2e5)}.ls-dv-dropdown-item:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-add-participant-row{all:unset;display:flex;padding:0.5rem 0.875rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;align-self:stretch;border-radius:0.75rem;border:1px dashed var(--gray-30, #e0e2e5);cursor:pointer}.ls-dv-add-participant-row:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-plus-icon{color:var(--gray-40, #d8d9dc)}.ls-dv-role-icon{display:flex;padding:0.5rem;border-radius:0.625rem}.ls-dv-add-participant-icon{display:flex;padding:0.5rem;border-radius:0.625rem;color:white;background:var(--primary-60, #4456f6)}.ls-dv-role-text{display:flex;flex-direction:column;width:100%}.ls-dv-dropdown-item .ls-dv-check-icon{color:var(--gray-40, #d8d9dc)}.ls-dv-dropdown-item.ls-dv-selected .ls-dv-check-icon{color:var(--check-icon-selected)}.ls-dv-role-name{color:var(--gray-100, #45484d);font-size:0.75rem;font-style:normal;font-weight:500;line-height:1rem;}.ls-dv-role-type{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}.ls-dv-dropdown-item.ls-dv-selected .ls-dv-role-name{color:var(--role-name-selected)}.ls-dv-dropdown-item.ls-dv-selected .ls-dv-role-type{color:var(--role-type-selected)}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}.ls-dv-expand-button{border:0;cursor:pointer;display:inline-flex;align-items:center;border-radius:0.625rem;justify-content:center;text-transform:capitalize;min-height:2rem;min-width:2rem;max-height:2rem;max-width:2rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
 
 const LsParticipantSelect = class {
     constructor(hostRef) {
@@ -45566,6 +45941,7 @@ const LsParticipantSelect = class {
         this.roleChange = createEvent(this, "roleChange", 7);
         this.addParticipant = createEvent(this, "addParticipant", 7);
     }
+    get el() { return getElement(this); }
     /**
    * The id of the currently selected role.
    * {string}
@@ -45616,6 +45992,11 @@ const LsParticipantSelect = class {
      */
     roles = [];
     isOpen = false;
+    handleWindowClick(event) {
+        if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0])) {
+            this.isOpen = false;
+        }
+    }
     toggleDropdown = () => {
         this.isOpen = !this.isOpen;
     };
@@ -45630,27 +46011,27 @@ const LsParticipantSelect = class {
         this.addParticipant.emit({ type: 'SIGNER' });
     }
     render() {
-        return (h(Host, { key: '2699fa7c9e6974f639b19f96f7e9e7b3ee94c4b5' }, h("div", { key: '0f3fc63cd4c99594c6af4e5ffdbdefd7617531a2', class: "ls-dv-dropdown" }, h("div", { key: '0d17eb0eec3b31973cd3d2cac5a5f37c1b753e0e', class: "ls-dv-dropdown-header", onClick: this.toggleDropdown }, h("svg", { key: '55302678d397aaaa4642ddb6f06932df8d6ff14d', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2c11fde53363c48302dd8c9011bcd964e5023dc8', 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: '6125c6628fe224bdffa462bccbaa2123fcb04977', 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: '56592903e9266daaa95506dd4605a74e1f5cca06', 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: 'f9dc0b48a1c35f1dc233491efc19096f8fb68b15', 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: '2dc223ee5572e1b673a6f7cfda8cba355bd885aa', class: 'ls-dv-placing-fields-text' }, dvI18n.t('toolbar.placingfieldsfor')), h("div", { key: 'e547045391227c73110e15bb30372239674c8a21', class: 'ls-dv-selected-role-label', style: {
+        return (h(Host, { key: '5b5a43bb1d6b669782b3ddbb731741d82b973bdb' }, h("div", { key: '668ace4e82f74d89c99c29d0a7d865dfb0802415', class: "ls-dv-dropdown" }, h("div", { key: '94d9fb8494e07113a28ac0e1046b45884d7f35e9', class: "ls-dv-dropdown-header", onClick: this.toggleDropdown }, h("svg", { key: 'be2ea22455255a2a8e17cfdbc83e9bcfde6ad069', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b8bf9bbbc30db6e3021614fd8e83b2a40938e558', 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: '5f17418d0ea6c31d38512b0527bf495d33841394', 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: '470ff8c9d2adc62946b887f26502bb2da945c973', 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: '0995ba4505d45aaab7fc046e4eaac9814204da04', 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: 'b31ec3e7a809a3a86ba18c3b544884a9d13d2876', class: 'ls-dv-placing-fields-text' }, dvI18n.t('toolbar.placingfieldsfor')), h("div", { key: 'c6df36e15c5e5a94079337c931f7de55ef85ada1', class: 'ls-dv-selected-role-label', style: {
                 background: defaultRolePalette[this.selectedRole?.signerIndex % 100].s20,
                 color: defaultRolePalette[this.selectedRole?.signerIndex % 100].s80,
-            } }, h("ls-icon", { key: '6f14ea956566cf863ca8086470f919417123278d', size: 18, name: this.selectedRole?.roleType === 'SENDER'
+            } }, h("ls-icon", { key: '3262e57c2fd429130f9d7b0ac44e226c9bd6d069', size: 18, name: this.selectedRole?.roleType === 'SENDER'
                 ? 'user-icon'
                 : this.selectedRole?.roleType === 'APPROVER'
                     ? 'check-circle-icon'
                     : this.selectedRole?.roleType === 'WITNESS'
                         ? 'eye-icon'
                         : 'signature-icon' }), this.selectedRole.name ||
-            (this.selectedRole.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : dvI18n.t('participants.participant', { index: this.selectedRole.signerIndex }))), h("button", { key: '0396b2e6c30818a44563ed4847f09e06e400a105', class: 'ls-dv-tertiary-grey ls-dv-expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, h("ls-icon", { key: '01cfff8b1c56fc547740a9360df1b04e393fbfa3', name: "chevron-down-icon" }))), this.isOpen && (h("div", { key: '6b68ece7c0261165bb928d5ecadb25c4aba5e036', class: "ls-dv-dropdown-list" }, h("div", { key: '23d5f8d5eb79120b6804d82d1eec1815e646ac47', class: this.selectedRole?.signerIndex === 0 ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item', style: {
+            (this.selectedRole.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : dvI18n.t('participants.participant', { index: this.selectedRole.signerIndex }))), h("button", { key: 'a687c0048677568d2ae4fff30d428f367a289ed5', class: 'ls-dv-tertiary-grey ls-dv-expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, h("ls-icon", { key: '8a6f3bb0679225e9347f02147f5945f63c807e76', name: "chevron-down-icon" }))), this.isOpen && (h("div", { key: '2efa933a11b17f5de4d5819b38b49bedb12cce7e', class: "ls-dv-dropdown-list" }, h("div", { key: '1e4abac34528e1215268a1846c4997e3368ac93e', class: this.selectedRole?.signerIndex === 0 ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item', style: {
                 '--background-selected': defaultRolePalette[0].s10,
                 '--check-icon-selected': defaultRolePalette[0].s50,
-            }, onClick: () => this.selectRole({ signerIndex: 0, name: dvI18n.t('toolbar.sender'), roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle-icon'), onMouseLeave: e => e.currentTarget.querySelector('.ls-dv-check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle-icon' : 'check-circle-icon') }, h("div", { key: '39bf3a6b1f2498d03b80031b48bb948f020b3dad', class: 'ls-dv-role-icon', style: {
+            }, onClick: () => this.selectRole({ signerIndex: 0, name: dvI18n.t('toolbar.sender'), roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle-icon'), onMouseLeave: e => e.currentTarget.querySelector('.ls-dv-check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle-icon' : 'check-circle-icon') }, h("div", { key: '31402ae0789783221c26daee781082ad42b20fce', class: 'ls-dv-role-icon', style: {
                 background: defaultRolePalette[0].s50,
                 color: defaultRolePalette[0].s80,
-            } }, h("ls-icon", { key: '78b3ecee2be86eaf9c61e22a94fbdd6790a6b18a', name: "user-icon" })), h("div", { key: '4779d3cd030adc4a0526a5c5f515bd77ba668318', class: 'ls-dv-role-text' }, h("p", { key: '05886532ff620453a62031f628aafd60eefff817', class: 'ls-dv-role-name', style: {
+            } }, h("ls-icon", { key: '47caeb0ae7bede06d82d7a2e1c3a748accc0d736', name: "user-icon" })), h("div", { key: '665c0cabd7455f7f215a60c21264cc3795786b3b', class: 'ls-dv-role-text' }, h("p", { key: '2b0e205a8350737f1ac7a7c591be185128fcc294', class: 'ls-dv-role-name', style: {
                 '--role-name-selected': defaultRolePalette[0].s80,
-            } }, dvI18n.t('toolbar.sender')), h("p", { key: 'af043fe79310f10f5c20c71be16410ac82bff95f', class: 'ls-dv-role-type', style: {
+            } }, dvI18n.t('toolbar.sender')), h("p", { key: 'e935b1f225f5f49ef103676bf4377f299b7afcaa', class: 'ls-dv-role-type', style: {
                 '--role-type-selected': defaultRolePalette[0].s80,
-            } }, dvI18n.t('toolbar.you'))), h("ls-icon", { key: 'ddcf69ea7b7654b645fb2f4715d4c9330760cde9', class: 'ls-dv-check-icon', name: this.selectedRole?.signerIndex === 0 ? 'check-circle-icon' : 'base-circle-icon', solid: this.selectedRole?.signerIndex === 0 })), this.roles.map(r => (h("div", { class: r.signerIndex === this.selectedRole?.signerIndex ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item', style: {
+            } }, dvI18n.t('toolbar.you'))), h("ls-icon", { key: '05a2f87d0e844875500ca48d75bdfab81694ed1b', class: 'ls-dv-check-icon', name: this.selectedRole?.signerIndex === 0 ? 'check-circle-icon' : 'base-circle-icon', solid: this.selectedRole?.signerIndex === 0 })), this.roles.map(r => (h("div", { class: r.signerIndex === this.selectedRole?.signerIndex ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-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('.ls-dv-check-icon')?.setAttribute('name', 'check-circle-icon'), onMouseLeave: e => e.currentTarget
@@ -45662,10 +46043,10 @@ const LsParticipantSelect = class {
                 '--role-name-selected': defaultRolePalette[r?.signerIndex % 100].s100,
             } }, r.name || (r.signerIndex > 100 ? dvI18n.t('participants.participantwitness', { index: r.signerIndex - 100 }) : dvI18n.t('participants.participant', { index: r.signerIndex }))), h("p", { class: 'ls-dv-role-type', style: {
                 '--role-type-selected': defaultRolePalette[r?.signerIndex % 100].s80,
-            } }, r.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : r.roleType === 'APPROVER' ? dvI18n.t('participants.approver') : dvI18n.t('participants.signer'))), h("ls-icon", { class: 'ls-dv-check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle-icon' : 'base-circle-icon', solid: r.signerIndex === this.selectedRole?.signerIndex })))), h("button", { key: 'd9eaf32948e3a2afabe55a3e9e5956fc8472a8c5', onClick: () => this.createHandler(), class: 'ls-dv-add-participant-row', style: {
+            } }, r.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : r.roleType === 'APPROVER' ? dvI18n.t('participants.approver') : dvI18n.t('participants.signer'))), h("ls-icon", { class: 'ls-dv-check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle-icon' : 'base-circle-icon', solid: r.signerIndex === this.selectedRole?.signerIndex })))), h("button", { key: '5b60a903653b6a30fe5325c9ce66ebd167c93fd8', onClick: () => this.createHandler(), class: 'ls-dv-add-participant-row', style: {
                 '--background-selected': defaultRolePalette[1].s10,
                 '--check-icon-selected': defaultRolePalette[1].s50,
-            } }, h("div", { key: 'bf2a02e6b77a8d0afbdc3f2693161f43941ac7d4', class: 'ls-dv-add-participant-icon' }, h("ls-icon", { key: 'c4545fa771818d031b159ee16de30992f3ac1c15', name: "user-add-icon" })), h("div", { key: '72e386de52b8314c05c4f8314ca60cc038be0372', class: 'ls-dv-role-text' }, h("p", { key: 'ef746fd94162015abf2e01aea8bb191348d22d63', class: 'ls-dv-role-name' }, dvI18n.t('participants.addparticipant')), h("p", { key: '325369cb6b51ffc4ee2e79f9e6ec9a9d0622eadd', class: 'ls-dv-role-type' }, dvI18n.t('toolbar.addnewsigner'))), h("ls-icon", { key: 'b65faf8cd4eb45874765287652b58109d05b65ee', class: 'ls-dv-plus-icon', name: "plus-icon" }))))), h("slot", { key: '63b3b7be89bf781293dbec74fbfd65f9e8a5e700' })));
+            } }, h("div", { key: '34e9c77b96d92e42fea2ea5b92af1b262879b7dc', class: 'ls-dv-add-participant-icon' }, h("ls-icon", { key: '1adda5f6736b8cada4345bc81c44139ef7d85de8', name: "user-add-icon" })), h("div", { key: 'dc6907682df5e4ebb3985dbb1b51833e89e0e279', class: 'ls-dv-role-text' }, h("p", { key: '1887ac8bc1de904dce5130a59b179ed9ad36eaad', class: 'ls-dv-role-name' }, dvI18n.t('participants.addparticipant')), h("p", { key: '00c09b732561101f7fc4d2c76c16e059955c4334', class: 'ls-dv-role-type' }, dvI18n.t('toolbar.addnewsigner'))), h("ls-icon", { key: '914d779c3b9e4bb09bfa1e99a137fbb448fcd8c1', class: 'ls-dv-plus-icon', name: "plus-icon" }))))), h("slot", { key: '163b5c4459b9f362ffa7460c6c8b505730efdc64' })));
     }
     static get watchers() { return {
         "signer": ["handleSignerChange"],
@@ -45684,7 +46065,7 @@ const LsPropsSection = class {
     sectionDescription;
     row = false;
     render() {
-        return (h(Host, { key: 'd1f4da17a8cd52f46be7af7f26e431a3a56d848e' }, h("div", { key: '055f3f15338bab4f219221430d3d757fa57f7831', class: this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section' }, h("div", { key: '7f00e4f24fb30b59b9d1752dfcada8050944cda9', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '0a5e4170d8e8ad9d6d5950e6eea5ba0d7d169cef', class: 'ls-dv-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && h("p", { key: 'de1959c5eacc981a495e78710084a1b54a09b8fa', class: 'ls-dv-field-properties-section-description' }, this.sectionDescription)), h("slot", { key: 'cb7f3e4d86f7fdea1579f624076637a8f663242f' }))));
+        return (h(Host, { key: 'badc0199d1170d7bda92be6219b1daf2eb201cba' }, h("div", { key: 'bcf487bef3930bcd9f92f397e50032be4844c233', class: this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section' }, h("div", { key: '85246bec6bdb9a7c9d6769434edaa085507a83bc', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '0cdb538cdc05f617f55a2caedf9fc9b88d1b8d51', class: 'ls-dv-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && h("p", { key: 'b4a9db5927f1540bc46542d23689e7f25908aa3f', class: 'ls-dv-field-properties-section-description' }, this.sectionDescription)), h("slot", { key: '7fe1da66021696a4c7d6812dc0bba2ecb5c24941' }))));
     }
 };
 LsPropsSection.style = lsPropsSectionCss();
@@ -45707,8 +46088,8 @@ const LsRecipientCard = class {
     activeRecipient;
     fieldTypeSelected = {
         label: 'Signature',
-        formElementType: 'signature-icon',
-        elementType: 'signature-icon',
+        formElementType: 'signature',
+        elementType: 'signature',
         validation: 0,
         defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight,
         defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth,
@@ -45759,8 +46140,8 @@ const LsRecipientCard = class {
     }
     render() {
         const recipientFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.recipient.signerIndex) || [];
-        const recipientSignatures = recipientFields.filter(f => f.elementType === 'signature-icon' || f.elementType === 'auto sign');
-        return (h(Host, { key: '3bd272f769221fb8f1ba2e109ddcd3219bd949bd' }, h("div", { key: '36abd05eda4af067805c4299e2cd5ac5c82b51cb', ref: el => (this.cardRef = el), class: `ls-dv-participant-card ls-dv-top-card ls-dv-full-card ${this.activeRecipient === this.recipient.signerIndex ? 'ls-dv-expanded' : ''}`, style: {
+        const recipientSignatures = recipientFields.filter(f => f.elementType === 'signature' || f.elementType === 'auto sign');
+        return (h(Host, { key: '1a6f3428ba44776c7108794c486707227ee34566' }, h("div", { key: '704d8a767e7b19bfc64dc892c8cb9822375e0170', ref: el => (this.cardRef = el), class: `ls-dv-participant-card ls-dv-top-card ls-dv-full-card ${this.activeRecipient === this.recipient.signerIndex ? 'ls-dv-expanded' : ''}`, style: {
                 background: defaultRolePalette[this.recipient?.signerIndex % 100].s10,
                 border: `1px ${this.recipient.roleType === 'WITNESS' ? 'dashed' : 'solid'} ${defaultRolePalette[this.recipient?.signerIndex % 100].s60}`,
                 outline: `${this.recipient.signerIndex === this.activeRecipient ? '4px solid ' + defaultRolePalette[this.recipient?.signerIndex % 100].s40 : 'none'}`,
@@ -45772,14 +46153,14 @@ const LsRecipientCard = class {
                 this.setIsHovered(true);
             }, onMouseLeave: () => {
                 this.setIsHovered(false);
-            } }, h("div", { key: '0062a1b1a2d79fa857ae2a52e1861fafc8baec2b', class: 'ls-dv-participant-card-inner' }, h("div", { key: 'dc0f978cba7ef4b6cec1aac4479f7261889764a8', class: 'ls-dv-participant-card-top-items' }, h("div", { key: 'c9ab02fe95665b777fd88f25751608d070d9829c', class: 'ls-dv-role-label', style: {
+            } }, h("div", { key: '73b3a9784fb79f2a13d4d1c5cf15547fb6e901ba', class: 'ls-dv-participant-card-inner' }, h("div", { key: '2c08a00be8a22bdaa69d8a5c2d57f93046ebd5bb', class: 'ls-dv-participant-card-top-items' }, h("div", { key: '35c29b2554a499ea8e9d7ea24fe82497623a36b1', class: 'ls-dv-role-label', style: {
                 background: defaultRolePalette[this.recipient?.signerIndex % 100].s20,
                 color: defaultRolePalette[this.recipient?.signerIndex % 100].s90,
-            } }, h("ls-icon", { key: 'f33f3c913fdc2a7d1d6fcb01ca79799390e11e91', name: this.recipient?.roleType === 'APPROVER' ? 'check-circle-icon' : this.recipient?.roleType === 'WITNESS' ? 'eye-icon' : 'signature-icon', size: 16 }), dvI18n.t(`participants.${(this.recipient?.roleType || 'SIGNER').toLowerCase()}`)), h("ls-icon", { key: 'f3a0d91c31eb1469d0bbda335c9d39bc5602c712', name: "cursor-click-icon", size: 16, customStyle: { color: defaultRolePalette[this.recipient?.signerIndex % 100].s70 }, solid: true, style: { display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' } }), h("div", { key: '466deb88e69127717e027fab7dff5eb73b010ec7', class: "ls-dv-dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && this.validationErrors.filter(v => v?.signerIndex === this.recipient.signerIndex).length > 0 ? 'block' : 'none' } })), h("div", { key: 'f4d05c8a5bf0b475d44914a324da7fffcf340a03', class: 'ls-dv-participant-card-text' }, h("p", { key: 'dab937d7a3fcf72d2bb5608d9887cb0c6ff9b537', class: "ls-dv-participant-text-description", style: {
+            } }, h("ls-icon", { key: '6c8c7f8b15bf448263c3d469944daf66dc8732aa', name: this.recipient?.roleType === 'APPROVER' ? 'check-circle-icon' : this.recipient?.roleType === 'WITNESS' ? 'eye-icon' : 'signature-icon', size: 16 }), dvI18n.t(`participants.${(this.recipient?.roleType || 'SIGNER').toLowerCase()}`)), h("ls-icon", { key: 'fe09f5697f874eed72ff31d8b6ae98e2236740e8', name: "cursor-click-icon", size: 16, customStyle: { color: defaultRolePalette[this.recipient?.signerIndex % 100].s70 }, solid: true, style: { display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' } }), h("div", { key: '8aedcb65a3123f2b76f464203cc5d8ad4a51f987', class: "ls-dv-dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && this.validationErrors.filter(v => v?.signerIndex === this.recipient.signerIndex).length > 0 ? 'block' : 'none' } })), h("div", { key: '2b81b621a01d340d9ad75ff1b62ee700ccddbab4', class: 'ls-dv-participant-card-text' }, h("p", { key: '5a0462fa4c091e8cf396d130f5e5b2e3ffdb774c', class: "ls-dv-participant-text-description", style: {
                 color: defaultRolePalette[this.recipient?.signerIndex % 100].s100,
-            } }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.tobedecided') : this.recipient?.firstName + ' ' + this.recipient?.lastName), h("p", { key: '907204708c7a1ea546587a86e6d387827445cc4a', class: "ls-dv-participant-text-type", style: {
+            } }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.tobedecided') : this.recipient?.firstName + ' ' + this.recipient?.lastName), h("p", { key: '3af3f0e51073f728ba69d39434e6d063fef95c2f', class: "ls-dv-participant-text-type", style: {
                 color: defaultRolePalette[this.recipient?.signerIndex % 100].s80,
-            } }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.previousrecipientdecidesdetails') : this.recipient.email)), h("div", { key: 'cc505e66bad6854636e55e75b6e4ff1c89c09de6', class: "ls-dv-fields-box", style: { display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' } }, this.recipient.signerIndex > 0 && this.showTool('signature') && this.recipient?.roleType !== 'APPROVER' && (h("ls-toolbox-field", { key: 'ffd3dc1860aab9acdad44bdfdad26aaafdd8f00d', elementType: "signature", formElementType: "signature", label: dvI18n.t('toolbox.signature'), defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth, validation: 0, icon: "signature-icon", tooltip: dvI18n.t('toolbox.signaturetooltip'), signer: this.recipient.signerIndex, redDot: recipientSignatures.length === 0 })), this.recipient.signerIndex === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { key: '8834424ba27e7edf4f3e36c530548c43a5a2528e', elementType: "admin", formElementType: "auto sign", label: dvI18n.t('toolbox.autosign'), defaultHeight: FIELD_DEFAULTS['auto sign'].defaultHeight, defaultWidth: FIELD_DEFAULTS['auto sign'].defaultWidth, validation: 3000, icon: "auto-sign-icon", tooltip: dvI18n.t('toolbox.autosigntooltip'), signer: this.recipient.signerIndex })), this.showTool('text') && (h("ls-toolbox-field", { key: 'c4cc3c8dc2678164c6cdd6387ea8fb2a761c42c3', elementType: "text", formElementType: "text", label: dvI18n.t('toolbox.text'), defaultHeight: FIELD_DEFAULTS['text'].defaultHeight, defaultWidth: FIELD_DEFAULTS['text'].defaultWidth, validation: 0, icon: "text-icon", tooltip: dvI18n.t('toolbox.texttooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { key: '3c0f70850253cee57784ddfedcf702996a3331eb', elementType: "text", formElementType: "signing date", label: dvI18n.t('toolbox.signingdate'), defaultHeight: FIELD_DEFAULTS['signing date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signing date'].defaultWidth, validation: 32, icon: "auto-date-icon", tooltip: dvI18n.t('toolbox.signingdatetooltip'), signer: this.recipient.signerIndex })), this.showTool('date') && (h("ls-toolbox-field", { key: 'a39f09194b15e0aebadb5e17dce0f19dec57b5ab', elementType: "text", formElementType: "date", label: dvI18n.t('toolbox.date'), defaultHeight: FIELD_DEFAULTS['date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['date'].defaultWidth, validation: 4, icon: "calender-icon", tooltip: dvI18n.t('toolbox.datetooltip'), signer: this.recipient.signerIndex })), this.showTool('email') && (h("ls-toolbox-field", { key: '37e8ae13ca970ae9aa7eeeaec74fca6ed9ddb1ad', elementType: "text", formElementType: "email", label: dvI18n.t('toolbox.email'), defaultHeight: FIELD_DEFAULTS['email'].defaultHeight, defaultWidth: FIELD_DEFAULTS['email'].defaultWidth, validation: 1, icon: "at-symbol-icon", tooltip: dvI18n.t('toolbox.emailtooltip'), signer: this.recipient.signerIndex })), this.showTool('initials') && (h("ls-toolbox-field", { key: '231a7b46da75a360dee65b34eb0d2ecacc6fdf62', elementType: "initials", formElementType: "initials", label: dvI18n.t('toolbox.initials'), defaultHeight: FIELD_DEFAULTS['initials'].defaultHeight, defaultWidth: FIELD_DEFAULTS['initials'].defaultWidth, validation: 2000, icon: "initials-icon", tooltip: dvI18n.t('toolbox.initialstooltip'), signer: this.recipient.signerIndex })), this.showTool('number') && (h("ls-toolbox-field", { key: 'a45de06d04d68095ab1f817c6f26cddeac107dbc', elementType: "text", formElementType: "number", label: dvI18n.t('toolbox.number'), defaultHeight: FIELD_DEFAULTS['number'].defaultHeight, defaultWidth: FIELD_DEFAULTS['number'].defaultWidth, validation: 50, icon: "hashtag-icon", tooltip: dvI18n.t('toolbox.numbertooltip'), signer: this.recipient.signerIndex })), this.showTool('dropdown') && (h("ls-toolbox-field", { key: '6b270ec4c0db3c06de363bbd53597a59c6e49c15', elementType: "text", formElementType: "dropdown", label: dvI18n.t('toolbox.dropdown'), defaultHeight: FIELD_DEFAULTS['dropdown'].defaultHeight, defaultWidth: FIELD_DEFAULTS['dropdown'].defaultWidth, validation: 20, icon: "dropdown-icon", tooltip: dvI18n.t('toolbox.dropdowntooltip'), signer: this.recipient.signerIndex })), this.showTool('checkbox') && (h("ls-toolbox-field", { key: '856d79ed1fc2ea5ea268b87bc9de03332b6d5b47', elementType: "text", formElementType: "checkbox", label: dvI18n.t('toolbox.checkbox'), defaultHeight: FIELD_DEFAULTS['checkbox'].defaultHeight, defaultWidth: FIELD_DEFAULTS['checkbox'].defaultWidth, validation: 25, icon: "check-icon", tooltip: dvI18n.t('toolbox.checkboxtooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('regex') && (h("ls-toolbox-field", { key: '52bf8b41e1c086d2a39b70547828f3f290f86ba0', elementType: "text", formElementType: "regex", label: dvI18n.t('toolbox.regex'), defaultHeight: FIELD_DEFAULTS['regex'].defaultHeight, defaultWidth: FIELD_DEFAULTS['regex'].defaultWidth, validation: 93, icon: "code-icon", tooltip: dvI18n.t('toolbox.regextooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('image') && (h("ls-toolbox-field", { key: 'aea62c563eeea24825b7367152ac4ebea39e3f36', elementType: "text", formElementType: "image", label: dvI18n.t('toolbox.image'), defaultHeight: FIELD_DEFAULTS['image'].defaultHeight, defaultWidth: FIELD_DEFAULTS['image'].defaultWidth, validation: 90, icon: "photograph-icon", tooltip: dvI18n.t('toolbox.imagetooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (h("ls-toolbox-field", { key: '54e467243f0bbc9a2f1d9ddffec3fbe760d69d28', elementType: "text", formElementType: "file", label: dvI18n.t('toolbox.file'), defaultHeight: FIELD_DEFAULTS['file'].defaultHeight, defaultWidth: FIELD_DEFAULTS['file'].defaultWidth, validation: 74, icon: "upload-icon", tooltip: dvI18n.t('toolbox.filetooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { key: 'c2bfa680abfd3db52d2dac5e9e02b162675aa9ed', elementType: "text", formElementType: "drawn", label: dvI18n.t('toolbox.drawn'), defaultHeight: FIELD_DEFAULTS['drawn'].defaultHeight, defaultWidth: FIELD_DEFAULTS['drawn'].defaultWidth, validation: 90, icon: "pencil-icon", tooltip: dvI18n.t('toolbox.drawntooltip'), signer: this.recipient.signerIndex }))))), h("slot", { key: 'b388ec600f8423d60d15a51eaa31b823d8bc35ea' }), h("ls-tooltip", { key: '63b930a715904ea7a0b8c869816d5b90978cb177', tooltipId: "ls-dv-tooltip" })));
+            } }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.previousrecipientdecidesdetails') : this.recipient.email)), h("div", { key: '83ad6c036d058a2e4c895d5ab3a41336abf7c042', class: "ls-dv-fields-box", style: { display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' } }, this.recipient.signerIndex > 0 && this.showTool('signature') && this.recipient?.roleType !== 'APPROVER' && (h("ls-toolbox-field", { key: 'a32811d4056562bfd3691033e042083133b2682e', elementType: "signature", formElementType: "signature", label: dvI18n.t('toolbox.signature'), defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth, validation: 0, icon: "signature-icon", tooltip: dvI18n.t('toolbox.signaturetooltip'), signer: this.recipient.signerIndex, redDot: recipientSignatures.length === 0 })), this.recipient.signerIndex === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { key: 'f9720e0bc94d52eb8d5f665dce9b3dd2d1a1ab9f', elementType: "admin", formElementType: "auto sign", label: dvI18n.t('toolbox.autosign'), defaultHeight: FIELD_DEFAULTS['auto sign'].defaultHeight, defaultWidth: FIELD_DEFAULTS['auto sign'].defaultWidth, validation: 3000, icon: "auto-sign-icon", tooltip: dvI18n.t('toolbox.autosigntooltip'), signer: this.recipient.signerIndex })), this.showTool('text') && (h("ls-toolbox-field", { key: 'f9c6fbc8c8eb850bae5caff584a5877a7ef205c4', elementType: "text", formElementType: "text", label: dvI18n.t('toolbox.text'), defaultHeight: FIELD_DEFAULTS['text'].defaultHeight, defaultWidth: FIELD_DEFAULTS['text'].defaultWidth, validation: 0, icon: "text-icon", tooltip: dvI18n.t('toolbox.texttooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { key: 'c554bf6e531294eefe11c0a09848417fef69f405', elementType: "text", formElementType: "signing date", label: dvI18n.t('toolbox.signingdate'), defaultHeight: FIELD_DEFAULTS['signing date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signing date'].defaultWidth, validation: 32, icon: "auto-date-icon", tooltip: dvI18n.t('toolbox.signingdatetooltip'), signer: this.recipient.signerIndex })), this.showTool('date') && (h("ls-toolbox-field", { key: '30fbf2c7c7da93d36818ce18704dfedaf663f5bc', elementType: "text", formElementType: "date", label: dvI18n.t('toolbox.date'), defaultHeight: FIELD_DEFAULTS['date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['date'].defaultWidth, validation: 4, icon: "calender-icon", tooltip: dvI18n.t('toolbox.datetooltip'), signer: this.recipient.signerIndex })), this.showTool('email') && (h("ls-toolbox-field", { key: '3513ffbffe8ffc55c7b83639c1acd178b32e6a9d', elementType: "text", formElementType: "email", label: dvI18n.t('toolbox.email'), defaultHeight: FIELD_DEFAULTS['email'].defaultHeight, defaultWidth: FIELD_DEFAULTS['email'].defaultWidth, validation: 1, icon: "at-symbol-icon", tooltip: dvI18n.t('toolbox.emailtooltip'), signer: this.recipient.signerIndex })), this.showTool('initials') && (h("ls-toolbox-field", { key: 'c7dba87d5f69c21c5813febbf3dcd117b345420c', elementType: "initials", formElementType: "initials", label: dvI18n.t('toolbox.initials'), defaultHeight: FIELD_DEFAULTS['initials'].defaultHeight, defaultWidth: FIELD_DEFAULTS['initials'].defaultWidth, validation: 2000, icon: "initials-icon", tooltip: dvI18n.t('toolbox.initialstooltip'), signer: this.recipient.signerIndex })), this.showTool('number') && (h("ls-toolbox-field", { key: '31b68861f65843c7cdd2517fbd2c4df33ac90b9e', elementType: "text", formElementType: "number", label: dvI18n.t('toolbox.number'), defaultHeight: FIELD_DEFAULTS['number'].defaultHeight, defaultWidth: FIELD_DEFAULTS['number'].defaultWidth, validation: 50, icon: "hashtag-icon", tooltip: dvI18n.t('toolbox.numbertooltip'), signer: this.recipient.signerIndex })), this.showTool('dropdown') && (h("ls-toolbox-field", { key: '62a4e157d7bbb271dc81147ceca34ab1f8c22580', elementType: "text", formElementType: "dropdown", label: dvI18n.t('toolbox.dropdown'), defaultHeight: FIELD_DEFAULTS['dropdown'].defaultHeight, defaultWidth: FIELD_DEFAULTS['dropdown'].defaultWidth, validation: 20, icon: "dropdown-icon", tooltip: dvI18n.t('toolbox.dropdowntooltip'), signer: this.recipient.signerIndex })), this.showTool('checkbox') && (h("ls-toolbox-field", { key: 'ee2ded16630e651c30f585159511fade83267ef0', elementType: "text", formElementType: "checkbox", label: dvI18n.t('toolbox.checkbox'), defaultHeight: FIELD_DEFAULTS['checkbox'].defaultHeight, defaultWidth: FIELD_DEFAULTS['checkbox'].defaultWidth, validation: 25, icon: "check-icon", tooltip: dvI18n.t('toolbox.checkboxtooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('regex') && (h("ls-toolbox-field", { key: '4c6b88190bd32a59b212bf0c5236f44520344734', elementType: "text", formElementType: "regex", label: dvI18n.t('toolbox.regex'), defaultHeight: FIELD_DEFAULTS['regex'].defaultHeight, defaultWidth: FIELD_DEFAULTS['regex'].defaultWidth, validation: 93, icon: "code-icon", tooltip: dvI18n.t('toolbox.regextooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('image') && (h("ls-toolbox-field", { key: 'c75106a07655fdef31910417301fecabae2b7ae3', elementType: "text", formElementType: "image", label: dvI18n.t('toolbox.image'), defaultHeight: FIELD_DEFAULTS['image'].defaultHeight, defaultWidth: FIELD_DEFAULTS['image'].defaultWidth, validation: 90, icon: "photograph-icon", tooltip: dvI18n.t('toolbox.imagetooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (h("ls-toolbox-field", { key: 'd0c6593bbdaaf6b6f3121b80362f54cb9452ca38', elementType: "text", formElementType: "file", label: dvI18n.t('toolbox.file'), defaultHeight: FIELD_DEFAULTS['file'].defaultHeight, defaultWidth: FIELD_DEFAULTS['file'].defaultWidth, validation: 74, icon: "upload-icon", tooltip: dvI18n.t('toolbox.filetooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { key: '064f82c8eb9df291df9af66cc8f5f66a8012ed54', elementType: "text", formElementType: "drawn", label: dvI18n.t('toolbox.drawn'), defaultHeight: FIELD_DEFAULTS['drawn'].defaultHeight, defaultWidth: FIELD_DEFAULTS['drawn'].defaultWidth, validation: 90, icon: "pencil-icon", tooltip: dvI18n.t('toolbox.drawntooltip'), signer: this.recipient.signerIndex }))))), h("slot", { key: '5579df038af2d816ea2528418fca3d688529d3cc' }), h("ls-tooltip", { key: '64f396ce93a81afe04190e5ea020da7e7d0a5b00', tooltipId: "ls-dv-tooltip" })));
     }
     static get watchers() { return {
         "activeRecipient": ["handleExpandCollapse"]
@@ -45794,12 +46175,12 @@ const LsRecipientManager = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '84f271d9abae4e0bd667173ccae8e5bb4b772865' }, h("div", { key: '7ac05d5c057c9fa9e0c71284e99ea98bf523f05c', class: 'ls-dv-editor-infobox' }, h("h2", { key: 'b990f2a4666817af028c8ea222ea40945a2cb438', class: "ls-dv-toolbox-section-title" }, dvI18n.t('recipients.title')), h("p", { key: '9877f65e50620e8b93c59ba07c6f20ed8d8f6bc0', class: "ls-dv-toolbox-section-description" }, dvI18n.t('recipients.description'))), h("slot", { key: 'f35d793bdd52fdf90bce508bf6e4c6fbc788854b' })));
+        return (h(Host, { key: 'c8e69a696bd87149dd043e29c88a72b8bafc9aab' }, h("div", { key: 'c843412a6b40328947822bd90df17b802f9cc770', class: 'ls-dv-editor-infobox' }, h("h2", { key: '510f7069b7bd11f944136994394b93f9bb4ea8f5', class: "ls-dv-toolbox-section-title" }, dvI18n.t('recipients.title')), h("p", { key: '36edeea505b385db969e632078872ae3c64f2988', class: "ls-dv-toolbox-section-description" }, dvI18n.t('recipients.description'))), h("slot", { key: 'df6a207fbdc3e2b02d56ff5bc65e120d69351bd6' })));
     }
 };
 LsRecipientManager.style = lsRecipientManagerCss();
 
-const version = "0.9.21";
+const version = "0.9.23";
 
 const lsStatusbarCss = () => `:host{position:fixed;z-index:1000;right:1rem;bottom:1rem;display:flex;flex-direction:row;gap:0.5rem;align-items:end;height:2.25rem;overflow:visible}.ls-dv-controls-bar{display:flex;flex-direction:row;background-color:white;border:1px solid var(--gray-30, #e0e2e5);box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);border-radius:1.125rem}*{margin:0;padding:0;box-sizing:border-box}.ls-dv-status-bar-section{display:flex;flex-direction:row;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem}.ls-dv-controls-bar>:not(:nth-child(1)){border-left:1px solid var(--gray-30, #e0e2e5)}button{border:0}button:hover{color:var(--gray-100, #45484d);border-radius:0.625rem}button:disabled{color:var(--gray-40, #d8d9dc);cursor:not-allowed}input[type=range]{-webkit-appearance:none;width:100%;height:0.5rem;background:var(--gray-20, #edeff2);border-radius:0.25rem;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0.5rem;height:0.5rem;background:var(--gray-70, #939599);border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:0.5rem;height:0.5rem;background:var(--gray-70, #939599);border:none;border-radius:50%;cursor:pointer}input[type=range]::-moz-range-track{background:var(--gray-20, #edeff2);height:0.5rem;border-radius:0.25rem}input[type=range]::-webkit-slider-runnable-track{background:var(--gray-20, #edeff2);height:0.5rem;border-radius:0.25rem}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}span{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}button{all:unset;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--gray-80, #6f7176);text-transform:capitalize}button.ls-dv-tertiary-grey:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}.ls-dv-thumbnail-popover{position:absolute;bottom:3rem;right:0;background:white;border:1px solid var(--gray-30, #e0e2e5);border-radius:1.75rem;box-shadow:0px 8px 24px rgba(0, 0, 0, 0.15);padding:0.75rem;z-index:1001;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.ls-dv-thumbnail-grid{background:var(--gray-10, #f7f8fa);padding:0.75rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:1rem;overflow-y:auto;max-height:100%}.ls-dv-thumbnail-wrapper{display:flex;flex-direction:column;align-items:center;gap:0.25rem;cursor:pointer}.ls-dv-thumbnail-wrapper>span:last-child{font-size:var(--text-xs, 0.75rem);color:var(--gray-80, #6f7176);font-weight:500}.ls-dv-thumbnail{border:1px solid var(--gray-30, #e0e2e5);border-radius:0.5rem;cursor:pointer;transition:border-color 0.15s}.ls-dv-thumbnail:hover{border-color:var(--primary-40, #79adfc);box-shadow:0 0 0 2px rgba(163, 180, 249, 0.3)}.ls-dv-thumbnail.active{border-color:var(--primary-60, #4456f6);outline:0.25rem solid var(--primary-30, #9dc3fc);box-shadow:var(--shadow-md)}.ls-dv-thumbnail-dots{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;margin-top:0.25rem}.ls-dv-thumbnail-dot{width:0.5rem;height:0.5rem;border-radius:50%;display:inline-block;border:2px solid var(--dot-color-60);background-color:var(--dot-color-40)}.ls-dv-version{position:absolute;bottom:100%;right:0;color:var(--gray-50, #afb0b2);font-size:0.625rem;padding-bottom:0.25rem}`;
 
@@ -45826,16 +46207,13 @@ const LsStatusbar = class {
         this.zoom = value;
     }
     fitWidth() {
-        const leftBox = this.editor.component.shadowRoot.getElementById('ls-left-box');
-        const midBox = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');
-        const space = midBox.clientWidth - leftBox.clientWidth - 60; // 60 for padding/margin
-        console.log('Space width:', space, 'Page width:', this.editor.pageDimensions[0].width);
-        const scale = space / this.editor.pageDimensions[0].width;
+        const wrapper = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');
+        const scale = (wrapper.clientWidth - 396) / this.editor.pageDimensions[this.editor.pageNum - 1].width;
         this.setZoom(Math.round(scale * 1e2) / 1e2);
     }
     fitHeight() {
-        const space = window.screen.height - 40; // 40 for padding/margin
-        const scale = space / this.editor.pageDimensions[0].height;
+        const wrapper = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');
+        const scale = (wrapper.clientHeight - 94) / this.editor.pageDimensions[this.editor.pageNum - 1].height;
         this.setZoom(Math.round(scale * 1e2) / 1e2);
     }
     goToPage(pageNum) {
@@ -45912,11 +46290,11 @@ const LsStatusbar = class {
         this.zoom = this.editor.zoom;
     }
     render() {
-        return (h(Host, { key: 'ea481b835c153c31dfe48b351b9b38bb8f0128de' }, h("div", { key: '8af91a2048c1b755cca2a8e53fe004915056126b', class: 'ls-dv-controls-bar' }, h("div", { key: '78b23a5f968e9fac11d4929391bf18c8a2f4dd6d', class: 'ls-dv-status-bar-section' }, h("button", { key: '34e53011f1b9af7492845eaf5a7e9eeadbd34bec', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomout') }, h("ls-icon", { key: '79d6b5c5ab184a2eae81310e6b51a6f80f91b573', name: "zoom-out-icon" })), h("span", { key: '542e7823b03c64fee2c3d8fd812d8687b905bb80' }, Math.round(this.zoom * 100), "%"), h("button", { key: 'ce67ade405a9919c041925dfb5a56fc1c6dc2c17', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomin') }, h("ls-icon", { key: 'b0280b7bba8c222c829d5b0332892be545e7519d', name: "zoom-in-icon" }))), h("div", { key: '32feb20f17f3f75c05b95f5515df0f6e8322d97d', class: 'ls-dv-status-bar-section' }, h("button", { key: '11e82d61260dca3edd5c24ef9ea9aa8d1cf70229', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitwidth') }, h("ls-icon", { key: '28ba434675a9ce7046534fc2736e208a1212966b', name: "fit-width-icon" })), h("button", { key: '8aafcc52c5bc432ae10d64adb222ead80bb9b76f', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitheight') }, h("ls-icon", { key: 'afe4166fd490f929f76ef9c36ac9c6e7e98cc00e', name: "fit-height-icon" }))), h("div", { key: 'feeaae97e8d8477172ddbb713d909b9d4aba8eaf', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: '51e7093640071e2df1ed91694654849d4b96131d', onClick: () => {
+        return (h(Host, { key: 'bdfc14c1fcdcd1a36f56e0d7d9925f65da6f11f9' }, h("div", { key: '5cb9c7f761ad4b4ec35cdd3ecbf0b8e20967e6af', class: 'ls-dv-controls-bar' }, h("div", { key: '87557226e224d25bc806bc1fe55b6ee275217059', class: 'ls-dv-status-bar-section' }, h("button", { key: '34f75a67f3e73cb4f21982773f429c9c53629734', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomout') }, h("ls-icon", { key: '126cb42966ba6d3174cacc8067af035435a37864', name: "zoom-out-icon" })), h("span", { key: '97b8aa1b086e8139c3d5d816d31aa5bd1550bd22' }, Math.round(this.zoom * 100), "%"), h("button", { key: '4720f72b7bb0a4dcb5bb4fbe63e136407894e955', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomin') }, h("ls-icon", { key: 'cf9ec61f04816acee4c0564b095a014ebf8a5933', name: "zoom-in-icon" }))), h("div", { key: '54f0e62ae67c40fd94ec569498d3ad1fb0547c87', class: 'ls-dv-status-bar-section' }, h("button", { key: '758f2fd431f538227ac935ab5214cde83a33b55f', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitwidth') }, h("ls-icon", { key: '6c3fb53c082b8cd3ff818a49e67bbc4823d86b27', name: "fit-width-icon" })), h("button", { key: 'e0a80784df9ed38335f1f7a91949aadf4022bda6', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitheight') }, h("ls-icon", { key: 'b2e1289b97df0539f7e28e82a065ae722a83d017', name: "fit-height-icon" }))), h("div", { key: '78bec4fc68dc29b034f04ac1012354f643f450cf', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: '0298a365fc08e87433cd6e9be31f15568de0f4c8', onClick: () => {
                 this.editor.pagePrev();
-            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage') }, h("ls-icon", { key: '5c5cbe3bdd84130a4ef1b58f8f4be95ed92bcae9', name: "chevron-left-icon" })), h("p", { key: '6e494143c71a6c2c9d49adb694ae9a8b350e49d0' }, this.page, " / ", this.pageCount), h("button", { key: '3ed6daea060e8cf4882d20ead62dbce40b6aa07a', onClick: () => {
+            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage') }, h("ls-icon", { key: '92fe603bf09dfd4b04ab99e7948a0507ee2874ef', name: "chevron-left-icon" })), h("p", { key: '609341072c264cde83f51b19b3ca5cf709cdf4e0' }, this.page, " / ", this.pageCount), h("button", { key: '168662ef5881ad494244c8949301f87121782641', onClick: () => {
                 this.editor.pageNext();
-            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage') }, h("ls-icon", { key: '396a1ddfb74f9b767f29eabc1cf61099a002f346', name: "chevron-right-icon" }))), h("div", { key: 'f3101cfe9721e300e1c9e2f08008339db2d3d5a1', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 ? { display: 'none' } : {} }, h("button", { key: 'ea004393b54ace9e9c4e08b426358a13ac2eab00', onClick: () => {
+            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage') }, h("ls-icon", { key: 'efb59a2f64da6b72d0bbf2b9f381b833f34f32e9', name: "chevron-right-icon" }))), h("div", { key: '8ec2d5a805d2fd676194e0800050877e43707ac9', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 ? { display: 'none' } : {} }, h("button", { key: '2bc8d1f2157a25fe2f2338840abe9a1742cd6ba2', onClick: () => {
                 this.showThumbnails = !this.showThumbnails;
                 if (this.showThumbnails) {
                     setTimeout(() => this.renderThumbnails(), 0);
@@ -45925,7 +46303,7 @@ const LsStatusbar = class {
                 else {
                     document.removeEventListener('click', this.outsideClickHandler);
                 }
-            }, id: "page-thumbnails-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.pagethumbnails') }, h("ls-icon", { key: '93a00558ed38e7d25739b334fa924086b841775d', name: !this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon' }))), this.showThumbnails && (h("div", { key: '91b7a842d25e28aea95cf4a8550742bf64a667f3', class: "ls-dv-thumbnail-popover" }, h("div", { key: '9d96059970109b17c6177390fab3b21492ed3c82', id: "ls-thumbnail-container", class: "ls-dv-thumbnail-grid" })))), h("ls-helper-bar", { key: 'a2ed28fc5dd29e556fb18425b1020def7640a8de' }), h("span", { key: '853f8ece862ba62b42e31e4ea17f017fd3bf3760', class: "ls-dv-version" }, "v", version), h("ls-tooltip", { key: '8106a35f7e8853b322700fac6b1ffff69da7ba35', tooltipId: "ls-dv-tooltip" }), h("slot", { key: '3708f20dcb2829ed6557a37afe726a342b71789e' })));
+            }, id: "page-thumbnails-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.pagethumbnails') }, h("ls-icon", { key: '4a0882564cecb1ba324750228309531e3a5e3fe1', name: !this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon' }))), this.showThumbnails && (h("div", { key: '7b83fa41dc3d0d3ace75ed6a51a2326a4bc5b1c0', class: "ls-dv-thumbnail-popover" }, h("div", { key: 'a48f1151b52c7c1a55e0818ca41890c6d9e4d7f5', id: "ls-thumbnail-container", class: "ls-dv-thumbnail-grid" })))), h("ls-helper-bar", { key: 'fde4d00a2fa4fa902a9e3156f6e9f1aa691f20e9' }), h("span", { key: 'de55154c5d25f9a075574e23dc03aa10b8c23cd6', class: "ls-dv-version" }, "v", version), h("ls-tooltip", { key: '337136e67bdfafdc50aa0503babaa95385aaa14e', tooltipId: "ls-dv-tooltip" }), h("slot", { key: 'a493421c451b4d175ee5adc2240f51df20dbb8c8' })));
     }
 };
 LsStatusbar.style = lsStatusbarCss();
@@ -45944,14 +46322,14 @@ const LsToggle = class {
         this.valueChange.emit(value);
     }
     render() {
-        return (h(Host, { key: '7c6e43de9b269574234d86e63ee565ed1dec639b' }, h("label", { key: 'd0bc005da5d85ae41f76296ef75b0b77fea63539', class: "ls-dv-switch" }, h("input", { key: 'e1babc771abbfce644208a7de5536d6b437eb88a', type: "checkbox", checked: this.checked, onChange: (e) => {
+        return (h(Host, { key: '6045adde2f52f375a9e0bc129b93e62bbe27c6bc' }, h("label", { key: 'f1be10d183b474b9e332a4773f3446029a2307a2', class: "ls-dv-switch" }, h("input", { key: '5a1c656ca6688d2312bd77babba7806c2946d3dc', type: "checkbox", checked: this.checked, onChange: (e) => {
                 this.changeHandler(e.target.checked);
-            } }), h("span", { key: 'caa87d93064826d2e2e553230277011e2a988cc1', class: `${this.indeterminate ? 'ls-dv-indeterminate' : 'ls-dv-slider'} ls-dv-round` })), h("slot", { key: 'd102cb6ea6b99a5ecf3994f8f221e8d8fa10d0e8' })));
+            } }), h("span", { key: '0bea6ade8e050194540c3d5d15a403582b1dd47e', class: `${this.indeterminate ? 'ls-dv-indeterminate' : 'ls-dv-slider'} ls-dv-round` })), h("slot", { key: 'f139321d94f5c442b62dedd767ede1556c8cbea1' })));
     }
 };
 LsToggle.style = lsToggleCss();
 
-const lsToolbarCss = () => `.ls-dv-toolbar{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;width:100%;align-items:center;justify-content:center;padding:0.375rem;gap:0.5rem;width:fit-content;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:var(--white, #ffffff);z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.ls-dv-invisible{display:none}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsToolbarCss = () => `.ls-dv-toolbar{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;width:100%;align-items:center;justify-content:center;padding:0.375rem;gap:0.5rem;width:fit-content;border-radius:1.125rem;border:1px solid var(--gray-20, #edeff2);background:var(--white, #ffffff);z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.ls-dv-invisible{display:none}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
 
 const LsToolbar = class {
     constructor(hostRef) {
@@ -46002,25 +46380,24 @@ const LsToolbar = class {
         });
     }
     renderEditor() {
-        return (h("div", { class: "ls-dv-toolbar" }, this.dataItem && this.dataItem.length > 1 ? (h("div", { class: "rowbox" }, h("ls-field-format", { dataItem: this.dataItem }))) : (h("div", { class: "rowbox" }, h("ls-field-format", { dataItem: this.dataItem }), h("ls-participant-select", { id: "ls-participant-select", roles: this.template?.roles, signer: this.signer, style: { display: this.dataItem && this.dataItem.length === 1 ? 'none' : 'block' } }))), h("ls-tooltip", { tooltipId: "ls-dv-tooltip" }), h("slot", null)));
+        return (h("div", { class: "ls-dv-toolbar" }, this.dataItem && this.dataItem.length > 1 ? (h("div", { class: "rowbox" }, h("ls-field-format", { dataItem: this.dataItem }))) : (h("div", { class: "rowbox" }, h("ls-field-format", { dataItem: this.dataItem }), h("ls-participant-select", { id: "ls-participant-select", roles: this.template?.roles, signer: this.signer, style: { display: this.dataItem && this.dataItem.length === 1 ? 'none' : 'block' } }), h("ls-tooltip", { tooltipId: "ls-dv-tooltip" }))), h("slot", null)));
     }
     renderCompose() {
-        return (h("div", { class: this.dataItem && this.dataItem.length > 0 ? 'ls-dv-toolbar' : '' }, h("div", { class: "rowbox" }, h("ls-field-format", { dataItem: this.dataItem })), h("ls-tooltip", { tooltipId: "ls-dv-tooltip" }), h("slot", null)));
+        return (h("div", { class: this.dataItem && this.dataItem.length > 0 ? 'ls-dv-toolbar' : '' }, h("div", { class: "rowbox" }, h("ls-field-format", { dataItem: this.dataItem }), h("ls-tooltip", { tooltipId: "ls-dv-tooltip" })), h("slot", null)));
     }
     render() {
-        return this.mode === 'editor' ? this.renderEditor()
-            : this.mode === 'compose' ? this.renderCompose()
-                : null;
+        return this.mode === 'editor' ? this.renderEditor() : this.mode === 'compose' ? this.renderCompose() : null;
     }
 };
 LsToolbar.style = lsToolbarCss();
 
-const lsToolboxFieldCss = () => `.ls-dv-toolbox-field{display:flex;padding:0.5rem;align-items:center;justify-content:center;gap:0.875rem;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:white;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-dv-toolbox-field:hover{background:var(--gray-10, #f7f8fa);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border:1px solid var(--gray-30, #e0e2e5)}.ls-dv-warning-box{display:flex;padding:0.38rem;align-items:center;justify-content:center;border-radius:0.625rem;border:1px solid var(--red-40, #ffa19e);background:var(--red-10, #fff0f0);color:var(--red-60, #f64a44)}.ls-dv-toolbox-field-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.625rem;border:1px solid var(--signer-color);background:var(--signer-color-light);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);color:var(--signer-color)}.ls-dv-toolbox-field-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;width:100%;margin:0}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsToolboxFieldCss = () => `.ls-dv-toolbox-field{display:flex;padding:0.5rem;align-items:center;justify-content:center;gap:0.875rem;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:white;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);cursor:grab}.ls-dv-toolbox-field:active{cursor:grabbing}.ls-dv-toolbox-field:hover{background:var(--gray-10, #f7f8fa);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border:1px solid var(--gray-30, #e0e2e5)}.ls-dv-warning-box{display:flex;padding:0.38rem;align-items:center;justify-content:center;border-radius:0.625rem;border:1px solid var(--red-40, #ffa19e);background:var(--red-10, #fff0f0);color:var(--red-60, #f64a44)}.ls-dv-toolbox-field-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.625rem;border:1px solid var(--signer-color);background:var(--signer-color-light);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);color:var(--signer-color)}.ls-dv-toolbox-field-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;width:100%;margin:0}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
 
 const LsToolboxField = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.fieldTypeSelected = createEvent(this, "fieldTypeSelected", 7);
+        this.toolboxDragStart = createEvent(this, "toolboxDragStart", 7);
     }
     get component() { return getElement(this); }
     /**
@@ -46057,19 +46434,14 @@ const LsToolboxField = class {
     signer = 0;
     isSelected = false;
     fieldTypeSelected;
-    handleDragStart(event) {
-        var canvas = document.createElement('div');
-        canvas.style.position = 'absolute';
-        canvas.style.left = '-100%';
-        canvas.style.zIndex = '-100';
-        canvas.style.height = this.defaultHeight + 'px';
-        canvas.style.width = this.defaultWidth + 'px';
-        canvas.style.backgroundColor = 'rgba(255, 255, 255, 1)';
-        canvas.style.border = `1px dashed ${defaultRolePalette[this.signer % 100].s60}`;
-        canvas.innerHTML = this.formElementType;
-        document.body.appendChild(canvas);
-        event.dataTransfer.setDragImage(canvas, -50, -20);
-        console.log('drag start', {
+    toolboxDragStart;
+    handleMouseDown(event) {
+        if (event.button !== 0)
+            return;
+        event.preventDefault();
+        // Always select this field type
+        this.fieldTypeSelected.emit({
+            label: this.label,
             formElementType: this.formElementType,
             elementType: this.elementType,
             validation: this.validation,
@@ -46077,16 +46449,16 @@ const LsToolboxField = class {
             defaultWidth: this.defaultWidth,
             fixedAspect: this.fixedAspect,
         });
-        // Add the target element's id to the data transfer object
-        event.dataTransfer.setData('application/json', JSON.stringify({
+        // Also start dragging
+        this.toolboxDragStart.emit({
+            label: this.label,
             formElementType: this.formElementType,
             elementType: this.elementType,
             validation: this.validation,
             defaultHeight: this.defaultHeight,
             defaultWidth: this.defaultWidth,
             fixedAspect: this.fixedAspect,
-        }));
-        event.dataTransfer.dropEffect = 'copy';
+        });
     }
     handleKeyDown(event) {
         if (event.key === 'ArrowDown') {
@@ -46096,24 +46468,14 @@ const LsToolboxField = class {
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: 'e22fcd91bc5d6a6b796d3e9704411baf8663eba6', draggable: "true" }, h("div", { key: '51f9d606b94f660cc91e9ee0da9b3ea3b7298b76', class: 'ls-dv-toolbox-field', style: this.isSelected && {
+        return (h(Host, { key: 'a5b4b46dc72135d808947cfa85e48ad64e73cdf6' }, h("div", { key: 'af04575ea20a485d1b87868b17bb9b4a28304ace', class: 'ls-dv-toolbox-field', style: this.isSelected && {
                 background: defaultRolePalette[this.signer % 100].s10,
                 border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,
                 color: defaultRolePalette[this.signer % 100].s80,
                 boxShadow: `0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);`,
-            }, onClick: () => {
-                this.fieldTypeSelected.emit({
-                    label: this.label,
-                    formElementType: this.formElementType,
-                    elementType: this.elementType,
-                    validation: this.validation,
-                    defaultHeight: this.defaultHeight,
-                    defaultWidth: this.defaultWidth,
-                    fixedAspect: this.fixedAspect,
-                });
-            } }, h("div", { key: 'ce32f1086532147c7bd2239cb6270050276afa22', class: "ls-dv-toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.tooltip, "data-tooltip-place": "right" }, h("ls-icon", { key: '1573fbb84babb58e5131677378261480d869e6ca', name: this.icon, size: 20 })), h("p", { key: '55d6cabac19e561f3dac8f7f435cefb6acb060a8', class: "ls-dv-toolbox-field-label", style: this.isSelected && {
+            } }, h("div", { key: 'ce3574df322e7c35a54107c66be3f46276f35d98', class: "ls-dv-toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.tooltip, "data-tooltip-place": "right" }, h("ls-icon", { key: 'a43785f483492dcfc7987fe5a2b49386349c5140', name: this.icon, size: 20 })), h("p", { key: '83fb5d24a06f713f71074307bf12fef6f66897b3', class: "ls-dv-toolbox-field-label", style: this.isSelected && {
                 color: defaultRolePalette[this.signer % 100].s80,
-            } }, this.label), this.redDot && (h("div", { key: 'b73a247c85bc2c1a6951e45fefe374a33f418371', class: 'ls-dv-warning-box', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": `${this.label} Field Required`, "data-tooltip-place": "left" }, h("ls-icon", { key: 'd614126a586d53b60ec655c53f791c0ef23b1591', name: "exclamation-circle-icon", size: 18, solid: true }))), h("ls-icon", { key: '73328da53af81be982f005c5b8125dfc53907c4b', name: "drag-vertical-icon", size: 16, customStyle: { color: '#787a80' } })), h("ls-tooltip", { key: 'f556aab05b7ef8a764bfa78222cf4005a762206c', tooltipId: "ls-dv-tooltip" })));
+            } }, this.label), this.redDot && (h("div", { key: '0c55844161bd318b5dc147514fc8205029ba8500', class: 'ls-dv-warning-box', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": `${this.label} Field Required`, "data-tooltip-place": "left" }, h("ls-icon", { key: '589601adbc88096178662754627c9a54a5aa9835', name: "exclamation-circle-icon", size: 18, solid: true }))), h("ls-icon", { key: '440a8884a0b9278c8c6f66562051b7e441c2b1f3', name: "drag-vertical-icon", size: 16, customStyle: { color: this.isSelected ? defaultRolePalette[this.signer % 100].s60 : '#787a80' } })), h("ls-tooltip", { key: '0b5e478156e1d3cc2f05a50a21dc75cfb1574917', tooltipId: "ls-dv-tooltip" })));
     }
 };
 LsToolboxField.style = lsToolboxFieldCss();
@@ -46139,10 +46501,10 @@ const LsTooltip = class {
                 const rect = target.getBoundingClientRect();
                 const pos = this.computePosition(rect, place);
                 if (html) {
-                    this.tooltipDiv.innerHTML = html;
+                    this.contentDiv.innerHTML = html;
                 }
                 else {
-                    this.tooltipDiv.textContent = content;
+                    this.contentDiv.textContent = content;
                 }
                 this.tooltipDiv.style.left = `${pos.x}px`;
                 this.tooltipDiv.style.top = `${pos.y}px`;
@@ -46153,10 +46515,10 @@ const LsTooltip = class {
             if (isFloat) {
                 this.floatHandler = (e) => {
                     if (html) {
-                        this.tooltipDiv.innerHTML = html;
+                        this.contentDiv.innerHTML = html;
                     }
                     else {
-                        this.tooltipDiv.textContent = content;
+                        this.contentDiv.textContent = content;
                     }
                     this.tooltipDiv.style.left = `${e.clientX}px`;
                     this.tooltipDiv.style.top = `${e.clientY - 10}px`;
@@ -46205,65 +46567,110 @@ const LsTooltip = class {
       max-width: 25vw;
       padding: 0.5rem 0.75rem;
       border-radius: 0.375rem;
+      font-family: var(--font-family, 'IBM Plex Sans', sans-serif);
       font-size: 0.8125rem;
       line-height: 1.4;
-      white-space: pre-wrap;
-      word-wrap: break-word;
+      white-space: nowrap;
       opacity: 0;
+      overflow: visible;
       transition: opacity 0.15s ease-in-out;
       background: var(--gray-90, #222);
       color: #fff;
       transform: translateX(-50%) translateY(-100%);
     `;
+        const content = document.createElement('div');
+        div.appendChild(content);
+        this.contentDiv = content;
+        const arrow = document.createElement('div');
+        arrow.style.cssText = `
+      position: absolute;
+      width: 8px;
+      height: 8px;
+      background: var(--gray-90, #222);
+      transform: rotate(45deg);
+    `;
+        div.appendChild(arrow);
+        this.arrowDiv = arrow;
         document.body.appendChild(div);
         return div;
     }
     applyVariant(variant) {
         const div = this.tooltipDiv;
+        let bg;
         switch (variant) {
             case 'light':
-                div.style.background = '#fff';
+                bg = '#fff';
+                div.style.background = bg;
                 div.style.color = 'var(--gray-90, #222)';
                 div.style.border = '1px solid var(--gray-20, #e5e7eb)';
                 div.style.boxShadow = '0 2px 8px rgba(0,0,0,0.1)';
                 break;
             case 'warning':
-                div.style.background = 'var(--yellow-90, #78350f)';
+                bg = 'var(--yellow-90, #78350f)';
+                div.style.background = bg;
                 div.style.color = '#fff';
                 div.style.border = 'none';
                 div.style.boxShadow = 'none';
                 break;
             case 'error':
-                div.style.background = 'var(--red-60, #dc2626)';
+                bg = 'var(--red-60, #dc2626)';
+                div.style.background = bg;
                 div.style.color = '#fff';
                 div.style.border = 'none';
                 div.style.boxShadow = 'none';
                 break;
             case 'info':
-                div.style.background = 'var(--blue-60, #2563eb)';
+                bg = 'var(--blue-60, #2563eb)';
+                div.style.background = bg;
                 div.style.color = '#fff';
                 div.style.border = 'none';
                 div.style.boxShadow = 'none';
                 break;
             default:
-                div.style.background = 'var(--gray-90, #222)';
+                bg = 'var(--gray-90, #222)';
+                div.style.background = bg;
                 div.style.color = '#fff';
                 div.style.border = 'none';
                 div.style.boxShadow = 'none';
         }
+        this.arrowDiv.style.background = bg;
     }
     applyPlacement(place) {
         switch (place) {
             case 'bottom':
                 this.tooltipDiv.style.transform = 'translateX(-50%)';
+                this.arrowDiv.style.top = '-4px';
+                this.arrowDiv.style.bottom = '';
+                this.arrowDiv.style.left = '50%';
+                this.arrowDiv.style.right = '';
+                this.arrowDiv.style.marginLeft = '-4px';
                 break;
             case 'left':
                 this.tooltipDiv.style.transform = 'translateX(-100%) translateY(-50%)';
+                this.arrowDiv.style.top = '50%';
+                this.arrowDiv.style.bottom = '';
+                this.arrowDiv.style.right = '-4px';
+                this.arrowDiv.style.left = '';
+                this.arrowDiv.style.marginTop = '-4px';
+                this.arrowDiv.style.marginLeft = '';
                 break;
             case 'right':
                 this.tooltipDiv.style.transform = 'translateY(-50%)';
+                this.arrowDiv.style.top = '50%';
+                this.arrowDiv.style.bottom = '';
+                this.arrowDiv.style.left = '-4px';
+                this.arrowDiv.style.right = '';
+                this.arrowDiv.style.marginTop = '-4px';
+                this.arrowDiv.style.marginLeft = '';
                 break;
-            default: this.tooltipDiv.style.transform = 'translateX(-50%) translateY(-100%)';
+            default:
+                this.tooltipDiv.style.transform = 'translateX(-50%) translateY(-100%)';
+                this.arrowDiv.style.bottom = '-4px';
+                this.arrowDiv.style.top = '';
+                this.arrowDiv.style.left = '50%';
+                this.arrowDiv.style.right = '';
+                this.arrowDiv.style.marginLeft = '-4px';
+                this.arrowDiv.style.marginTop = '';
         }
     }
     computePosition(rect, place) {
@@ -46326,7 +46733,7 @@ const LsValidationManager = class {
      */
     validationErrors;
     render() {
-        return (h(Host, { key: 'a2738849b0c8c8addb193f5ced62dc3cf272b661' }, h("div", { key: '7a7dfd6872713d15e9706724299e3aa9271aa805' }, h("div", { key: '50d7e76465d62e0163639cdb726aeb02207e4400' }, h("div", { key: '61935c8229a26f1b188ea9d61f9ae605f6201152', class: 'ls-dv-validation-section-title' }, dvI18n.t('common.actionrequired')), h("p", { key: '03a7c97edb2676dea957ec13019ac7811cb464a6', class: "ls-dv-toolbox-section-description" }, dvI18n.t('validation.description'))), this.validationErrors && this.validationErrors.map((field, idx) => {
+        return (h(Host, { key: '114cdb1e3298a7f5eaa44fea38f1eb607a91c489' }, h("div", { key: '28224a0234e0521008c49002d17a6ac8fcda07bd' }, h("div", { key: 'd4650c73fae0348186d2ab2270ba25560829d71b' }, h("div", { key: 'b4f225998f742fa3e07f22c717ec2f5eb6f64e3c', class: 'ls-dv-validation-section-title' }, dvI18n.t('common.actionrequired')), h("p", { key: '80383fea32998d1b24d244344bc620b2fb82bf86', class: "ls-dv-toolbox-section-description" }, dvI18n.t('validation.description'))), this.validationErrors && this.validationErrors.map((field, idx) => {
             const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
             const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
             return (h("div", { key: idx, class: 'ls-dv-required-field', style: {
@@ -46337,12 +46744,12 @@ const LsValidationManager = class {
                     '--field-text-color-hover': pallette.s80,
                     '--field-border-color-hover': pallette.s60,
                 } }, h("div", { class: 'ls-dv-required-field-items-left' }, h("div", { class: 'ls-dv-dot', style: { background: pallette.s60 } }), field?.role && (h("div", { class: 'ls-dv-required-field-items-left' }, h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`))), field?.element && (h(h.Fragment, null, h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: dvI18n.t('toolbox.signature'), defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth, validation: 0, icon: "signature-icon", tooltip: dvI18n.t('toolbox.signaturetooltip'), signer: field.element.signer }), h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
-        })), h("slot", { key: 'a6060126d88a293099a315fdd52b8e56327e943e' })));
+        })), h("slot", { key: '5b9ceee229d18a41ec4c7c4f19246dbb9305f1ce' })));
     }
 };
 LsValidationManager.style = lsValidationManagerCss();
 
-const lsValidationTagCss = () => `:host{position:relative}*{box-sizing:border-box;margin:0}.ls-dv-valid-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:1rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;width:fit-content}.ls-dv-valid{background-color:var(--green-30, #9df5d4);color:var(--green-100, #125241)}.ls-dv-valid.ls-dv-compose{border:1px solid var(--green-50, #57e5b1)}.ls-dv-valid.ls-dv-compose:hover{box-shadow:none}.ls-dv-invalid.ls-dv-default{background:var(--yellow-20, #fff3c2);color:var(--yellow-90, #8a3f0e)}.ls-dv-invalid.ls-dv-compose{border:1px solid var(--red-40, #ffa19e);background:var(--red-10, #fff0f0);color:var(--red-80, #c1140e)}.ls-dv-field-counter{display:flex;padding:0.125rem;justify-content:center;align-items:center;border-radius:1rem;font-size:0.625rem;line-height:0.75rem;font-style:normal;font-weight:500;color:var(--yellow-20, #fff3c2);background:#e17100;min-width:1rem}.ls-dv-field-counter.ls-dv-compose{color:var(--red-10, #fff0f0);background:var(--red-60, #f64a44)}.ls-dv-field-dropdown{position:absolute;top:2rem;right:0;background:white;display:flex;flex-direction:column;gap:0.75rem;width:20rem;padding:1rem;border-radius:1rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);max-height:20rem;overflow-y:auto;flex-direction:column;align-items:flex-start;z-index:1000}.ls-dv-field-dropdown.ls-dv-compose{width:14rem;padding:0.75rem;gap:0.5rem}.ls-dv-field-dropdown.ls-dv-compose>*{width:100%}.ls-dv-required-field{position:relative;display:flex;width:100%;justify-content:space-between;align-items:center;gap:0.5rem;border-radius:0.625rem;padding:0.5rem 0.5rem 0.5rem 1rem;background:var(--field-background);color:var(--field-text-color);border:1px solid var(--field-border-color);transition:all 0.1s ease-in-out;cursor:pointer}.ls-dv-required-field:hover{background:var(--field-background-hover);color:var(--field-text-color-hover);border:1px solid var(--field-border-color-hover);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)}.ls-dv-required-field-items-left{display:flex;gap:0.5rem;align-items:center;width:100%}.ls-dv-required-field-items-left p{font-size:0.875rem;font-style:normal;font-weight:500;line-height:0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-dot{height:0.5rem;width:0.5rem;border-radius:50%}.ls-dv-role-label{display:flex;padding:0.125rem 0.1875rem;justify-content:center;align-items:center;border-radius:0.25rem;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;text-transform:capitalize}.ls-dv-dropdown-header h2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;margin-bottom:0.125rem}.ls-dv-dropdown-header p{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}.ls-dv-validation-tag-container{padding:0.75rem;display:flex;flex-direction:column;gap:0.5rem}.ls-dv-validation-tag-header{padding-bottom:0.5rem;border-bottom:1px solid #edeff2}.ls-dv-validation-tag-title{font-family:"IBM Plex Sans Medium", "IBM Plex Sans", sans-serif;font-size:0.875rem;color:#45484d;line-height:1.5rem}.ls-dv-validation-tag-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;border-radius:0.625rem;cursor:pointer;transition:background-color 0.2s}.ls-dv-validation-tag-row:hover{background-color:var(--gray-10, #f7f8fa)}.ls-dv-validation-tag-bar{width:0.25rem;height:2rem;border-radius:9999px;flex-shrink:0}.ls-dv-validation-tag-details{flex:1 1 0%;min-width:0}.ls-dv-validation-tag-name{font-family:"IBM Plex Sans Medium", "IBM Plex Sans", sans-serif;font-size:0.875rem;color:#45484d;line-height:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-dv-validation-tag-email{font-family:"IBM Plex Sans Light", "IBM Plex Sans", sans-serif;font-size:0.75rem;color:#5e6066;line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}`;
+const lsValidationTagCss = () => `:host{position:relative}*{box-sizing:border-box;margin:0}.ls-dv-valid-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:1rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;width:fit-content}.ls-dv-valid-label-wrapper{display:flex;padding:0.25rem;border-radius:0.5rem;border:1px solid var(--gray-20, #edeff2);justify-content:center;align-items:center;border-radius:0.825rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;width:fit-content;gap:0.25rem}.ls-dv-valid-label-wrapper:hover{background:var(--gray-10, #f7f8fa);border:1px solid var(--gray-30, #e0e2e5)}.ls-dv-valid-label-icon-only{display:flex;padding:0.25rem;justify-content:center;align-items:center;border-radius:0.625rem}.ls-dv-valid{background-color:var(--green-30, #9df5d4);color:var(--green-100, #125241)}.ls-dv-valid.ls-dv-compose{border:1px solid var(--green-50, #57e5b1)}.ls-dv-valid.ls-dv-compose:hover{box-shadow:none}.ls-dv-invalid.ls-dv-default{background:var(--yellow-20, #fff3c2);color:var(--yellow-90, #8a3f0e)}.ls-dv-invalid.ls-dv-compose{border:1px solid var(--red-40, #ffa19e);background:var(--red-10, #fff0f0);color:var(--red-80, #c1140e)}.ls-dv-field-counter{display:flex;padding:0.125rem;justify-content:center;align-items:center;border-radius:1rem;font-size:0.625rem;line-height:0.75rem;font-style:normal;font-weight:500;color:var(--yellow-20, #fff3c2);background:#e17100;min-width:1rem}.ls-field-counter-floating{position:absolute;top:-0.125rem;right:-0.125rem}.ls-dv-field-counter.ls-dv-compose{color:var(--red-10, #fff0f0);background:var(--red-60, #f64a44)}.ls-dv-field-dropdown{position:absolute;top:2rem;right:0;background:white;display:flex;flex-direction:column;gap:0.75rem;width:20rem;padding:1rem;border-radius:1rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);max-height:20rem;overflow-y:auto;flex-direction:column;align-items:flex-start;z-index:1000}.ls-dv-field-dropdown.ls-dv-field-dropdown-success{background:linear-gradient(var(--green-10, #effff9) 0%, rgb(255, 255, 255) 100%);width:fit-content;padding:2rem;align-items:center;justify-content:center}.ls-dv-field-dropdown.ls-dv-field-dropdown-success *{text-align:center;white-space:nowrap}.ls-dv-dropdown-success-icon-outer{display:flex;justify-content:center;align-items:center;border-radius:9999px;background:var(--green-20, #c5fde8);padding:0.5rem}.ls-dv-dropdown-success-icon-inner{display:flex;justify-content:center;align-items:center;border-radius:9999px;background:var(--green-40, #72f0c2);padding:0.75rem;color:var(--green-100, #125241)}.ls-dv-field-dropdown.ls-dv-compose{width:14rem;padding:0.75rem;gap:0.5rem}.ls-dv-field-dropdown.ls-dv-compose>*{width:100%}.ls-dv-required-field{position:relative;display:flex;width:100%;justify-content:space-between;align-items:center;gap:0.5rem;border-radius:0.625rem;padding:0.5rem 0.5rem 0.5rem 1rem;background:var(--field-background);color:var(--field-text-color);border:1px solid var(--field-border-color);transition:all 0.1s ease-in-out;cursor:pointer}.ls-dv-required-field:hover{background:var(--field-background-hover);color:var(--field-text-color-hover);border:1px solid var(--field-border-color-hover);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)}.ls-dv-required-field-items-left{display:flex;gap:0.5rem;align-items:center;width:100%}.ls-dv-required-field-items-left p{font-size:0.875rem;font-style:normal;font-weight:500;line-height:0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-dot{height:0.5rem;width:0.5rem;border-radius:50%}.ls-dv-role-label{display:flex;padding:0.125rem 0.1875rem;justify-content:center;align-items:center;border-radius:0.25rem;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;text-transform:capitalize}.ls-dv-dropdown-header h2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;margin-bottom:0.125rem}.ls-dv-dropdown-header p{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}.ls-dv-validation-tag-container{padding:0.75rem;display:flex;flex-direction:column;gap:0.5rem}.ls-dv-validation-tag-header{padding-bottom:0.5rem;border-bottom:1px solid #edeff2}.ls-dv-validation-tag-title{font-family:"IBM Plex Sans Medium", "IBM Plex Sans", sans-serif;font-size:0.875rem;color:#45484d;line-height:1.5rem}.ls-dv-validation-tag-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;border-radius:0.625rem;cursor:pointer;transition:background-color 0.2s}.ls-dv-validation-tag-row:hover{background-color:var(--gray-10, #f7f8fa)}.ls-dv-validation-tag-bar{width:0.25rem;height:2rem;border-radius:9999px;flex-shrink:0}.ls-dv-validation-tag-details{flex:1 1 0%;min-width:0}.ls-dv-validation-tag-name{font-family:"IBM Plex Sans Medium", "IBM Plex Sans", sans-serif;font-size:0.875rem;color:#45484d;line-height:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-dv-validation-tag-email{font-family:"IBM Plex Sans Light", "IBM Plex Sans", sans-serif;font-size:0.75rem;color:#5e6066;line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}`;
 
 const LsValidationTag = class {
     constructor(hostRef) {
@@ -46358,14 +46765,10 @@ const LsValidationTag = class {
     changeSigner;
     selectFieldForPlacement;
     handleClickOutside = (event) => {
-        const dropdowns = this.el.shadowRoot.querySelectorAll('.ls-dv-field-dropdown');
-        let clickedInside = false;
-        dropdowns.forEach(dropdown => {
-            if (dropdown.contains(event.target)) {
-                clickedInside = true;
-            }
-        });
-        if (!clickedInside && this.isExpanded) {
+        const path = event.composedPath();
+        if (path.includes(this.el))
+            return;
+        if (this.isExpanded) {
             this.isExpanded = false;
         }
     };
@@ -46378,7 +46781,7 @@ const LsValidationTag = class {
         document.removeEventListener('mousedown', this.handleClickOutside);
     }
     render() {
-        return (h(Host, { key: '1e117b5acf031a1c084399771a28d8c4bd0d016f', ref: el => (this.el = el) }, h("div", { key: '488eae607d994f739a68d009b149b0854944f57d', class: `ls-dv-valid-label ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'} ${this.type === 'compose' ? 'ls-dv-compose' : 'ls-dv-default'}`, onClick: this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded)) }, this.validationErrors.length > 0 && h("div", { key: '90b6a75abddfda8a38a4836aeea15b789812cade', class: `ls-dv-field-counter ${this.type === 'compose' ? 'ls-dv-compose' : 'ls-dv-default'}` }, this.validationErrors.length), this.type === 'compose' ? (this.validationErrors.length === 0 ? dvI18n.t('common.ready') : dvI18n.t('common.required')) : this.validationErrors.length === 0 ? dvI18n.t('common.readytosend') : dvI18n.t('common.requiresfields'), this.validationErrors.length > 0 && this.showDropDown && this.type !== 'compose' && (h("ls-icon", { key: '3d1a2fe4781a9050e081a223a8b8a7caa2acdc4e', name: this.isExpanded ? 'chevron-up-icon' : 'chevron-down-icon', style: { cursor: 'pointer', scale: '0.60', margin: '0 -0.25rem' } })), this.validationErrors.length > 0 && this.type === 'compose' && h("ls-icon", { key: 'b3be3cb7aa00b418bf06da0fed28c05385a4f0d8', name: "cursor-click-icon", solid: true, size: 16, customStyle: { color: 'var(--red-70, #DC2721);' } }), this.validationErrors.length === 0 && this.type === 'compose' && h("ls-icon", { key: '0846e5f8561bf8bb5a008403b84e38f58040f9eb', name: "check-icon", solid: true, size: 16, customStyle: { marginRight: '-0.125rem' } })), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (h("div", { key: '45a7d0903170af98fe4c1ea7e6daf1b1f87612e6', class: 'ls-dv-field-dropdown' }, h("div", { key: '1ae7ff7b1fe6189b020067e470525dd59f0bda3a', class: 'ls-dv-dropdown-header' }, h("h2", { key: 'b1cac20880109aef0102d03ec145d66372588950' }, dvI18n.t('common.fieldsrequired')), h("p", { key: 'da268fb7c15ddc8862e2d8807c8fa7360efeaf1f' }, this.validationErrors.length, " ", this.validationErrors.length === 1 ? dvI18n.t('validation.recipientneedsignature') : dvI18n.t('validation.recipientsneedsignatures'))), this.validationErrors.map((field, idx) => {
+        return (h(Host, { key: '25b27ab370bf4403ad50baa25ad74c07995c94b6', ref: el => (this.el = el) }, this.type === 'compose' ? (h("div", { class: `ls-dv-valid-label ls-dv-compose ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}`, onClick: this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded)) }, this.validationErrors.length > 0 && h("div", { class: "ls-dv-field-counter ls-dv-compose" }, this.validationErrors.length), this.validationErrors.length === 0 ? dvI18n.t('common.ready') : dvI18n.t('common.required'), this.validationErrors.length > 0 && h("ls-icon", { name: "cursor-click-icon", solid: true, size: 16, customStyle: { color: 'var(--red-70, #DC2721);' } }), this.validationErrors.length === 0 && h("ls-icon", { name: "check-icon", solid: true, size: 16, customStyle: { marginRight: '-0.125rem' } }))) : (h("div", { class: `ls-dv-valid-label-wrapper`, onClick: () => (this.isExpanded = !this.isExpanded) }, h("div", { class: `ls-dv-valid-label-icon-only ls-dv-default ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}` }, h("ls-icon", { name: this.validationErrors.length > 0 ? 'clipboard-list-icon' : 'check-icon', size: 20 })), this.validationErrors.length > 0 && h("div", { class: "ls-dv-field-counter ls-field-counter-floating ls-dv-default" }, this.validationErrors.length), this.validationErrors.length > 0 && this.showDropDown && (h("ls-icon", { name: this.isExpanded ? 'chevron-up-icon' : 'chevron-down-icon', customStyle: { color: 'var(--gray-70, #4B5563)', marginRight: '0.25rem' } })))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (h("div", { key: 'a29e0c5ed0df6a75ef531599f96af8ac12499a33', class: 'ls-dv-field-dropdown', style: { top: '3.5rem' } }, h("div", { key: 'aed00bfc8a5aeea6b86ecab23b4a4d5bacda3de2', class: 'ls-dv-dropdown-header' }, h("h2", { key: 'ab6d2026ead1ba64a6d7b11865484d25e9d0d639' }, dvI18n.t('common.fieldsrequired')), h("p", { key: '5aa70f6d5d20f4a343130516d3dce39b28b4f835' }, this.validationErrors.length, ' ', this.validationErrors.length === 1 ? dvI18n.t('validation.recipientneedsignature') : dvI18n.t('validation.recipientsneedsignatures'))), this.validationErrors.map((field, idx) => {
             const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
             const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
             return (h("div", { key: idx, class: 'ls-dv-required-field', style: {
@@ -46388,7 +46791,7 @@ const LsValidationTag = class {
                     '--field-text-color': pallette.s70,
                     '--field-text-color-hover': pallette.s80,
                     '--field-border-color-hover': pallette.s60,
-                }, onMouseDown: (e) => {
+                }, onMouseDown: e => {
                     e.preventDefault();
                     e.stopPropagation();
                     if (field?.role) {
@@ -46404,7 +46807,7 @@ const LsValidationTag = class {
                         console.log('Missing role data');
                     }
                 } }, h("div", { class: 'ls-dv-required-field-items-left' }, h("div", { class: 'ls-dv-dot', style: { background: pallette.s60 } }), field?.role && (h("div", { class: 'ls-dv-required-field-items-left' }, h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`))), field?.element && (h(h.Fragment, null, h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
-        }))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (h("div", { key: 'be547bdad39cd595257451cd6ad6b0a3eead4db1', class: 'ls-dv-field-dropdown ls-dv-compose' }, h("div", { key: '06df18a2ce70fa9f080566b0444c025c687dd036', class: "ls-dv-validation-tag-header" }, h("p", { key: 'abb1f3fe219b6c652d6cd78abc41e443ed4bcda0', class: "ls-dv-validation-tag-title" }, dvI18n.t('common.recipientsmissingsignature'))), this.validationErrors.map((field, idx) => {
+        }))), this.isExpanded && this.validationErrors.length === 0 && this.type !== 'compose' && this.showDropDown && (h("div", { key: '1ef77504a61f04e3ab6ba347327bcf032f6209f5', class: 'ls-dv-field-dropdown ls-dv-field-dropdown-success', style: { top: '3.5rem' } }, h("div", { key: 'c1ba0c7fbae76022f1d333664244e41b214cb8e9', class: "ls-dv-dropdown-success-icon-outer" }, h("div", { key: '373fbeff2747f277f634833a8e8c4bb96a542d5a', class: "ls-dv-dropdown-success-icon-inner" }, h("ls-icon", { key: '152d56557737970af5cb3295b942da3a7ba1171f', name: "check-icon", solid: true, size: 28 }))), h("div", { key: '50488ea808367ff690ccc6c644657d7331c0bcc1', class: 'ls-dv-dropdown-header' }, h("h2", { key: 'c21928e9bfef87b855e555585b922851803fd1c5' }, dvI18n.t('common.templatereadytosend')), h("p", { key: 'a85ddca4706f366f7ecddc3f8c0272916eb6683e' }, dvI18n.t('common.allfieldsplaced'))))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (h("div", { key: 'd9be4708c115dcf3a504c9743842076fd230b801', class: 'ls-dv-field-dropdown ls-dv-compose' }, h("div", { key: '843eaf5300d177ee24dc810cf1e9ada7f8f2d967', class: "ls-dv-validation-tag-header" }, h("p", { key: '0e9ceff764acefda2c5c4af8c248c00d1efbf671', class: "ls-dv-validation-tag-title" }, dvI18n.t('common.recipientsmissingsignature'))), this.validationErrors.map((field, idx) => {
             const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
             const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
             return (h("div", { class: "ls-dv-validation-tag-row", key: idx, onClick: () => {