legalesign-document-viewer 0.9.7 → 0.9.9

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

@@ -14,10 +14,10 @@ const LsComposeManager = class {
      */
     template;
     render() {
-        return (index.h(index.Host, { key: '2add046d0ae305dae38789a469fe3b88da2c0aac' }, index.h("div", { key: '1fd4f401d012961abc696134a81c9ae6bc6ac0be', class: "ls-editor-infobox" }, index.h("h2", { key: 'c5947f87846f9a940f18840e22abe9931b209d49', class: "toolbox-section-title" }, "Recipient Fields"), index.h("p", { key: '9f81e4722da84fd7a415a0b372b6d701ca109595', class: "toolbox-section-description" }, "Select and Click to place Signature fields where on the Document.")), index.h("div", { key: '290923019d8e615ddd6813546116778d5df6e7dc', class: "participant-list" }, this.template &&
+        return (index.h(index.Host, { key: 'd8a9308fe2cb628e9a46641fdcf06556669fa8b7' }, index.h("div", { key: 'c803ac9878dedfbae3fcc58f5f4a15ea84b0bf9e', class: "ls-dv-editor-infobox" }, index.h("h2", { key: 'a6c65714b20a6fff6776daba757e71afff3f751c', class: "ls-dv-toolbox-section-title" }, "Recipient Fields"), index.h("p", { key: '394e005169e48a778d1438ba8810ef2c7a211ff9', class: "ls-dv-toolbox-section-description" }, "Select and Click to place Signature fields where on the Document.")), index.h("div", { key: '7b45cdc449975f6dfe1aeaaa6469adeb26b47300', class: "ls-dv-participant-list" }, this.template &&
             this.template?.roles.map(() => {
                 return (index.h("div", null));
-            })), index.h("slot", { key: '403e3db429ab4cce633e60ae28124ee8983f9f15' })));
+            })), index.h("slot", { key: '93bf8f97205f8dfaef2b0fc285510bf46e1f1ea7' })));
     }
 };
 LsComposeManager.style = lsComposeManagerCss();

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

@@ -18,7 +18,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy([["ls-field-properties-dropdown.cjs",[[769,"ls-field-properties-dropdown",{"dataItem":[16]}]]],["ls-formfield.cjs",[[772,"ls-formfield",{"name":[1],"fieldId":[1,"field-id"],"label":[1],"as":[1],"value":[1032],"placeholder":[1],"descriptionText":[1,"description-text"],"errorText":[1,"error-text"],"aria":[1],"inputRef":[1,"input-ref"],"infoTooltipText":[1,"info-tooltip-text"],"hoverTooltipText":[1,"hover-tooltip-text"],"disabled":[4],"extraLabel":[1,"extra-label"],"required":[4],"valid":[4],"dirty":[4],"count":[4],"countMax":[2,"count-max"],"buttonClick":[16],"buttonIcon":[1,"button-icon"],"labelIcon":[1,"label-icon"],"fieldIcon":[1,"field-icon"],"_value":[32]},null,{"value":["valueWatcher"]}]]],["ls-title-input.cjs",[[769,"ls-title-input",{"template":[1040],"editTitle":[32]}]]],["ls-compose-manager.cjs",[[769,"ls-compose-manager",{"template":[16]}]]],["ls-compose-loader_46.cjs",[[769,"ls-document-viewer",{"template":[1],"token":[1],"userpool":[1],"endpoint":[1],"templateid":[1],"recipients":[1],"_recipients":[16],"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],"fontSize":[32],"fontFamily":[32],"selected":[32],"isLoading":[32],"fieldTypeSelected":[32],"pageNext":[64],"pagePrev":[64],"unselect":[64],"setZoom":[64]},[[0,"mutate","mutateHandler"],[0,"fieldTypeSelected","handleFieldTypeSelected"],[0,"addParticipant","addParticpantHandler"],[0,"changeSigner","updateSigner"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{"mode":["modeHandler"],"zoom":["zoomChanged"]}],[769,"ls-field-properties",{"dataItem":[16]}],[769,"ls-participant-manager",{"editor":[16],"template":[16]}],[769,"ls-statusbar",{"zoom":[1026],"page":[1026],"pageCount":[1026,"page-count"],"editor":[16]}],[769,"ls-toolbar",{"dataItem":[1040],"groupInfo":[16],"template":[16],"editor":[1040],"mode":[1]}],[769,"ls-document-options",{"template":[1040],"editTitle":[32]},null,{"template":["selectedHandler"]}],[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-validation-tag",{"status":[1025],"validationErrors":[1040],"isExpanded":[1028,"is-expanded"],"type":[1],"showDropDown":[4,"show-drop-down"]}],[257,"ls-compose-loader"],[769,"ls-editor-table",{"editor":[16]}],[257,"ls-page-loader"],[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]}],[769,"ls-field-properties-text",{"dataItem":[16]}],[769,"ls-field-properties-multiple",{"dataItem":[1040]}],[769,"ls-field-properties-autosign",{"dataItem":[16]}],[769,"ls-helper-bar",{"expanded":[1028],"showShortcuts":[1028,"show-shortcuts"]}],[769,"ls-participant-card",{"signer":[16],"index":[2],"editable":[1028],"template":[16],"swapUpBtn":[32],"swapDownBtn":[32],"editBtn":[32],"deleteParticipantBtn":[32]},null,{"editable":["modeHandler"]}],[769,"ls-field-format",{"dataItem":[1040]},null,{"dataItem":["selectFieldsHandler"]}],[769,"ls-participant-select",{"selected":[1025],"roles":[16],"selectedRole":[32],"isOpen":[32]},null,{"roles":["handleRoleLoad"]}],[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-keyboard-shortcuts"],[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]}],[769,"ls-field-footer",{"dataItem":[1040]}],[769,"ls-input-wrapper",{"leadingIcon":[1,"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"],[0,"dragstart","handleDragStart"]],{"selected":["watchSelectedHandler"]}],[769,"ls-tooltip",{"referenceElement":[1040],"placement":[1025],"tooltipText":[1025,"tooltip-text"],"tooltipTitle":[1025,"tooltip-title"],"tooltipLocked":[4,"tooltip-locked"],"hide":[64]},null,{"referenceElement":["updateReferenceHandler"]}],[769,"ls-icon",{"name":[1],"solid":[4],"color":[1],"size":[1],"customStyle":[16]}]]],["ls-number-input_5.cjs",[[769,"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"]}],[768,"ls-radio-input",{"radioId":[1,"radio-id"],"label":[1],"icon":[1],"name":[1],"checked":[4],"disabled":[4],"customStyle":[16]}],[772,"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"]}],[769,"ls-text-input",{"type":[1],"name":[1],"value":[1025],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"],"showPassword":[32]}],[769,"ls-textarea-input",{"name":[1],"value":[1],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}]]]], options);
+  return index.bootstrapLazy([["ls-field-properties-dropdown.cjs",[[769,"ls-field-properties-dropdown",{"dataItem":[16]}]]],["ls-formfield.cjs",[[772,"ls-formfield",{"name":[1],"fieldId":[1,"field-id"],"label":[1],"as":[1],"value":[1032],"placeholder":[1],"descriptionText":[1,"description-text"],"errorText":[1,"error-text"],"aria":[1],"inputRef":[1,"input-ref"],"infoTooltipText":[1,"info-tooltip-text"],"hoverTooltipText":[1,"hover-tooltip-text"],"disabled":[4],"extraLabel":[1,"extra-label"],"required":[4],"valid":[4],"dirty":[4],"count":[4],"countMax":[2,"count-max"],"buttonClick":[16],"buttonIcon":[1,"button-icon"],"labelIcon":[1,"label-icon"],"fieldIcon":[1,"field-icon"],"_value":[32]},null,{"value":["valueWatcher"]}]]],["ls-title-input.cjs",[[769,"ls-title-input",{"template":[1040],"editTitle":[32]}]]],["ls-compose-manager.cjs",[[769,"ls-compose-manager",{"template":[16]}]]],["ls-compose-loader_47.cjs",[[769,"ls-document-viewer",{"template":[1],"token":[1],"userpool":[1],"endpoint":[1],"templateid":[1],"recipients":[1],"_recipients":[16],"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],"fontSize":[32],"fontFamily":[32],"selected":[32],"isLoading":[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,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{"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"],"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]}],[257,"ls-compose-loader"],[769,"ls-editor-table",{"editor":[16]}],[257,"ls-page-loader"],[769,"ls-field-properties",{"dataItem":[16]}],[769,"ls-participant-manager",{"editor":[16],"template":[16]}],[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],"roles":[16],"selectedRole":[32],"isOpen":[32]},null,{"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]}],[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],"swapUpBtn":[32],"swapDownBtn":[32],"editBtn":[32],"deleteParticipantBtn":[32]},null,{"editable":["modeHandler"]}],[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"]]],[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]}],[769,"ls-field-footer",{"dataItem":[1040]}],[769,"ls-input-wrapper",{"leadingIcon":[1,"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"],[0,"dragstart","handleDragStart"]],{"selected":["watchSelectedHandler"]}],[769,"ls-tooltip",{"referenceElement":[1040],"placement":[1025],"tooltipText":[1025,"tooltip-text"],"tooltipTitle":[1025,"tooltip-title"],"tooltipLocked":[4,"tooltip-locked"],"hide":[64]},null,{"referenceElement":["updateReferenceHandler"]}],[769,"ls-icon",{"name":[1],"solid":[4],"color":[1],"size":[1],"customStyle":[16]}]]],["ls-number-input_5.cjs",[[769,"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"]}],[768,"ls-radio-input",{"radioId":[1,"radio-id"],"label":[1],"icon":[1],"name":[1],"checked":[4],"disabled":[4],"customStyle":[16]}],[772,"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"]}],[769,"ls-text-input",{"type":[1],"name":[1],"value":[1025],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"],"showPassword":[32]}],[769,"ls-textarea-input",{"name":[1],"value":[1],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -10,7 +10,7 @@ const LsFieldPropertiesDropdown = class {
     }
     dataItem;
     render() {
-        return (index.h(index.Host, { key: '69afc96519158213ff1e9f7bc922ad282940a847' }, index.h("ls-field-properties-container", { key: '06ba4126691fae21dfdd53ce3c129b2c2cd0e938', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '2efb9e2de4f6d0a047a615831d6182ed9d507c7a', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: '2e3149c7338e5107461242cf81af0c73b7550007', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '226ddbf19da44a3d7981e2165266e9600c3fb3af', dataItem: this.dataItem })), index.h("div", { key: '2c1cad1572e51ce02208d26d59a8563122f6dbd7', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'f4df7d01d1ad657ea1586da78fed948f4a2d8f86', dataItem: this.dataItem })), index.h("div", { key: '6627c5b29815cce7bf285e2ac5363a51ae37f013', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: 'c55b809f4693a8834d85e67d3a0d3f9874675d27', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '7061bb4d8061508b41afe44f452467e7795aaeac', dataItem: this.dataItem })));
+        return (index.h(index.Host, { key: '30e9fb15cfd008fd05e7e5fa67c57e442114c19b' }, index.h("ls-field-properties-container", { key: '0c6da6b1ac81a537be6c459b2ec1763cf58a6fc5', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '773bede0b3f7d8e928e200b4c789c172ccc72019', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: 'af64ea7be91aaff6375e6d4d7b5aa4b8f73cd95d', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '0c046d605e52d018c3e87d18bc0e35171cc68f6b', dataItem: this.dataItem })), index.h("div", { key: '7d9b1aa8014051cd2508667c5c0b67c47a3c6eb7', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '37d29f71fc9e954dd85e959e01d50aac44bc6de5', dataItem: this.dataItem })), index.h("div", { key: '0e088618cdb292d4c752e13268c55a729d0719cf', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: '9d329f71ec136abe9eb7b5417ca271eb409c77ce', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '51d1b09e5a22557bca2cbd3f52e1b81bc02ba324', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesDropdown.style = lsFieldPropertiesDropdownCss();

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

@@ -7,21 +7,21 @@ const lsFormfieldCss = () => `* {
   margin: 0;
 }
 
-.formfield-host {
+.ls-dv-formfield-host {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
   width: 100%;
 }
 
-.formfield-top-elements {
+.ls-dv-formfield-top-elements {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   padding: 0 0.125rem;
 }
 
-.formfield-left-side {
+.ls-dv-formfield-left-side {
   display: flex;
   align-items: center;
   width: 100%;
@@ -31,7 +31,7 @@ const lsFormfieldCss = () => `* {
     color: var(--gray-80, #787A80);
   }
 
-  .formfield-label {
+  .ls-dv-formfield-label {
     color: var(--gray-100, #45484D);
     /* text-base/leading-6/font-medium */
     font-size: 1rem;
@@ -41,7 +41,7 @@ const lsFormfieldCss = () => `* {
   }
 }
 
-.formfield-bottom-elements {
+.ls-dv-formfield-bottom-elements {
   position: relative;
   min-height: 1rem;
   display: flex;
@@ -51,7 +51,7 @@ const lsFormfieldCss = () => `* {
   padding: 0 0.125rem;
 }
 
-.formfield-description-text {
+.ls-dv-formfield-description-text {
   color: var(--Grey-80, #6C6E73);
   width: 100%;
   /* text-xs/leading-4/font-light */
@@ -61,7 +61,7 @@ const lsFormfieldCss = () => `* {
   line-height: 1rem; /* 133.333% */
 }
 
-.formfield-error-text {
+.ls-dv-formfield-error-text {
   color: var(--red-70, #DC2721);
   width: 100%;
   /* text-xs/leading-4/font-light */
@@ -71,7 +71,7 @@ const lsFormfieldCss = () => `* {
   line-height: 1rem; /* 133.333% */
 }
 
-.formfield-count-container {
+.ls-dv-formfield-count-container {
   position: absolute;
   right: 0;
   bottom: 0;
@@ -85,14 +85,14 @@ const lsFormfieldCss = () => `* {
   text-align: right;
 }
 
-.formfield-count {
+.ls-dv-formfield-count {
   display: flex;
   align-items: center;
   color: var(--Grey-70, #6C6E73);
   gap: 0.125rem;
 }
 
-.formfield-count-error {
+.ls-dv-formfield-count-error {
   display: flex;
   align-items: center;
   gap: 0.125rem;
@@ -144,11 +144,11 @@ const LsFormfield = class {
     }
     render() {
         const { name, fieldId, label, as, value, placeholder, descriptionText, errorText, aria, infoTooltipText, disabled, extraLabel, valid, dirty, count, countMax, buttonClick, buttonIcon, fieldIcon, labelIcon, } = this;
-        const countClass = value && value.toString().length > countMax ? 'formfield-count-error' : 'formfield-count';
-        return (index.h("host", { key: '0a2bafe77f859bdb7e4fa672212dfe40aaeee59a', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (index.h("div", { key: 'b2f8613eb672acc65a3db47254b879a88eb06f45', class: "formfield-top-elements" }, index.h("div", { key: 'ec1d8bb4d57723c4f0c56db6c7b6c1909602c969', class: "formfield-left-side" }, labelIcon && index.h("ls-icon", { key: '1dfd307f162b238d23b2bcc6e353b59a28c45ce2', name: labelIcon }), index.h("label", { key: 'de3946135d7a099f746e82f9b88d37522985e9da', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && index.h("ls-icon", { key: 'a860894077d14c0aca5cc0546c4263efd489cecd', name: 'information-circle' })), extraLabel === 'optional' ? (index.h("ls-label", { text: "Optional", colour: "gray", type: "low" })) : extraLabel === 'required' ? (index.h("ls-label", { text: "Required", colour: "gray", type: "low" })) : (''))), as === 'text' ? (index.h("ls-text-input", { id: fieldId, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon, onValueChange: (e) => { this.changeHandler(e.detail); } })) : as === 'select' ? (index.h("ls-select-input", { id: name, name: name, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon }, index.h("slot", null))) : as === 'radio' ? (index.h("ls-radio-input", { radioId: label, label: value?.toString(), icon: fieldIcon, name: name, disabled: disabled })) : as === 'textarea' ? (index.h("ls-textarea-input", { id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'password' ? (index.h("ls-text-input", { type: "password", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'displayonly' ? (index.h("ls-text-input", { type: "displayonly", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'number' ? (index.h("ls-number-input", { type: "ls", id: name, name: name, value: Number(value), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : (index.h("p", null, "placeholder")), errorText ||
+        const countClass = value && value.toString().length > countMax ? 'ls-dv-formfield-count-error' : 'ls-dv-formfield-count';
+        return (index.h("host", { key: '5d9445d4556112cc8542b457c3f39ec3430a41fd', class: "ls-dv-formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (index.h("div", { key: '9314e8276982e8cb0d3e305056403a8600275c33', class: "ls-dv-formfield-top-elements" }, index.h("div", { key: '5d371099ffb4597b8ec1badd1c3ceab024251bd9', class: "ls-dv-formfield-left-side" }, labelIcon && index.h("ls-icon", { key: '692a55503bd380727e53e45d5835a5696f668595', name: labelIcon }), index.h("label", { key: '2cc8ff7f286de0e61028034b08e2ec3306f670e3', htmlFor: name, class: "ls-dv-formfield-label" }, label), infoTooltipText && index.h("ls-icon", { key: 'd154b347bcd9d5c50c218cf8f72c6bdeae93754b', name: 'information-circle' })), extraLabel === 'optional' ? (index.h("ls-label", { text: "Optional", colour: "gray", type: "low" })) : extraLabel === 'required' ? (index.h("ls-label", { text: "Required", colour: "gray", type: "low" })) : (''))), as === 'text' ? (index.h("ls-text-input", { id: fieldId, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon, onValueChange: (e) => { this.changeHandler(e.detail); } })) : as === 'select' ? (index.h("ls-select-input", { id: name, name: name, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon }, index.h("slot", null))) : as === 'radio' ? (index.h("ls-radio-input", { radioId: label, label: value?.toString(), icon: fieldIcon, name: name, disabled: disabled })) : as === 'textarea' ? (index.h("ls-textarea-input", { id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'password' ? (index.h("ls-text-input", { type: "password", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'displayonly' ? (index.h("ls-text-input", { type: "displayonly", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'number' ? (index.h("ls-number-input", { type: "ls", id: name, name: name, value: Number(value), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : (index.h("p", null, "placeholder")), errorText ||
             count ||
             countMax ||
-            (descriptionText && (index.h("div", { key: 'ac5661b96439fad43167fc55c1d7993834aad073', class: "formfield-bottom-elements" }, errorText && !valid ? index.h("p", { class: "formfield-error-text" }, errorText) : descriptionText ? index.h("p", { class: "formfield-description-text" }, descriptionText) : '', count && (index.h("div", { key: '751feb6bf225c49f3c4a6af11210ecae5d20b599', class: "formfield-count-container" }, index.h("p", { key: '65768f7211e0f157d6e144eca6e005e599f08255', class: countClass }, value?.toString()?.length), countMax > 0 && (index.h("div", { key: '49eadb78f447b1b60684eabf8504fdfba8bd9f41', class: countClass }, index.h("p", { key: 'c0e437c0b1e314b66e02c43a8d663e7b13be641d' }, "/"), index.h("p", { key: 'f395471b222fb8758275f4869030ba40fd95721d' }, countMax))))))))));
+            (descriptionText && (index.h("div", { key: '94f9f2f6a4b67a88efeeb4edc4eb7bed88bc1bd4', class: "ls-dv-formfield-bottom-elements" }, errorText && !valid ? index.h("p", { class: "ls-dv-formfield-error-text" }, errorText) : descriptionText ? index.h("p", { class: "ls-dv-formfield-description-text" }, descriptionText) : '', count && (index.h("div", { key: '1792aab916e2bc1e8f0fa2ac33c0b6ff13d87f65', class: "ls-dv-formfield-count-container" }, index.h("p", { key: '7ffa04133970917161b13852b888641c5ec43e68', class: countClass }, value?.toString()?.length), countMax > 0 && (index.h("div", { key: '03d443e673d38595ddd2ecabf4dac87fc3bdfe96', class: countClass }, index.h("p", { key: '6c68bf7d277d4bb0c1122d12941e6732eee41521' }, "/"), index.h("p", { key: '7ac13b05c2ac71b30bbef5fca017d5fb2847f6d1' }, countMax))))))))));
     }
     static get watchers() { return {
         "value": ["valueWatcher"]