legalesign-document-viewer 0.9.21 → 0.9.23

package/dist/cjs/ls-badge.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsBadgeCss = () => `.badge-span{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:1rem;font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-sm{padding:0.125rem 0.25rem;font-size:0.75rem;min-width:1.375rem}.text-container-sm{padding:0.0625rem 0.125rem}.size-md{padding:0.25rem 0.375rem;font-size:0.875rem;}.text-container-md{padding:0rem 0.21875rem}.size-lg{padding:0.375rem 0.5rem;font-size:1rem;}.text-container-lg{padding:0rem 0.375rem}.rounded-full{border-radius:2rem}.rounded-soft{border-radius:0.25rem}`;

package/dist/cjs/ls-banner.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsBannerCss = () => `*{box-sizing:border-box}.banner{display:flex;width:100%;padding:1rem 1.5rem;align-items:center;gap:1.5rem;border:1px solid var(--border-color);color:var(--text-color);background:var(--background-color)}.banner-text{font-size:0.875rem;font-style:normal;font-weight:var(--font-regular);line-height:1.25rem;width:100%;margin:0}.inset{border-radius:0.625rem;border-left:4px solid var(--border-color)}.label-wrapper{margin-bottom:-4px}`;

package/dist/cjs/ls-card.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsCardCss = () => `*{box-sizing:border-box}.card{display:flex;padding-right:var(--card-padding-x);padding-left:var(--card-padding-x);padding-top:var(--card-padding-y);padding-bottom:var(--card-padding-y);border-radius:var(--card-corners);background-color:var(--background-color);gap:var(--item-gap)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.outline{border:var(--outline)}.shadow{box-shadow:var(--shadow-base)}`;

package/dist/cjs/ls-checkbox-input_5.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsCheckboxInputCss = () => `.checkbox-container{display:flex;align-items:flex-start;cursor:pointer}.checkbox-container.disabled{cursor:not-allowed}.checkbox-container.reverse{flex-direction:row-reverse}.checkbox-label-container{display:flex;flex-direction:column;cursor:pointer}.checkbox-label{display:block;color:var(--gray-100, #45484d);font-size:1rem;font-weight:var(--font-medium);line-height:1.5rem}.checkbox-description{display:block;color:var(--gray-80, #6f7176);font-size:0.75rem;line-height:1rem}.checkbox-input{appearance:none;-webkit-appearance:none;position:relative;height:1rem;width:1rem;min-width:1rem;padding:0.25rem;border-radius:0.125rem;border:1px solid var(--gray-40, #d8d9dc) !important;background-color:var(--White, #fff);cursor:pointer;margin:0}.checkbox-container:not(.reverse) .checkbox-input{margin-right:0.5rem}.checkbox-container.reverse .checkbox-input{margin-left:0.5rem}.checkbox-container:not(.reverse) .checkbox-input+.checkbox-label-container .checkbox-label{margin:0}.checkbox-input+.checkbox-label-container:not(:has(.checkbox-description)){margin-top:0}.checkbox-input:has(~.checkbox-label-container .checkbox-description){margin-top:0.813rem}.checkbox-input:not(:has(~.checkbox-label-container .checkbox-description)){margin-top:0.25rem}.checkbox-input:checked{background-color:var(--primary-60, #4456f6);border:none !important}.checkbox-input:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.625rem;height:0.3125rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}.checkbox-input:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc) !important}.checkbox-input:checked:hover:not(:disabled){background-color:var(--primary-70, #2134dc)}.checkbox-input:focus,.checkbox-input:active{outline:none;box-shadow:0 0 0 4px var(--primary-30, #9dc3fc);background-color:var(--primary-10, #eff4ff)}.checkbox-input:checked:focus{background-color:var(--primary-60, #4456f6)}.checkbox-input:disabled{background-color:var(--gray-20, #edeff2);outline:none;box-shadow:none;cursor:not-allowed}.checkbox-input:disabled:hover{border-color:var(--gray-40, #d8d9dc) !important}.checkbox-input:disabled:checked,.checkbox-input:disabled:checked:hover,.checkbox-input:disabled:checked:focus,.checkbox-input:disabled:checked:focus:active{background-color:var(--primary-20, #c7ddff);border:none !important;outline:none;box-shadow:none;cursor:not-allowed}`;

package/dist/cjs/ls-compose-manager.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
-var i18n = require('./i18n-2j78quax.js');
+var index = require('./index-DFeU0FNc.js');
+var i18n = require('./i18n-Bp2XLXxM.js');
 
 const lsComposeManagerCss = () => `:host{display:block}`;
 
@@ -15,10 +15,10 @@ const LsComposeManager = class {
      */
     template;
     render() {
-        return (index.h(index.Host, { key: 'dd6c189632d5390c16360e9411deb20a10b04e20' }, index.h("div", { key: '36de0a2b790effb7a2c5199f0b3694b984ccf741', class: "ls-dv-editor-infobox" }, index.h("h2", { key: '460b7548a015cfa2f8476b6108cf80df4efd3876', class: "ls-dv-toolbox-section-title" }, i18n.dvI18n.t('recipients.recipientfields')), index.h("p", { key: '6b3fb661d327319013d2597132cb00da54a1ffca', class: "ls-dv-toolbox-section-description" }, i18n.dvI18n.t('recipients.recipientfieldsdescription'))), index.h("div", { key: 'fd19eca7c81cf2879617e1ccfaa15636d1f0bc4b', class: "ls-dv-participant-list" }, this.template &&
+        return (index.h(index.Host, { key: 'b5eac34c357dffeb6bcf55d900118345449702a6' }, index.h("div", { key: 'd52b046167046ab05d83cecf2f4dfaf6e9f641a3', class: "ls-dv-editor-infobox" }, index.h("h2", { key: 'f16a4ceb7feba75cc59ab5bbcbf64081d3512c61', class: "ls-dv-toolbox-section-title" }, i18n.dvI18n.t('recipients.recipientfields')), index.h("p", { key: '28392d6f0322c1554a54618c5a017e3ebbb6eb4e', class: "ls-dv-toolbox-section-description" }, i18n.dvI18n.t('recipients.recipientfieldsdescription'))), index.h("div", { key: '5baa88c3558ac24e96ef44eccc4e33b70df08dbb', class: "ls-dv-participant-list" }, this.template &&
             this.template?.roles.map(() => {
                 return (index.h("div", null));
-            })), index.h("slot", { key: 'a8675527a5868ba6d59da2109835e3f94cdd325d' })));
+            })), index.h("slot", { key: '6c679fe1e5473958d320817d3f123fd23b4b8a9c' })));
     }
 };
 LsComposeManager.style = lsComposeManagerCss();

package/dist/cjs/ls-details-section.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsDetailsSectionCss = () => `* {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
@@ -18,7 +18,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"ls-add-new-button_51.cjs\",[[769,\"ls-document-viewer\",{\"template\":[1],\"token\":[1],\"userpool\":[1],\"endpoint\":[1],\"templateid\":[1],\"recipients\":[1],\"_recipients\":[16],\"language\":[1],\"zoom\":[1026],\"pageNum\":[1026,\"page-num\"],\"pageCount\":[1026,\"page-count\"],\"signer\":[1026],\"groupInfo\":[1032,\"group-info\"],\"mode\":[1],\"manager\":[1025],\"displayTable\":[1028,\"display-table\"],\"filtertoolbox\":[1],\"showstatusbar\":[4],\"showpagepreview\":[4],\"readonly\":[4],\"showtableview\":[4],\"toolboxFilter\":[1,\"toolbox-filter\"],\"_template\":[32],\"validationErrors\":[32],\"status\":[32],\"error\":[32],\"fontSize\":[32],\"fontFamily\":[32],\"selected\":[32],\"isLoading\":[32],\"isMutating\":[32],\"selectedDataItems\":[32],\"fieldTypeSelected\":[32],\"pageNext\":[64],\"pagePrev\":[64],\"unselect\":[64],\"setZoom\":[64]},[[0,\"mutate\",\"mutateHandler\"],[0,\"fieldTypeSelected\",\"handleFieldTypeSelected\"],[0,\"addParticipant\",\"addParticpantHandler\"],[0,\"changeSigner\",\"updateSigner\"],[0,\"selectFieldForPlacement\",\"selectFieldForPlacement\"],[0,\"selectFields\",\"selectFieldsHandler\"],[0,\"roleChange\",\"roleHandler\"]],{\"language\":[\"languageChanged\"],\"mode\":[\"modeHandler\"],\"zoom\":[\"zoomChanged\"]}],[769,\"ls-left-bar\",{\"mode\":[1],\"selected\":[16],\"manager\":[1],\"signer\":[2],\"filtertoolbox\":[1],\"template\":[16],\"recipients\":[16],\"validationErrors\":[16],\"fieldTypeSelected\":[16],\"displayTable\":[4,\"display-table\"],\"busy\":[4],\"selectedDataItems\":[16]},null,{\"manager\":[\"managerWatchHandler\"],\"signer\":[\"signerChanged\"]}],[769,\"ls-statusbar\",{\"zoom\":[1026],\"page\":[1026],\"pageCount\":[1026,\"page-count\"],\"editor\":[16],\"showThumbnails\":[32]}],[769,\"ls-toolbar\",{\"dataItem\":[1040],\"groupInfo\":[16],\"template\":[16],\"editor\":[1040],\"mode\":[1],\"signer\":[2]}],[257,\"ls-compose-loader\"],[769,\"ls-editor-table\",{\"editor\":[16]}],[257,\"ls-loading-logo\",{\"size\":[2],\"colour\":[1]}],[769,\"ls-field-properties\",{\"dataItem\":[16],\"template\":[8]}],[769,\"ls-participant-manager\",{\"editor\":[16],\"template\":[16],\"activeSigner\":[2,\"active-signer\"],\"busy\":[4],\"addingParticipant\":[32]},null,{\"template\":[\"templateChanged\"]}],[769,\"ls-document-options\",{\"template\":[1040],\"editTitle\":[32]},null,{\"template\":[\"selectedHandler\"]}],[769,\"ls-helper-bar\",{\"expanded\":[1028],\"showShortcuts\":[1028,\"show-shortcuts\"]}],[769,\"ls-recipient-card\",{\"recipient\":[16],\"activeRecipient\":[2,\"active-recipient\"],\"fieldTypeSelected\":[16],\"template\":[16],\"validationErrors\":[16],\"filtertoolbox\":[1],\"isHovered\":[32]},[[0,\"fieldTypeSelected\",\"handleFieldTypeSelected\"]],{\"activeRecipient\":[\"handleExpandCollapse\"]}],[769,\"ls-validation-manager\",{\"validationErrors\":[16]}],[769,\"ls-feature-column\",{\"manager\":[1025],\"mode\":[1]}],[769,\"ls-field-format\",{\"dataItem\":[1040]},null,{\"dataItem\":[\"selectFieldsHandler\"]}],[769,\"ls-participant-select\",{\"selected\":[1025],\"signer\":[2],\"roles\":[16],\"selectedRole\":[32],\"isOpen\":[32]},null,{\"signer\":[\"handleSignerChange\"],\"roles\":[\"handleRoleLoad\"]}],[769,\"ls-validation-tag\",{\"status\":[1025],\"validationErrors\":[1040],\"isExpanded\":[1028,\"is-expanded\"],\"type\":[1],\"showDropDown\":[4,\"show-drop-down\"]}],[257,\"ls-recipient-manager\"],[769,\"ls-field-properties-date\",{\"dataItem\":[16]}],[769,\"ls-field-properties-email\",{\"dataItem\":[16]}],[769,\"ls-field-properties-file\",{\"dataItem\":[16]}],[769,\"ls-field-properties-general\",{\"dataItem\":[16]}],[769,\"ls-field-properties-image\",{\"dataItem\":[16]}],[769,\"ls-field-properties-number\",{\"dataItem\":[16]}],[769,\"ls-field-properties-signature\",{\"dataItem\":[16],\"template\":[8]}],[769,\"ls-field-properties-text\",{\"dataItem\":[16]}],[769,\"ls-field-properties-multiple\",{\"dataItem\":[1040]}],[769,\"ls-field-properties-autosign\",{\"dataItem\":[16]}],[769,\"ls-participant-card\",{\"signer\":[16],\"index\":[2],\"editable\":[1028],\"template\":[16],\"active\":[4],\"busy\":[4],\"swapUpBtn\":[32],\"swapDownBtn\":[32],\"editBtn\":[32],\"deleteParticipantBtn\":[32],\"addingWitness\":[32]},null,{\"editable\":[\"modeHandler\"],\"template\":[\"templateChanged\"]}],[257,\"ls-add-new-button\",{\"text\":[1],\"icon\":[1],\"loading\":[4],\"disabled\":[4],\"destructive\":[4],\"customStyle\":[16],\"rest\":[16]}],[257,\"ls-keyboard-shortcuts\"],[769,\"ls-field-distribute\",{\"dataItem\":[1040]}],[769,\"ls-field-alignment\",{\"dataItem\":[1040]}],[769,\"ls-field-size\",{\"dataItem\":[1040]}],[769,\"ls-toolbox-field\",{\"formElementType\":[1,\"form-element-type\"],\"elementType\":[1,\"element-type\"],\"validation\":[2],\"fixedAspect\":[2,\"fixed-aspect\"],\"redDot\":[4,\"red-dot\"],\"label\":[1],\"icon\":[1],\"tooltip\":[1],\"defaultHeight\":[2,\"default-height\"],\"defaultWidth\":[2,\"default-width\"],\"signer\":[2],\"isSelected\":[1028,\"is-selected\"]},[[1,\"dragstart\",\"handleDragStart\"],[0,\"keydown\",\"handleKeyDown\"]]],[257,\"ls-button\",{\"variant\":[1],\"accessibility\":[1],\"type\":[1],\"size\":[1],\"rounded\":[1],\"fullWidth\":[4,\"full-width\"],\"leadingIcon\":[1,\"leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"iconSolid\":[4,\"icon-solid\"],\"outline\":[4],\"disabled\":[4],\"loading\":[4],\"customStyle\":[16],\"text\":[1],\"rest\":[16]}],[257,\"ls-loading\",{\"text\":[1],\"defaultIcon\":[4,\"default-icon\"],\"iconSize\":[2,\"icon-size\"],\"customStyle\":[16]}],[257,\"ls-loading-icon\",{\"default\":[4],\"size\":[2]}],[769,\"ls-field-content\",{\"dataItem\":[1040],\"showValidationTypes\":[4,\"show-validation-types\"]}],[769,\"ls-field-placement\",{\"dataItem\":[1040]}],[769,\"ls-field-properties-advanced\",{\"dataItem\":[1040],\"expanded\":[1028]}],[769,\"ls-field-type-display\",{\"assignee\":[2],\"fieldType\":[1,\"field-type\"]}],[769,\"ls-field-properties-container\",{\"dataItem\":[16],\"tabs\":[16],\"selectedTab\":[1537,\"selected-tab\"]}],[769,\"ls-field-dimensions\",{\"dataItem\":[1040],\"template\":[8]}],[769,\"ls-field-footer\",{\"dataItem\":[1040]}],[769,\"ls-input-wrapper\",{\"leadingIcon\":[8,\"leading-icon\"],\"select\":[4]}],[769,\"ls-props-section\",{\"sectionTitle\":[1,\"section-title\"],\"sectionDescription\":[1,\"section-description\"],\"row\":[4]}],[772,\"ls-toggle\",{\"checked\":[1028],\"indeterminate\":[4]}],[769,\"ls-editor-field\",{\"assignee\":[1],\"dataItem\":[1040],\"selected\":[4],\"readonly\":[4],\"type\":[1],\"page\":[16],\"fixedAspect\":[2,\"fixed-aspect\"],\"zoom\":[1],\"floatingActive\":[1540,\"floating-active\"],\"isEditing\":[32],\"heldEdge\":[32],\"isEdgeDragging\":[32],\"innerValue\":[32]},[[0,\"keydown\",\"handleInput\"],[3,\"mousemove\",\"handleMouseMove\"],[2,\"dblclick\",\"handleDoubleClick\"],[3,\"mousedown\",\"handleMouseDown\"],[0,\"dragstart\",\"handleDragStart\"]],{\"selected\":[\"watchSelectedHandler\"]}],[257,\"ls-tooltip\",{\"tooltipId\":[1,\"tooltip-id\"]}],[257,\"ls-icon\",{\"name\":[1],\"solid\":[4],\"size\":[2],\"customStyle\":[16]}]]],[\"ls-field-properties-dropdown.cjs\",[[769,\"ls-field-properties-dropdown\",{\"dataItem\":[16]}]]],[\"ls-formfield.cjs\",[[257,\"ls-formfield\",{\"name\":[1],\"fieldId\":[1,\"field-id\"],\"label\":[1],\"as\":[1],\"value\":[1032],\"placeholder\":[1],\"descriptionText\":[1,\"description-text\"],\"errorText\":[1,\"error-text\"],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"infoTooltipText\":[1,\"info-tooltip-text\"],\"hoverTooltipText\":[1,\"hover-tooltip-text\"],\"disabled\":[4],\"extraLabel\":[1,\"extra-label\"],\"required\":[4],\"optional\":[4],\"valid\":[4],\"dirty\":[4],\"customised\":[4],\"count\":[4],\"countMax\":[2,\"count-max\"],\"textareaRows\":[2,\"textarea-rows\"],\"buttonClick\":[16],\"buttonIcon\":[1,\"button-icon\"],\"labelIcon\":[1,\"label-icon\"],\"fieldIcon\":[1,\"field-icon\"],\"iconPosition\":[1,\"icon-position\"],\"options\":[1],\"_value\":[32]},null,{\"value\":[\"valueWatcher\"]}]]],[\"ls-banner.cjs\",[[257,\"ls-banner\",{\"type\":[1],\"layout\":[1],\"text\":[1],\"label\":[4],\"labelText\":[1,\"label-text\"],\"labelIcon\":[1,\"label-icon\"],\"button\":[4],\"buttonText\":[1,\"button-text\"],\"buttonIcon\":[1,\"button-icon\"],\"customStyle\":[16]}]]],[\"ls-header-bar.cjs\",[[257,\"ls-header-bar\",{\"text1\":[1,\"text-1\"],\"text2\":[1,\"text-2\"],\"leftText\":[1,\"left-text\"],\"leftClick\":[16],\"icon\":[1],\"loading\":[4],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-list-card-button.cjs\",[[257,\"ls-list-card-button\",{\"text\":[1],\"icon\":[1],\"loading\":[4],\"disabled\":[4],\"destructive\":[4],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-details-section.cjs\",[[260,\"ls-details-section\",{\"header\":[1],\"layout\":[1],\"actionIcon\":[1,\"action-icon\"],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-dropdown.cjs\",[[257,\"ls-dropdown\",{\"dropdownButtons\":[16],\"right\":[4],\"scrollable\":[4],\"handleClick\":[16],\"customStyle\":[16],\"extend\":[32]}]]],[\"ls-navbar.cjs\",[[257,\"ls-navbar\",{\"items\":[16],\"customStyle\":[16]}]]],[\"ls-radio-group.cjs\",[[256,\"ls-radio-group\",{\"options\":[16],\"heading\":[1],\"subHeading\":[1,\"sub-heading\"],\"name\":[1],\"isHorizontal\":[4,\"is-horizontal\"],\"customStyle\":[16],\"_options\":[32]},null,{\"options\":[\"watchOptionsHandler\"]}]]],[\"ls-icon-check-button.cjs\",[[257,\"ls-icon-check-button\",{\"icon\":[1],\"solid\":[4],\"checked\":[4],\"disabled\":[4],\"customStyle\":[16],\"rest\":[16],\"_checked\":[32]},null,{\"checked\":[\"watchCheckedHandler\"]}]]],[\"ls-notification.cjs\",[[256,\"ls-notification\",{\"heading\":[1],\"message\":[1],\"button1\":[1,\"button-1\"],\"button1Click\":[16],\"button2\":[1,\"button-2\"],\"button2Click\":[16],\"linkAction\":[1,\"link-action\"],\"linkURL\":[1,\"link-u-r-l\"],\"Icon\":[1,\"icon\"],\"iconColour\":[1,\"icon-colour\"],\"iconSolid\":[4,\"icon-solid\"]}]]],[\"ls-tabs.cjs\",[[257,\"ls-tabs\",{\"items\":[16],\"size\":[1],\"customStyle\":[16],\"rest\":[16],\"newItems\":[32]},null,{\"items\":[\"watchItemsHandler\"]}]]],[\"ls-tag.cjs\",[[257,\"ls-tag\",{\"text\":[1],\"colour\":[1],\"size\":[1],\"dot\":[4],\"icon\":[1],\"iconType\":[1,\"icon-type\"],\"outline\":[4],\"saturation\":[1],\"hover\":[4],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-timeline.cjs\",[[257,\"ls-timeline\",{\"showRecipient\":[4,\"show-recipient\"],\"recipientRole\":[1,\"recipient-role\"],\"recipientName\":[1,\"recipient-name\"],\"recipientEmail\":[1,\"recipient-email\"],\"recipientColour\":[1,\"recipient-colour\"],\"sentDateTime\":[1,\"sent-date-time\"],\"emailOpenedDateTime\":[1,\"email-opened-date-time\"],\"documentFirstViewedDateTime\":[1,\"document-first-viewed-date-time\"],\"signedDateTime\":[1,\"signed-date-time\"],\"expiryDate\":[1,\"expiry-date\"],\"status\":[1],\"emailProblem\":[1,\"email-problem\"],\"labelEmailed\":[1,\"label-emailed\"],\"labelOpened\":[1,\"label-opened\"],\"labelViewed\":[1,\"label-viewed\"],\"labelSigned\":[1,\"label-signed\"],\"labelApproved\":[1,\"label-approved\"],\"labelWitnessed\":[1,\"label-witnessed\"],\"labelRejected\":[1,\"label-rejected\"],\"labelBounced\":[1,\"label-bounced\"],\"labelExpired\":[1,\"label-expired\"],\"labelOutOfOffice\":[1,\"label-out-of-office\"],\"labelScheduled\":[1,\"label-scheduled\"],\"labelNotSent\":[1,\"label-not-sent\"],\"labelNotOpened\":[1,\"label-not-opened\"],\"labelNotViewed\":[1,\"label-not-viewed\"],\"labelNotSigned\":[1,\"label-not-signed\"],\"labelNotApproved\":[1,\"label-not-approved\"],\"labelNotWitnessed\":[1,\"label-not-witnessed\"],\"labelBypassed\":[1,\"label-bypassed\"],\"customStyle\":[16]}]]],[\"ls-timeline-step.cjs\",[[257,\"ls-timeline-step\",{\"step\":[1],\"complete\":[4],\"text\":[1],\"customLineClass\":[1,\"custom-line-class\"],\"customDiskClass\":[1,\"custom-disk-class\"]}]]],[\"ls-title-input.cjs\",[[769,\"ls-title-input\",{\"template\":[1040],\"editTitle\":[32]}]]],[\"ls-card.cjs\",[[260,\"ls-card\",{\"paddingX\":[2,\"padding-x\"],\"paddingY\":[2,\"padding-y\"],\"direction\":[1],\"corners\":[2],\"gap\":[2],\"backgroundColor\":[1,\"background-color\"],\"outline\":[4],\"outlineColor\":[1,\"outline-color\"],\"shadow\":[4],\"customClass\":[1,\"custom-class\"]}]]],[\"ls-compose-manager.cjs\",[[769,\"ls-compose-manager\",{\"template\":[16]}]]],[\"ls-text.cjs\",[[260,\"ls-text\",{\"preset\":[1],\"size\":[1],\"weight\":[1],\"colour\":[1],\"noWrap\":[4,\"no-wrap\"]}]]],[\"test-item.cjs\",[[256,\"test-item\",{\"text\":[1]}]]],[\"ls-badge.cjs\",[[257,\"ls-badge\",{\"text\":[1],\"colour\":[1],\"type\":[1],\"size\":[1],\"rounded\":[1],\"leadingIcon\":[1,\"leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"iconSolid\":[4,\"icon-solid\"],\"customStyle\":[16]}]]],[\"ls-dropdown-item.cjs\",[[257,\"ls-dropdown-item\",{\"index\":[2],\"text\":[1],\"secondaryText\":[1,\"secondary-text\"],\"icon\":[1],\"trailingIcon\":[1,\"trailing-icon\"],\"disabled\":[4],\"destructive\":[4],\"divider\":[4],\"badge\":[1],\"rest\":[16]}]]],[\"ls-label.cjs\",[[257,\"ls-label\",{\"text\":[1],\"colour\":[1],\"type\":[1],\"size\":[1],\"leadingIcon\":[1,\"leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"iconSolid\":[4,\"icon-solid\"],\"customStyle\":[16]}]]],[\"ls-radio-input.cjs\",[[257,\"ls-radio-input\",{\"radioId\":[1,\"radio-id\"],\"label\":[1],\"icon\":[1],\"name\":[1],\"checked\":[4],\"disabled\":[4],\"customStyle\":[16]}]]],[\"ls-icon-button.cjs\",[[257,\"ls-icon-button\",{\"icon\":[1],\"disabled\":[4],\"solid\":[4],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-checkbox-input_5.cjs\",[[257,\"ls-text-input\",{\"type\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"disabled\":[4],\"required\":[4],\"valid\":[4],\"dirty\":[4],\"countMax\":[2,\"count-max\"],\"buttonClick\":[8,\"button-click\"],\"buttonIcon\":[1,\"button-icon\"],\"fieldIcon\":[1,\"field-icon\"],\"iconPosition\":[1,\"icon-position\"],\"showPassword\":[32]}],[257,\"ls-number-input\",{\"type\":[1],\"name\":[1],\"value\":[1026],\"placeholder\":[1],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"disabled\":[4],\"required\":[4],\"valid\":[4],\"dirty\":[4],\"countMax\":[2,\"count-max\"],\"buttonClick\":[8,\"button-click\"],\"buttonIcon\":[1,\"button-icon\"],\"fieldIcon\":[1,\"field-icon\"]}],[257,\"ls-select-input\",{\"name\":[1],\"value\":[1],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"disabled\":[4],\"displayOnly\":[4,\"display-only\"],\"required\":[4],\"valid\":[4],\"dirty\":[4],\"buttonClick\":[8,\"button-click\"],\"buttonIcon\":[1,\"button-icon\"],\"fieldIcon\":[1,\"field-icon\"],\"options\":[1]}],[257,\"ls-textarea-input\",{\"name\":[1],\"value\":[1],\"placeholder\":[1],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"disabled\":[4],\"displayOnly\":[4,\"display-only\"],\"required\":[4],\"valid\":[4],\"dirty\":[4],\"countMax\":[2,\"count-max\"],\"rows\":[2],\"buttonClick\":[8,\"button-click\"],\"buttonIcon\":[1,\"button-icon\"],\"fieldIcon\":[1,\"field-icon\"]}],[257,\"ls-checkbox-input\",{\"checkboxId\":[1,\"checkbox-id\"],\"label\":[1],\"description\":[1],\"name\":[1],\"checked\":[4],\"disabled\":[4],\"position\":[1],\"_checked\":[32]},null,{\"checked\":[\"watchCheckedHandler\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"ls-add-new-button_51.cjs\",[[769,\"ls-document-viewer\",{\"template\":[1],\"token\":[1],\"userpool\":[1],\"endpoint\":[1],\"templateid\":[1],\"recipients\":[1],\"_recipients\":[16],\"language\":[1],\"zoom\":[1026],\"pageNum\":[1026,\"page-num\"],\"pageCount\":[1026,\"page-count\"],\"signer\":[1026],\"groupInfo\":[1032,\"group-info\"],\"mode\":[1],\"manager\":[1025],\"displayTable\":[1028,\"display-table\"],\"filtertoolbox\":[1],\"showstatusbar\":[4],\"showpagepreview\":[4],\"readonly\":[4],\"showtableview\":[4],\"toolboxFilter\":[1,\"toolbox-filter\"],\"_template\":[32],\"validationErrors\":[32],\"status\":[32],\"error\":[32],\"fontSize\":[32],\"fontFamily\":[32],\"selected\":[32],\"isLoading\":[32],\"isMutating\":[32],\"selectedDataItems\":[32],\"fieldTypeSelected\":[32],\"pageNext\":[64],\"pagePrev\":[64],\"unselect\":[64],\"setZoom\":[64]},[[0,\"mutate\",\"mutateHandler\"],[0,\"fieldTypeSelected\",\"handleFieldTypeSelected\"],[0,\"toolboxDragStart\",\"handleToolboxDragStart\"],[0,\"addParticipant\",\"addParticpantHandler\"],[0,\"changeSigner\",\"updateSigner\"],[0,\"selectFieldForPlacement\",\"selectFieldForPlacement\"],[0,\"selectFields\",\"selectFieldsHandler\"],[0,\"roleChange\",\"roleHandler\"]],{\"language\":[\"languageChanged\"],\"mode\":[\"modeHandler\"],\"zoom\":[\"zoomChanged\"]}],[769,\"ls-left-bar\",{\"mode\":[1],\"selected\":[16],\"manager\":[1],\"signer\":[2],\"filtertoolbox\":[1],\"template\":[16],\"recipients\":[16],\"validationErrors\":[16],\"fieldTypeSelected\":[16],\"displayTable\":[4,\"display-table\"],\"busy\":[4],\"selectedDataItems\":[16]},null,{\"manager\":[\"managerWatchHandler\"],\"signer\":[\"signerChanged\"]}],[769,\"ls-statusbar\",{\"zoom\":[1026],\"page\":[1026],\"pageCount\":[1026,\"page-count\"],\"editor\":[16],\"showThumbnails\":[32]}],[769,\"ls-toolbar\",{\"dataItem\":[1040],\"groupInfo\":[16],\"template\":[16],\"editor\":[1040],\"mode\":[1],\"signer\":[2]}],[257,\"ls-compose-loader\"],[769,\"ls-editor-table\",{\"editor\":[16]}],[257,\"ls-loading-logo\",{\"size\":[2],\"colour\":[1]}],[769,\"ls-field-properties\",{\"dataItem\":[16],\"template\":[8]}],[769,\"ls-participant-manager\",{\"editor\":[16],\"template\":[16],\"activeSigner\":[2,\"active-signer\"],\"busy\":[4],\"addingParticipant\":[32]},null,{\"template\":[\"templateChanged\"]}],[769,\"ls-document-options\",{\"template\":[1040],\"editTitle\":[32]},null,{\"template\":[\"selectedHandler\"]}],[769,\"ls-helper-bar\",{\"expanded\":[1028],\"showShortcuts\":[1028,\"show-shortcuts\"]}],[769,\"ls-recipient-card\",{\"recipient\":[16],\"activeRecipient\":[2,\"active-recipient\"],\"fieldTypeSelected\":[16],\"template\":[16],\"validationErrors\":[16],\"filtertoolbox\":[1],\"isHovered\":[32]},[[0,\"fieldTypeSelected\",\"handleFieldTypeSelected\"]],{\"activeRecipient\":[\"handleExpandCollapse\"]}],[769,\"ls-validation-manager\",{\"validationErrors\":[16]}],[769,\"ls-feature-column\",{\"manager\":[1025],\"mode\":[1]}],[769,\"ls-field-format\",{\"dataItem\":[1040]},null,{\"dataItem\":[\"selectFieldsHandler\"]}],[769,\"ls-participant-select\",{\"selected\":[1025],\"signer\":[2],\"roles\":[16],\"selectedRole\":[32],\"isOpen\":[32]},[[8,\"click\",\"handleWindowClick\"]],{\"signer\":[\"handleSignerChange\"],\"roles\":[\"handleRoleLoad\"]}],[769,\"ls-validation-tag\",{\"status\":[1025],\"validationErrors\":[1040],\"isExpanded\":[1028,\"is-expanded\"],\"type\":[1],\"showDropDown\":[4,\"show-drop-down\"]}],[257,\"ls-recipient-manager\"],[769,\"ls-field-properties-date\",{\"dataItem\":[16]}],[769,\"ls-field-properties-email\",{\"dataItem\":[16]}],[769,\"ls-field-properties-file\",{\"dataItem\":[16]}],[769,\"ls-field-properties-general\",{\"dataItem\":[16]}],[769,\"ls-field-properties-image\",{\"dataItem\":[16]}],[769,\"ls-field-properties-number\",{\"dataItem\":[16]}],[769,\"ls-field-properties-signature\",{\"dataItem\":[16],\"template\":[8]}],[769,\"ls-field-properties-text\",{\"dataItem\":[16]}],[769,\"ls-field-properties-multiple\",{\"dataItem\":[1040]}],[769,\"ls-field-properties-autosign\",{\"dataItem\":[16]}],[769,\"ls-participant-card\",{\"signer\":[16],\"index\":[2],\"editable\":[1028],\"template\":[16],\"active\":[4],\"busy\":[4],\"swapUpBtn\":[32],\"swapDownBtn\":[32],\"editBtn\":[32],\"deleteParticipantBtn\":[32],\"addingWitness\":[32]},null,{\"editable\":[\"modeHandler\"],\"template\":[\"templateChanged\"]}],[257,\"ls-add-new-button\",{\"text\":[1],\"icon\":[1],\"loading\":[4],\"disabled\":[4],\"destructive\":[4],\"customStyle\":[16],\"rest\":[16]}],[257,\"ls-keyboard-shortcuts\"],[769,\"ls-field-distribute\",{\"dataItem\":[1040]}],[769,\"ls-field-alignment\",{\"dataItem\":[1040]}],[769,\"ls-field-size\",{\"dataItem\":[1040]}],[769,\"ls-toolbox-field\",{\"formElementType\":[1,\"form-element-type\"],\"elementType\":[1,\"element-type\"],\"validation\":[2],\"fixedAspect\":[2,\"fixed-aspect\"],\"redDot\":[4,\"red-dot\"],\"label\":[1],\"icon\":[1],\"tooltip\":[1],\"defaultHeight\":[2,\"default-height\"],\"defaultWidth\":[2,\"default-width\"],\"signer\":[2],\"isSelected\":[1028,\"is-selected\"]},[[1,\"mousedown\",\"handleMouseDown\"],[0,\"keydown\",\"handleKeyDown\"]]],[257,\"ls-button\",{\"variant\":[1],\"accessibility\":[1],\"type\":[1],\"size\":[1],\"rounded\":[1],\"fullWidth\":[4,\"full-width\"],\"leadingIcon\":[1,\"leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"iconSolid\":[4,\"icon-solid\"],\"outline\":[4],\"disabled\":[4],\"loading\":[4],\"loadingText\":[1,\"loading-text\"],\"customStyle\":[16],\"text\":[1],\"rest\":[16]}],[257,\"ls-loading\",{\"text\":[1],\"defaultIcon\":[4,\"default-icon\"],\"iconSize\":[2,\"icon-size\"],\"customStyle\":[16]}],[257,\"ls-loading-icon\",{\"default\":[4],\"size\":[2]}],[769,\"ls-field-content\",{\"dataItem\":[1040],\"showValidationTypes\":[4,\"show-validation-types\"]}],[769,\"ls-field-placement\",{\"dataItem\":[1040]}],[769,\"ls-field-properties-advanced\",{\"dataItem\":[1040],\"expanded\":[1028]}],[769,\"ls-field-type-display\",{\"assignee\":[2],\"fieldType\":[1,\"field-type\"]}],[769,\"ls-field-properties-container\",{\"dataItem\":[16],\"tabs\":[16],\"selectedTab\":[1537,\"selected-tab\"]}],[769,\"ls-field-dimensions\",{\"dataItem\":[1040],\"template\":[8]}],[769,\"ls-field-footer\",{\"dataItem\":[1040]}],[769,\"ls-input-wrapper\",{\"leadingIcon\":[8,\"leading-icon\"],\"select\":[4]}],[769,\"ls-props-section\",{\"sectionTitle\":[1,\"section-title\"],\"sectionDescription\":[1,\"section-description\"],\"row\":[4]}],[772,\"ls-toggle\",{\"checked\":[1028],\"indeterminate\":[4]}],[769,\"ls-editor-field\",{\"assignee\":[1],\"dataItem\":[1040],\"selected\":[4],\"multiSelected\":[4,\"multi-selected\"],\"readonly\":[4],\"type\":[1],\"page\":[16],\"fixedAspect\":[2,\"fixed-aspect\"],\"zoom\":[1],\"floatingActive\":[1540,\"floating-active\"],\"isEditing\":[32],\"heldEdge\":[32],\"isEdgeDragging\":[32],\"innerValue\":[32]},[[0,\"keydown\",\"handleInput\"],[3,\"mousemove\",\"handleMouseMove\"],[2,\"dblclick\",\"handleDoubleClick\"],[3,\"mousedown\",\"handleMouseDown\"],[0,\"dragstart\",\"handleDragStart\"]],{\"selected\":[\"watchSelectedHandler\"]}],[257,\"ls-tooltip\",{\"tooltipId\":[1,\"tooltip-id\"]}],[257,\"ls-icon\",{\"name\":[1],\"solid\":[4],\"size\":[2],\"customStyle\":[16]}]]],[\"ls-field-properties-dropdown.cjs\",[[769,\"ls-field-properties-dropdown\",{\"dataItem\":[16]}]]],[\"ls-formfield.cjs\",[[257,\"ls-formfield\",{\"name\":[1],\"fieldId\":[1,\"field-id\"],\"label\":[1],\"as\":[1],\"value\":[1032],\"placeholder\":[1],\"descriptionText\":[1,\"description-text\"],\"errorText\":[1,\"error-text\"],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"infoTooltipText\":[1,\"info-tooltip-text\"],\"hoverTooltipText\":[1,\"hover-tooltip-text\"],\"disabled\":[4],\"extraLabel\":[1,\"extra-label\"],\"required\":[4],\"optional\":[4],\"valid\":[4],\"dirty\":[4],\"customised\":[4],\"count\":[4],\"countMax\":[2,\"count-max\"],\"textareaRows\":[2,\"textarea-rows\"],\"buttonClick\":[16],\"buttonIcon\":[1,\"button-icon\"],\"labelIcon\":[1,\"label-icon\"],\"fieldIcon\":[1,\"field-icon\"],\"iconPosition\":[1,\"icon-position\"],\"options\":[1],\"_value\":[32]},null,{\"value\":[\"valueWatcher\"]}]]],[\"ls-banner.cjs\",[[257,\"ls-banner\",{\"type\":[1],\"layout\":[1],\"text\":[1],\"label\":[4],\"labelText\":[1,\"label-text\"],\"labelIcon\":[1,\"label-icon\"],\"button\":[4],\"buttonText\":[1,\"button-text\"],\"buttonIcon\":[1,\"button-icon\"],\"customStyle\":[16]}]]],[\"ls-header-bar.cjs\",[[257,\"ls-header-bar\",{\"text1\":[1,\"text-1\"],\"text2\":[1,\"text-2\"],\"leftText\":[1,\"left-text\"],\"leftClick\":[16],\"icon\":[1],\"loading\":[4],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-list-card-button.cjs\",[[257,\"ls-list-card-button\",{\"text\":[1],\"icon\":[1],\"loading\":[4],\"disabled\":[4],\"destructive\":[4],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-details-section.cjs\",[[260,\"ls-details-section\",{\"header\":[1],\"layout\":[1],\"actionIcon\":[1,\"action-icon\"],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-dropdown.cjs\",[[257,\"ls-dropdown\",{\"dropdownButtons\":[16],\"right\":[4],\"scrollable\":[4],\"handleClick\":[16],\"customStyle\":[16],\"extend\":[32]}]]],[\"ls-navbar.cjs\",[[257,\"ls-navbar\",{\"items\":[16],\"customStyle\":[16]}]]],[\"ls-radio-group.cjs\",[[256,\"ls-radio-group\",{\"options\":[16],\"heading\":[1],\"subHeading\":[1,\"sub-heading\"],\"name\":[1],\"isHorizontal\":[4,\"is-horizontal\"],\"customStyle\":[16],\"_options\":[32]},null,{\"options\":[\"watchOptionsHandler\"]}]]],[\"ls-icon-check-button.cjs\",[[257,\"ls-icon-check-button\",{\"icon\":[1],\"solid\":[4],\"checked\":[4],\"disabled\":[4],\"customStyle\":[16],\"rest\":[16],\"_checked\":[32]},null,{\"checked\":[\"watchCheckedHandler\"]}]]],[\"ls-notification.cjs\",[[256,\"ls-notification\",{\"heading\":[1],\"message\":[1],\"button1\":[1,\"button-1\"],\"button1Click\":[16],\"button2\":[1,\"button-2\"],\"button2Click\":[16],\"linkAction\":[1,\"link-action\"],\"linkURL\":[1,\"link-u-r-l\"],\"Icon\":[1,\"icon\"],\"iconColour\":[1,\"icon-colour\"],\"iconSolid\":[4,\"icon-solid\"]}]]],[\"ls-tabs.cjs\",[[257,\"ls-tabs\",{\"items\":[16],\"size\":[1],\"customStyle\":[16],\"rest\":[16],\"newItems\":[32]},null,{\"items\":[\"watchItemsHandler\"]}]]],[\"ls-tag.cjs\",[[257,\"ls-tag\",{\"text\":[1],\"colour\":[1],\"size\":[1],\"dot\":[4],\"icon\":[1],\"iconType\":[1,\"icon-type\"],\"outline\":[4],\"saturation\":[1],\"hover\":[4],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-timeline.cjs\",[[257,\"ls-timeline\",{\"showRecipient\":[4,\"show-recipient\"],\"recipientRole\":[1,\"recipient-role\"],\"recipientName\":[1,\"recipient-name\"],\"recipientEmail\":[1,\"recipient-email\"],\"recipientColour\":[1,\"recipient-colour\"],\"sentDateTime\":[1,\"sent-date-time\"],\"emailOpenedDateTime\":[1,\"email-opened-date-time\"],\"documentFirstViewedDateTime\":[1,\"document-first-viewed-date-time\"],\"signedDateTime\":[1,\"signed-date-time\"],\"expiryDate\":[1,\"expiry-date\"],\"status\":[1],\"emailProblem\":[1,\"email-problem\"],\"labelEmailed\":[1,\"label-emailed\"],\"labelOpened\":[1,\"label-opened\"],\"labelViewed\":[1,\"label-viewed\"],\"labelSigned\":[1,\"label-signed\"],\"labelApproved\":[1,\"label-approved\"],\"labelWitnessed\":[1,\"label-witnessed\"],\"labelRejected\":[1,\"label-rejected\"],\"labelBounced\":[1,\"label-bounced\"],\"labelExpired\":[1,\"label-expired\"],\"labelOutOfOffice\":[1,\"label-out-of-office\"],\"labelScheduled\":[1,\"label-scheduled\"],\"labelNotSent\":[1,\"label-not-sent\"],\"labelNotOpened\":[1,\"label-not-opened\"],\"labelNotViewed\":[1,\"label-not-viewed\"],\"labelNotSigned\":[1,\"label-not-signed\"],\"labelNotApproved\":[1,\"label-not-approved\"],\"labelNotWitnessed\":[1,\"label-not-witnessed\"],\"labelBypassed\":[1,\"label-bypassed\"],\"customStyle\":[16]}]]],[\"ls-timeline-step.cjs\",[[257,\"ls-timeline-step\",{\"step\":[1],\"complete\":[4],\"text\":[1],\"customLineClass\":[1,\"custom-line-class\"],\"customDiskClass\":[1,\"custom-disk-class\"]}]]],[\"ls-title-input.cjs\",[[769,\"ls-title-input\",{\"template\":[1040],\"editTitle\":[32]}]]],[\"ls-card.cjs\",[[260,\"ls-card\",{\"paddingX\":[2,\"padding-x\"],\"paddingY\":[2,\"padding-y\"],\"direction\":[1],\"corners\":[2],\"gap\":[2],\"backgroundColor\":[1,\"background-color\"],\"outline\":[4],\"outlineColor\":[1,\"outline-color\"],\"shadow\":[4],\"customClass\":[1,\"custom-class\"]}]]],[\"ls-compose-manager.cjs\",[[769,\"ls-compose-manager\",{\"template\":[16]}]]],[\"ls-text.cjs\",[[260,\"ls-text\",{\"preset\":[1],\"size\":[1],\"weight\":[1],\"colour\":[1],\"noWrap\":[4,\"no-wrap\"]}]]],[\"test-item.cjs\",[[256,\"test-item\",{\"text\":[1]}]]],[\"ls-badge.cjs\",[[257,\"ls-badge\",{\"text\":[1],\"colour\":[1],\"type\":[1],\"size\":[1],\"rounded\":[1],\"leadingIcon\":[1,\"leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"iconSolid\":[4,\"icon-solid\"],\"customStyle\":[16]}]]],[\"ls-dropdown-item.cjs\",[[257,\"ls-dropdown-item\",{\"index\":[2],\"text\":[1],\"secondaryText\":[1,\"secondary-text\"],\"icon\":[1],\"trailingIcon\":[1,\"trailing-icon\"],\"disabled\":[4],\"destructive\":[4],\"divider\":[4],\"badge\":[1],\"rest\":[16]}]]],[\"ls-label.cjs\",[[257,\"ls-label\",{\"text\":[1],\"colour\":[1],\"type\":[1],\"size\":[1],\"leadingIcon\":[1,\"leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"iconSolid\":[4,\"icon-solid\"],\"customStyle\":[16]}]]],[\"ls-radio-input.cjs\",[[257,\"ls-radio-input\",{\"radioId\":[1,\"radio-id\"],\"label\":[1],\"icon\":[1],\"name\":[1],\"checked\":[4],\"disabled\":[4],\"customStyle\":[16]}]]],[\"ls-icon-button.cjs\",[[257,\"ls-icon-button\",{\"icon\":[1],\"disabled\":[4],\"solid\":[4],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-checkbox-input_5.cjs\",[[257,\"ls-text-input\",{\"type\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"disabled\":[4],\"required\":[4],\"valid\":[4],\"dirty\":[4],\"countMax\":[2,\"count-max\"],\"buttonClick\":[8,\"button-click\"],\"buttonIcon\":[1,\"button-icon\"],\"fieldIcon\":[1,\"field-icon\"],\"iconPosition\":[1,\"icon-position\"],\"showPassword\":[32]}],[257,\"ls-number-input\",{\"type\":[1],\"name\":[1],\"value\":[1026],\"placeholder\":[1],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"disabled\":[4],\"required\":[4],\"valid\":[4],\"dirty\":[4],\"countMax\":[2,\"count-max\"],\"buttonClick\":[8,\"button-click\"],\"buttonIcon\":[1,\"button-icon\"],\"fieldIcon\":[1,\"field-icon\"]}],[257,\"ls-select-input\",{\"name\":[1],\"value\":[1],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"disabled\":[4],\"displayOnly\":[4,\"display-only\"],\"required\":[4],\"valid\":[4],\"dirty\":[4],\"buttonClick\":[8,\"button-click\"],\"buttonIcon\":[1,\"button-icon\"],\"fieldIcon\":[1,\"field-icon\"],\"options\":[1]}],[257,\"ls-textarea-input\",{\"name\":[1],\"value\":[1],\"placeholder\":[1],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"disabled\":[4],\"displayOnly\":[4,\"display-only\"],\"required\":[4],\"valid\":[4],\"dirty\":[4],\"countMax\":[2,\"count-max\"],\"rows\":[2],\"buttonClick\":[8,\"button-click\"],\"buttonIcon\":[1,\"button-icon\"],\"fieldIcon\":[1,\"field-icon\"]}],[257,\"ls-checkbox-input\",{\"checkboxId\":[1,\"checkbox-id\"],\"label\":[1],\"description\":[1],\"name\":[1],\"checked\":[4],\"disabled\":[4],\"position\":[1],\"_checked\":[32]},null,{\"checked\":[\"watchCheckedHandler\"]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/ls-dropdown-item.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsDropdownItemCss = () => `* {

package/dist/cjs/ls-dropdown.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsDropdownCss = () => `:host{display:block}.dropdown-button{position:relative;display:flex;width:fit-content}.dropdown-button:hover{cursor:pointer}.dropdown-container{position:absolute;top:100%;margin-top:0.25rem;width:14rem;outline:none;z-index:10;max-width:240px;background:var(--white, #FFF)}.container{padding:0.625rem 0;overflow:clip;border-radius:0.5rem;border:1px solid var(--grey-30, #E0E2E5);background:var(--white, #FFF);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05)}.right{right:0}.scrollable{max-height:212px;overflow-y:auto}.container:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.container:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}`;

package/dist/cjs/ls-field-properties-dropdown.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 
 const lsFieldPropertiesDropdownCss = () => `:host{display:block}`;
 
@@ -10,7 +10,7 @@ const LsFieldPropertiesDropdown = class {
     }
     dataItem;
     render() {
-        return (index.h(index.Host, { key: '07e414e1a381df3188d6357987ff098686ad4e2e' }, index.h("ls-field-properties-container", { key: '7cb868d24e790b03f35adf688e93b8df1e6f2014', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '76a55e2a1e27c4080f179170e37d8f58f2c6734b', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '47a0e493af8ac7d1bb5f0b27569aecd434f5443f', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: 'f65f3a41b35bf1ac66110dcf8d0ffb7abf71e223', dataItem: this.dataItem })), index.h("div", { key: '19332a0e1a0b2dcd900240d48f3929197487a798', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'b0b50125adcfef3e22dce7b095d175e0f4e3f8f4', dataItem: this.dataItem })), index.h("div", { key: '4129283221c9cbd73de8e08b1b37ae660e4714ee', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: 'f285b405511cc940a64e69d2715bb5bbbca6ec3a', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: 'ac9df817a509862721f38b25447b6fe9ea3aa918', dataItem: this.dataItem })));
+        return (index.h(index.Host, { key: '1d5d135764872c0da04fdbdc5a70b79f45623db7' }, index.h("ls-field-properties-container", { key: '4a05b4c217180c9a4d8fca98d89c3c0a0e3eaeb9', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '6f3fa0effffd617f541076ee54c0c3b4ecc2b1c3', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '8247485c528464d5bff0487b2f85e8f1f1388f0d', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '788fa4f195deb60d04f741b01ec0d53d361bba2e', dataItem: this.dataItem })), index.h("div", { key: 'e0b06ddf50ad7d70e7358e63c5dcb990c1ca93ea', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '626dc3ab15a48d2ba9489910ff7168767165bd77', dataItem: this.dataItem })), index.h("div", { key: 'bedd028041d852d63f44b591461531264b77c08c', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: 'db2e7acf62a44813e6dd75def4d6066b758d94f6', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '452cc73468c86d2fc010b5b8112e3a5b2f844155', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesDropdown.style = lsFieldPropertiesDropdownCss();

package/dist/cjs/ls-formfield.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsFormfieldCss = () => `* {

package/dist/cjs/ls-header-bar.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsHeaderBarCss = () => `.header{display:flex;position:relative;justify-content:space-between;align-items:center;height:2.25rem;background-color:white;max-width:100vw;border-bottom:1px solid var(--gray-20)}.text-container{position:absolute;right:50%;transform:translateX(50%);display:flex;align-items:center;gap:0.25rem;color:var(--gray-100);margin-left:auto;margin-right:auto;max-height:1.5rem;max-width:calc(100vw - 200px);white-space:nowrap;background-color:white}.left-text{display:flex;gap:0.5rem;align-items:center;background-color:transparent;border:none;color:var(--gray-80);text-transform:capitalize;margin-left:0.25rem}.left-text:hover{cursor:pointer;color:var(--gray-100)}.left-text.disabled,.left-text:disabled{color:var(--gray-60);cursor:not-allowed}.left-span{font-size:14px}.text1{font-weight:var(--font-semibold);font-size:14px}.text2{font-weight:var(--font-medium);font-size:14px}`;

package/dist/cjs/ls-icon-button.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsIconButtonCss = () => `.buttonClass{background-color:transparent;border:none;border-radius:0.25rem;padding:0px;color:var(--gray-60)}.buttonClass:focus{box-shadow:var(--focus-box-shadow);outline-offset:var(--focus-outline-offset)}.buttonClass:hover{background-color:transparent;color:var(--gray-80);cursor:pointer}.buttonClass:disabled{background-color:var(--gray-10);color:var(--gray-40);cursor:not-allowed}`;

package/dist/cjs/ls-icon-check-button.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsIconCheckButtonCss = () => `.button{background-color:transparent;border:none;border-radius:0.25rem;padding:0px}.button:focus{box-shadow:var(--focus-box-shadow);outline-offset:var(--focus-outline-offset)}.icon-default{color:var(--gray-60)}.icon-checked{color:var(--primary-60)}.icon-default:hover{background-color:transparent;color:var(--gray-80);cursor:pointer}.icon-default:disabled{color:var(--gray-30);cursor:not-allowed}.icon-checked:hover{background-color:transparent;color:var(--primary-70);cursor:pointer}.icon-checked:disabled{color:var(--primary-30);cursor:not-allowed}`;

package/dist/cjs/ls-label.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsLabelCss = () => `.label-span{position:relative;display:inline-flex;align-items:center;line-height:1rem;font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-sm{padding:0.125rem 0.25rem;font-size:0.75rem;gap:0.25rem;border-radius:0.25rem}.size-md{padding:0.25rem 0.375rem;font-size:0.875rem;gap:0.25rem;border-radius:0.25rem}.size-lg{padding:0.375rem 0.5rem;font-size:0.875rem;}`;

package/dist/cjs/ls-list-card-button.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsListCardButtonCss = () => `.container {

package/dist/cjs/ls-navbar.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsNavbarCss = () => `.title{font-weight:var(--font-semibold);font-size:0.875rem;line-height:1.5rem;color:var(--gray-70);text-transform:uppercase;padding-top:10px;padding-bottom:0.625rem;padding-left:1.5rem;padding-right:1rem;margin-top:0;margin-bottom:0}ul{padding-left:0;margin-bottom:0;margin-top:0}li{list-style-type:none}button{background-color:transparent;border:none;cursor:pointer;padding:0;margin:0;width:100%}.item{display:flex;justify-content:space-between;border-right:3px solid transparent;padding-top:10px;padding-bottom:10px;padding-left:2.75rem;padding-right:1rem;color:var(--gray-100);text-transform:capitalize;font-size:1rem;text-decoration:none}.item:hover{background-color:var(--primary-10);border-right-color:var(--primary-60);color:var(--primary-100)}.item:hover .icon{color:var(--primary-100)}.selected{background-color:var(--primary-60);color:white}.selected .icon{color:white}.selected:hover .icon{color:white}.selected:hover{background-color:var(--primary-70);color:white;border-right-color:var(--primary-70)}.icon{color:var(--gray-80)}.itemLeft{display:flex;align-items:center;gap:0.5rem}.itemRight{display:flex;align-items:center;gap:0.5rem}.dot{display:inline-block;width:0.5rem;height:0.5rem;background-color:var(--red-50);border-radius:50%}`;

package/dist/cjs/ls-notification.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsNotificationCss = () => `* {

package/dist/cjs/ls-radio-group.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 
 const lsRadioGroupCss = () => `.host{display:flex;flex-direction:column;gap:0.5rem}.title{font-weight:var(--font-semibold);color:var(--gray-100)}.subTitle{color:var(--gray-80);margin-top:-0.5rem}.horizontal{flex-direction:row;gap:1rem;flex-wrap:wrap}`;
 

package/dist/cjs/ls-radio-input.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsRadioInputCss = () => `.radioLabel{display:flex;align-items:center;gap:0.75rem;border-radius:0.5rem;padding:0.5rem 0.75rem}.radioLabel.checked{background-color:var(--primary-10);border-color:var(--primary-20);color:var(--primary-90)}.radioLabel:not(checked){color:var(--gray-90);background-color:var(--gray-10);border:1px solid var(--gray-20)}.radioLabel.checked:hover{border-color:var(--primary-30);color:var(--primary-100)}.radioLabel:not(.checked):not(.disabled):hover{border-color:var(--gray-50);color:var(--gray-100)}.radioLabel:focus:not(.disabled){box-shadow:var(--focus-box-shadow);outline-offset:var(--focus-outline-offset);outline:none}.radioLabel.disabled{cursor:not-allowed}.radioLabel.disabled.checked{background-color:var(--primary-10);color:var(--primary-40);border-color:var(--primary-40)}.radioLabel.disabled:not(.checked){background-color:var(--gray-10);color:var(--gray-60)}.inputClass{margin-top:0px}.inputClass:focus{outline:none}.inputClass:disabled{cursor:not-allowed}.spanContainer{display:flex;gap:0.25rem;align-items:center}`;

package/dist/cjs/ls-tabs.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsTabsCss = () => `.container{background-color:var(--gray-10);height:2.25rem;display:flex;gap:0.25rem;justify-content:center;padding:0.25rem;border-radius:0.625rem}.size-sm{height:1.75rem}.size-md{height:2.25rem}.size-lg{height:2.75rem}.tab{display:flex;align-items:center;gap:0.325rem;justify-content:center;width:100%;border-radius:0.375rem;border:none;flex:1 0 0}.tab.selected{color:var(--primary-100);background-color:var(--white)}.tab.selected:not(:focus){box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.10);border:1px solid var(--gray-20)}.tab.selected:hover{cursor:pointer}.tab.not-selected{color:var(--gray-80);background-color:transparent}.tab.not-selected:not(:focus){border:1px solid transparent}.tab.not-selected:hover{color:var(--gray-100);background-color:var(--gray-20);cursor:pointer}button:focus{box-shadow:var(--focus-box-shadow);outline-offset:var(--focus-outline-offset);border:1px solid var(--primary-60)}.tab.disabled:disabled{color:var(--gray-50);background-color:var(--gray-10);cursor:not-allowed}.dot{width:0.375rem;height:0.375rem;border-radius:50%;background-color:var(--red-50);margin-top:0.5rem;align-self:flex-start}.counter{display:flex;justify-content:center;align-items:center;color:var(--white);background-color:var(--red-60);padding:0 0.25rem;border-radius:0.75rem}`;

package/dist/cjs/ls-tag.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsTagCss = () => `* {

package/dist/cjs/ls-text.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsTextCss = () => `* {

package/dist/cjs/ls-timeline-step.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsTimelineStepCss = () => `.disk{box-sizing:border-box;display:flex;width:1rem;height:1rem;padding:0.125rem;margin:0;border-radius:999px}.container{width:100%;display:flex;gap:0.5rem;align-items:center}.disk-scheduled{color:var(--gray-60);background-color:var(--gray-20);outline:solid 1px var(--gray-80)}.disk-bounced{color:var(--yellow-60);background-color:var(--yellow-20);outline:solid 1px var(--yellow-80)}.disk-emailed{color:var(--gray-60);background-color:var(--gray-20);outline:solid 1px var(--gray-80)}.disk-opened{color:var(--blue-60);background-color:var(--blue-20);outline:solid 1px var(--blue-80)}.disk-viewed{color:var(--purple-60);background-color:var(--purple-20);outline:solid 1px var(--purple-80)}.disk-complete{color:var(--green-60);background-color:var(--green-20);outline:solid 1px var(--green-80)}.disk-rejected{color:var(--red-60);background-color:var(--red-20);outline:solid 1px var(--red-80)}.disk-withdrawn{color:var(--gray-40);background-color:var(--gray-10);outline:solid 1px var(--gray-30)}.disk-incomplete{outline:dashed 1px var(--gray-40)}.text-and-disk{display:flex;gap:0.5rem;align-items:center;width:fit-content}p{color:var(--Grey-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:var(--font-medium)}.text-complete{color:var(--Grey-100, #45484d);font-weight:var(--font-medium)}.text-incomplete{color:var(--Grey-50, #c8c9cc)}.bounced-text-width{width:3.75rem}.emailed-text-width{width:3.75rem}.opened-text-width{width:3.125rem}.viewed-text-width{width:3.125rem}.complete-text-width{width:4.25rem}.rejected-text-width{width:4.25rem}.line{height:1px;width:100%;padding:0;margin:0;border-radius:999px}.line-opened{background:linear-gradient(90deg, var(--gray-80) 0%, var(--blue-80) 100%)}.line-viewed{background:linear-gradient(90deg, var(--blue-80) 0%, var(--purple-80) 100%)}.line-complete{background:linear-gradient(90deg, var(--purple-80) 0%, var(--green-80) 100%)}.line-rejected{background:linear-gradient(90deg, var(--purple-80) 0%, var(--red-80) 100%)}.line-incomplete{background:repeating-linear-gradient(

package/dist/cjs/ls-timeline.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const lsTimelineCss = () => `*{box-sizing:border-box;line-height:1}.timeline-wrapper{display:flex;align-items:center;gap:0.75rem;width:100%}.recipient{display:flex;align-items:center;gap:0.5rem;flex-shrink:0}.recipient-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:0.625rem;flex-shrink:0}.recipient-details{display:flex;flex-direction:column;width:7.75rem}.recipient-name{color:var(--gray-100);font-size:0.75rem;font-weight:var(--font-medium);line-height:1rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-email{color:var(--gray-80);font-size:0.75rem;line-height:1rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{width:1px;height:1rem;background-color:var(--gray-20);flex-shrink:0}.mobile{display:flex;align-items:center;justify-content:flex-end;width:100%}.mobile-tag{display:flex;align-items:center;gap:0.25rem;height:1.5rem;padding:0.25rem 0.5rem;border-radius:9999px;font-size:0.875rem;font-weight:var(--font-medium);white-space:nowrap;width:fit-content}.desktop{display:none;align-items:center;justify-content:space-evenly;gap:0.625rem;width:100%}@media (min-width: 1024px){.mobile{display:none}.desktop{display:flex}}.step-group{display:flex;align-items:center;gap:0.5rem;flex-shrink:0;position:relative}.step[data-tooltip]{cursor:default}.step[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 0.5rem);left:50%;transform:translateX(-50%);background:var(--gray-90);color:white;font-size:0.75rem;padding:0.375rem 0.5rem;border-radius:0.375rem;white-space:nowrap;z-index:10;pointer-events:none;line-height:1}.step[data-tooltip='']:hover::after{display:none}.step{width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;flex-shrink:0;position:relative}.step--empty{background:transparent;border:1px dashed var(--gray-40)}.step--bypassed{background:var(--gray-10);border:1px solid var(--gray-40)}.step--emailed{background:var(--gray-20);border:1px solid var(--gray-80)}.step--bounced{background:var(--yellow-10);border:1px solid var(--yellow-80)}.step--expired{background:var(--red-10);border:1px solid var(--red-80)}.step--opened{background:var(--blue-20);border:1px solid var(--blue-80)}.step--viewed{background:var(--purple-20);border:1px solid var(--purple-80)}.step--signed{background:var(--green-20);border:1px solid var(--green-80)}.step--rejected{background:var(--red-20);border:1px solid var(--red-80)}.step-dash{background:var(--gray-40);border-radius:9999px;width:0.5rem;height:0.125rem;overflow:hidden}.label{font-size:0.875rem;font-weight:var(--font-medium);white-space:nowrap;margin:0;color:var(--gray-100)}.label--emailed{width:4.375rem}.label--opened{width:3.938rem}.label--viewed{width:3.938rem}.label--inactive{color:var(--gray-50)}.connector{width:100%;height:1px;border-radius:9999px;margin:0 0.25rem;flex-shrink:1}.connector--inactive{background:repeating-linear-gradient(

package/dist/cjs/ls-title-input.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 
 const lsTitleInputCss = () => `*{box-sizing:border-box;margin:0;padding:0}:host{display:block}.ls-dv-template-title{border-radius:0.625rem;padding:0 0.25rem;color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;cursor:pointer}.ls-dv-template-title:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-edit-button{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--gray-70, #939599)}.ls-dv-edit-button:hover{color:var(--gray-80, #6f7176)}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)}`;
 
@@ -30,7 +30,7 @@ const LsTitleInput = class {
         }, delay);
     }
     render() {
-        return (index.h(index.Host, { key: 'e8220c40f5b7e10c463c02a155aa734a758a4796' }, this.editTitle ? (index.h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, index.h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
+        return (index.h(index.Host, { key: '30c25f7262cd771989cfb64155ba582e0199fec7' }, this.editTitle ? (index.h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, index.h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
                 e.preventDefault();
                 this.alter({ title: e.target.value });
             }, onKeyUp: e => {

package/dist/cjs/test-item.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DjAX0m_J.js');
+var index = require('./index-DFeU0FNc.js');
 
 const testItemCss = () => `.item{padding:0.75rem;background-color:var(--gray-10);border-radius:0.5rem;box-sizing:border-box;width:100%}.item-text{margin:0;font-family:Arial, Helvetica, sans-serif;font-size:small;font-weight:var(--font-bold);color:var(--gray-90)}`;
 

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

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

package/dist/collection/components/ls-compose-loader/ls-compose-loader.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class LsComposeLoader {
     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" })))))));
     }
     static get is() { return "ls-compose-loader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-compose-manager/ls-compose-manager.js

@@ -7,10 +7,10 @@ export class LsComposeManager {
      */
     template;
     render() {
-        return (h(Host, { key: 'dd6c189632d5390c16360e9411deb20a10b04e20' }, h("div", { key: '36de0a2b790effb7a2c5199f0b3694b984ccf741', class: "ls-dv-editor-infobox" }, h("h2", { key: '460b7548a015cfa2f8476b6108cf80df4efd3876', class: "ls-dv-toolbox-section-title" }, dvI18n.t('recipients.recipientfields')), h("p", { key: '6b3fb661d327319013d2597132cb00da54a1ffca', class: "ls-dv-toolbox-section-description" }, dvI18n.t('recipients.recipientfieldsdescription'))), h("div", { key: 'fd19eca7c81cf2879617e1ccfaa15636d1f0bc4b', class: "ls-dv-participant-list" }, this.template &&
+        return (h(Host, { key: 'b5eac34c357dffeb6bcf55d900118345449702a6' }, h("div", { key: 'd52b046167046ab05d83cecf2f4dfaf6e9f641a3', class: "ls-dv-editor-infobox" }, h("h2", { key: 'f16a4ceb7feba75cc59ab5bbcbf64081d3512c61', class: "ls-dv-toolbox-section-title" }, dvI18n.t('recipients.recipientfields')), h("p", { key: '28392d6f0322c1554a54618c5a017e3ebbb6eb4e', class: "ls-dv-toolbox-section-description" }, dvI18n.t('recipients.recipientfieldsdescription'))), h("div", { key: '5baa88c3558ac24e96ef44eccc4e33b70df08dbb', class: "ls-dv-participant-list" }, this.template &&
             this.template?.roles.map(() => {
                 return (h("div", null));
-            })), h("slot", { key: 'a8675527a5868ba6d59da2109835e3f94cdd325d' })));
+            })), h("slot", { key: '6c679fe1e5473958d320817d3f123fd23b4b8a9c' })));
     }
     static get is() { return "ls-compose-manager"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-document-viewer/editorCalculator.js

@@ -28,6 +28,7 @@ export 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';

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

@@ -1 +1 @@
-{"version":3,"file":"editorCalculator.js","sourceRoot":"","sources":["../../../../src/components/ls-document-viewer/editorCalculator.ts"],"names":[],"mappings":"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","sourcesContent":["import { LSApiElement } from '../../types/LSApiElement';\n\nexport const findIn = (fields: NodeListOf<HTMLLsEditorFieldElement>, selector: HTMLElement, restyle: boolean = false, additive: boolean = false): HTMLLsEditorFieldElement[] => {\n  const selected: HTMLLsEditorFieldElement[] = new Array();\n  const { top, left, bottom, right } = selector.getBoundingClientRect();\n\n  fields.forEach(f => {\n    if (f.getBoundingClientRect().bottom <= bottom && f.getBoundingClientRect().top >= top && f.getBoundingClientRect().left >= left && f.getBoundingClientRect().right <= right) {\n      if (restyle) f.selected = true;\n      selected.push(f);\n    } else {\n      if (restyle && !additive) f.selected = false;\n    }\n  });\n  return selected;\n};\n\n// Used to append new fields (dropped or loaded from template data)\nexport function addField(frame: HTMLElement, data): HTMLLsEditorFieldElement {\n  const fields = this._template.elementConnection.templateElements;\n  this._template = { ...this._template, elementConnection: { ...this._template.elementConnection, templateElements: [...fields, data] } };\n  const assignee = this.mode === 'compose' ? this._recipients?.find(r => r.signerIndex === data.signer) : this._template.roles.find(r => r.signerIndex === data.signer);\n  const node = document.createElement('ls-editor-field');\n  node.setAttribute('type', data.formElementType);\n  node.setAttribute('id', 'ls-field-' + data.id);\n  node.setAttribute(\n    'assignee',\n    this.mode === 'compose' && assignee?.previousRecipientDecides\n      ? 'To Be Decided'\n      : this.mode === 'compose'\n        ? `${assignee?.firstName} ${assignee?.lastName}`\n        : assignee?.name || `Participant ${data.signer}`,\n  );\n  node.setAttribute('zoom', String(this.zoom));\n  // node.setAttribute('selected', 'selected');\n  node.style.zIndex = '100';\n  node.style.position = 'absolute';\n\n  node.style.top = Math.floor(data.top * this.zoom) + 'px';\n  node.style.left = Math.floor(data.left * this.zoom) + 'px';\n  node.style.height = Math.floor(data.height * this.zoom) + 'px';\n  node.style.width = Math.floor(data.width * this.zoom) + 'px';\n  node.style.fontSize = Math.round(data.fontSize * this.zoom) + 'px';\n  node.style.alignContent = data.align;\n  node.style.fontFamily = data.fontName;\n  node.dataItem = data;\n\n  frame.appendChild(node);\n\n  return node as any as HTMLLsEditorFieldElement;\n}\n\nexport function moveField(item: HTMLLsEditorFieldElement, data) {\n  item.style.top = Math.floor(data.top * this.zoom) + 'px';\n  item.style.left = Math.floor(data.left * this.zoom) + 'px';\n  item.style.height = Math.floor(data.height * this.zoom) + 'px';\n  item.style.width = Math.floor(data.width * this.zoom) + 'px';\n  item.style.fontSize = Math.round(data.fontSize * this.zoom) + 'px';\n  item.style.fontFamily = data.fontName;\n  item.style.textAlign = data.align;\n  item.dataItem = recalculateCoordinates(data);\n}\n\n// calculates html compatible coords at current zoom level\nexport const transformCoordinates = (\n  sourceField: LSApiElement,\n  inputFieldWidth: number,\n  inputFieldHeight: number,\n  viewerWidth: number,\n  viewerHeight: number,\n  left: number,\n  top: number,\n  fontName: string,\n  fontSize: number,\n  zoom: number,\n): LSApiElement => {\n  // Returns X, Y coordinates\n  const ax = left > 0 ? left / viewerWidth : 0;\n  const ay = top > 0 ? top / viewerHeight : 0;\n  const bx = (left + inputFieldWidth) / viewerWidth;\n  const by = (top + inputFieldHeight) / viewerHeight;\n\n  // Return with calculated styles that try to place it as it would appear on legacy signing page\n  return {\n    ...sourceField,\n    ax,\n    ay,\n    bx,\n    by,\n    cstyle: {\n      margin: 0,\n      verticalAlign: 'top',\n      boxSizing: 'content-box',\n      fontSize: viewerWidth < 640 ? `${(fontSize / 24) * zoom}rem` : `${fontSize * zoom}px`,\n      fontFamily: fontName || 'arial',\n      width: `${(inputFieldWidth * bx - inputFieldWidth * ax) * zoom}px`, // app1 input has padding-x 3px\n      height: `${inputFieldHeight * (by - ay) * zoom}px`, // app1 input has padding-y 2px\n      // minHeight: `${inputFieldHeight * (BY - AY) * zoom - 2}px`,\n      lineHeight: 'inherit',\n    },\n    divStyle: {\n      position: 'absolute',\n      top: `${inputFieldHeight * ay * zoom}px`,\n      left: `${inputFieldWidth * ax * zoom}px`,\n      width: `${(inputFieldWidth * bx - inputFieldWidth * ax) * zoom}px`,\n      height: `${inputFieldHeight * (by - ay) * zoom}px`,\n      zIndex: 1000,\n      fontSize: viewerWidth < 640 ? `${(fontSize / 24) * zoom}rem` : `${fontSize * zoom}px`,\n    },\n    objectHeight: `${inputFieldHeight * (by - ay) * zoom}px`,\n  };\n};\n\n// from a field element get all dimension data including LEGACY dimensions\nexport const findDimensions = (\n  frameContainer: HTMLDivElement,\n  sourceField: HTMLLsEditorFieldElement,\n  pageHeight: number,\n  pageWidth: number,\n  zoom: number,\n): { top: number; left: number; height: number; width: number; ax: number; ay: number; bx: number; by: number } => {\n  // Position of widget frame\n  const frmDims = frameContainer.getBoundingClientRect();\n  // dimensions relative to viewport\n  const { height, width } = sourceField.getBoundingClientRect();\n  const top = Math.floor((sourceField.getBoundingClientRect().top - frmDims.top) / zoom);\n  const left = Math.floor((sourceField.getBoundingClientRect().left - frmDims.left) / zoom);\n\n  // Returns X, Y coordinates\n  const ax = left > 0 ? left / pageWidth : 0;\n  const ay = top > 0 ? top / pageHeight : 0;\n  const bx = (left + width / zoom) / pageWidth;\n  const by = (top + height / zoom) / pageHeight;\n\n  // Return with calculated styles that try to place it as it would appear on legacy signing page\n  return {\n    top,\n    left,\n    height: Math.round(height / zoom),\n    width: Math.round(width / zoom),\n    ax,\n    ay,\n    bx,\n    by,\n  };\n};\n\n// from a field element get all dimension data including LEGACY dimensions\nexport const recalculateCoordinates = (d: LSApiElement): LSApiElement => {\n  // Returns X, Y coordinates\n  const ax = d.left / d.pageDimensions.width;\n  const ay = d.top / d.pageDimensions.height;\n  const bx = (d.left + d.width) / d.pageDimensions.width;\n  const by = (d.top + d.height) / d.pageDimensions.height;\n\n  // Return with calculated styles that try to place it as it would appear on legacy signing page\n  return {\n    ...d,\n    ax,\n    ay,\n    bx,\n    by,\n  };\n};\n\n// from a field determinse if out of bounds\nexport const oob = (d: LSApiElement): boolean => {\n  return d.left < 0 || d.top < 0 || d.left + d.width > d.pageDimensions.width || d.top + d.height > d.pageDimensions.height;\n};\n"]}
+{"version":3,"file":"editorCalculator.js","sourceRoot":"","sources":["../../../../src/components/ls-document-viewer/editorCalculator.ts"],"names":[],"mappings":"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","sourcesContent":["import { LSApiElement } from '../../types/LSApiElement';\n\nexport const findIn = (fields: NodeListOf<HTMLLsEditorFieldElement>, selector: HTMLElement, restyle: boolean = false, additive: boolean = false): HTMLLsEditorFieldElement[] => {\n  const selected: HTMLLsEditorFieldElement[] = new Array();\n  const { top, left, bottom, right } = selector.getBoundingClientRect();\n\n  fields.forEach(f => {\n    if (f.getBoundingClientRect().bottom <= bottom && f.getBoundingClientRect().top >= top && f.getBoundingClientRect().left >= left && f.getBoundingClientRect().right <= right) {\n      if (restyle) f.selected = true;\n      selected.push(f);\n    } else {\n      if (restyle && !additive) f.selected = false;\n    }\n  });\n  return selected;\n};\n\n// Used to append new fields (dropped or loaded from template data)\nexport function addField(frame: HTMLElement, data): HTMLLsEditorFieldElement {\n  const fields = this._template.elementConnection.templateElements;\n  this._template = { ...this._template, elementConnection: { ...this._template.elementConnection, templateElements: [...fields, data] } };\n  const assignee = this.mode === 'compose' ? this._recipients?.find(r => r.signerIndex === data.signer) : this._template.roles.find(r => r.signerIndex === data.signer);\n  const node = document.createElement('ls-editor-field');\n  node.setAttribute('type', data.formElementType);\n  node.setAttribute('id', 'ls-field-' + data.id);\n  node.setAttribute(\n    'assignee',\n    this.mode === 'compose' && assignee?.previousRecipientDecides\n      ? 'To Be Decided'\n      : this.mode === 'compose'\n        ? `${assignee?.firstName} ${assignee?.lastName}`\n        : assignee?.name || `Participant ${data.signer}`,\n  );\n  node.setAttribute('zoom', String(this.zoom));\n  node.setAttribute('readonly', String(this.mode === 'preview'));\n  // node.setAttribute('selected', 'selected');\n  node.style.zIndex = '100';\n  node.style.position = 'absolute';\n\n  node.style.top = Math.floor(data.top * this.zoom) + 'px';\n  node.style.left = Math.floor(data.left * this.zoom) + 'px';\n  node.style.height = Math.floor(data.height * this.zoom) + 'px';\n  node.style.width = Math.floor(data.width * this.zoom) + 'px';\n  node.style.fontSize = Math.round(data.fontSize * this.zoom) + 'px';\n  node.style.alignContent = data.align;\n  node.style.fontFamily = data.fontName;\n  node.dataItem = data;\n\n  frame.appendChild(node);\n\n  return node as any as HTMLLsEditorFieldElement;\n}\n\nexport function moveField(item: HTMLLsEditorFieldElement, data) {\n  item.style.top = Math.floor(data.top * this.zoom) + 'px';\n  item.style.left = Math.floor(data.left * this.zoom) + 'px';\n  item.style.height = Math.floor(data.height * this.zoom) + 'px';\n  item.style.width = Math.floor(data.width * this.zoom) + 'px';\n  item.style.fontSize = Math.round(data.fontSize * this.zoom) + 'px';\n  item.style.fontFamily = data.fontName;\n  item.style.textAlign = data.align;\n  item.dataItem = recalculateCoordinates(data);\n}\n\n// calculates html compatible coords at current zoom level\nexport const transformCoordinates = (\n  sourceField: LSApiElement,\n  inputFieldWidth: number,\n  inputFieldHeight: number,\n  viewerWidth: number,\n  viewerHeight: number,\n  left: number,\n  top: number,\n  fontName: string,\n  fontSize: number,\n  zoom: number,\n): LSApiElement => {\n  // Returns X, Y coordinates\n  const ax = left > 0 ? left / viewerWidth : 0;\n  const ay = top > 0 ? top / viewerHeight : 0;\n  const bx = (left + inputFieldWidth) / viewerWidth;\n  const by = (top + inputFieldHeight) / viewerHeight;\n\n  // Return with calculated styles that try to place it as it would appear on legacy signing page\n  return {\n    ...sourceField,\n    ax,\n    ay,\n    bx,\n    by,\n    cstyle: {\n      margin: 0,\n      verticalAlign: 'top',\n      boxSizing: 'content-box',\n      fontSize: viewerWidth < 640 ? `${(fontSize / 24) * zoom}rem` : `${fontSize * zoom}px`,\n      fontFamily: fontName || 'arial',\n      width: `${(inputFieldWidth * bx - inputFieldWidth * ax) * zoom}px`, // app1 input has padding-x 3px\n      height: `${inputFieldHeight * (by - ay) * zoom}px`, // app1 input has padding-y 2px\n      // minHeight: `${inputFieldHeight * (BY - AY) * zoom - 2}px`,\n      lineHeight: 'inherit',\n    },\n    divStyle: {\n      position: 'absolute',\n      top: `${inputFieldHeight * ay * zoom}px`,\n      left: `${inputFieldWidth * ax * zoom}px`,\n      width: `${(inputFieldWidth * bx - inputFieldWidth * ax) * zoom}px`,\n      height: `${inputFieldHeight * (by - ay) * zoom}px`,\n      zIndex: 1000,\n      fontSize: viewerWidth < 640 ? `${(fontSize / 24) * zoom}rem` : `${fontSize * zoom}px`,\n    },\n    objectHeight: `${inputFieldHeight * (by - ay) * zoom}px`,\n  };\n};\n\n// from a field element get all dimension data including LEGACY dimensions\nexport const findDimensions = (\n  frameContainer: HTMLDivElement,\n  sourceField: HTMLLsEditorFieldElement,\n  pageHeight: number,\n  pageWidth: number,\n  zoom: number,\n): { top: number; left: number; height: number; width: number; ax: number; ay: number; bx: number; by: number } => {\n  // Position of widget frame\n  const frmDims = frameContainer.getBoundingClientRect();\n  // dimensions relative to viewport\n  const { height, width } = sourceField.getBoundingClientRect();\n  const top = Math.floor((sourceField.getBoundingClientRect().top - frmDims.top) / zoom);\n  const left = Math.floor((sourceField.getBoundingClientRect().left - frmDims.left) / zoom);\n\n  // Returns X, Y coordinates\n  const ax = left > 0 ? left / pageWidth : 0;\n  const ay = top > 0 ? top / pageHeight : 0;\n  const bx = (left + width / zoom) / pageWidth;\n  const by = (top + height / zoom) / pageHeight;\n\n  // Return with calculated styles that try to place it as it would appear on legacy signing page\n  return {\n    top,\n    left,\n    height: Math.round(height / zoom),\n    width: Math.round(width / zoom),\n    ax,\n    ay,\n    bx,\n    by,\n  };\n};\n\n// from a field element get all dimension data including LEGACY dimensions\nexport const recalculateCoordinates = (d: LSApiElement): LSApiElement => {\n  // Returns X, Y coordinates\n  const ax = d.left / d.pageDimensions.width;\n  const ay = d.top / d.pageDimensions.height;\n  const bx = (d.left + d.width) / d.pageDimensions.width;\n  const by = (d.top + d.height) / d.pageDimensions.height;\n\n  // Return with calculated styles that try to place it as it would appear on legacy signing page\n  return {\n    ...d,\n    ax,\n    ay,\n    bx,\n    by,\n  };\n};\n\n// from a field determinse if out of bounds\nexport const oob = (d: LSApiElement): boolean => {\n  return d.left < 0 || d.top < 0 || d.left + d.width > d.pageDimensions.width || d.top + d.height > d.pageDimensions.height;\n};\n"]}