legalesign-document-viewer 0.3.2 → 0.3.4

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

@@ -1,5 +1,5 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-CjW5NqdW.js';
-export { s as setNonce } from './index-CjW5NqdW.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-BzcAlD18.js';
+export { s as setNonce } from './index-BzcAlD18.js';
 
 /*
  Stencil Client Patch Browser v4.36.2 | MIT Licensed | https://stenciljs.com
@@ -16,7 +16,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["ls-document-options_39",[[257,"ls-document-viewer",{"template":[1],"token":[1],"userpool":[1],"endpoint":[1],"templateid":[1],"zoom":[1026],"pageNum":[1026,"page-num"],"signer":[1026],"groupInfo":[1032,"group-info"],"mode":[1],"manager":[1025],"displayTable":[1028,"display-table"],"showtoolbox":[4],"showtoolbar":[4],"showstatusbar":[4],"showpagepreview":[4],"expandfields":[4],"readonly":[4],"showtableview":[4],"toolboxFilter":[1,"toolbox-filter"],"_template":[32],"validationErrors":[32],"status":[32],"selected":[32],"isLoading":[32],"pageNext":[64],"pagePrev":[64],"unselect":[64],"setZoom":[64]},[[0,"mutate","mutateHandler"],[0,"update","updateHandler"],[0,"addParticipant","addParticpantHandler"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{"mode":["modeHandler"],"displayTable":["tableViewHandler"]}],[257,"ls-field-properties",{"dataItem":[16,"data-item"]}],[257,"ls-participant-manager",{"editor":[16],"template":[16]}],[257,"ls-toolbar",{"dataItem":[1040,"data-item"],"groupInfo":[16,"group-info"],"template":[16],"editor":[1040]}],[257,"ls-document-options",{"template":[1040],"editTitle":[32]},null,{"template":["selectedHandler"]}],[257,"ls-editor-field",{"dataItem":[1040,"data-item"],"selected":[4],"readonly":[4],"type":[1],"page":[16],"isEditing":[32],"heldEdge":[32],"isEdgeDragging":[32],"innerValue":[32]},[[0,"keydown","handleInput"],[3,"mousemove","handleMouseMove"],[2,"dblclick","handleDoubleClick"],[0,"dragstart","handleDragStart"]],{"selected":["watchSelectedHandler"]}],[257,"ls-feature-column",{"manager":[1025]}],[257,"ls-statusbar",{"zoom":[1026],"editor":[16]}],[257,"ls-toolbox-field",{"formElementType":[1,"form-element-type"],"elementType":[1,"element-type"],"validation":[2],"label":[1],"icon":[1],"defaultHeight":[2,"default-height"],"defaultWidth":[2,"default-width"],"signer":[2],"isSelected":[1028,"is-selected"]},[[1,"dragstart","handleDragStart"],[0,"keydown","handleKeyDown"]],{"isSelected":["modeHandler"]}],[257,"ls-validation-tag",{"status":[1025],"validationErrors":[1040,"validation-errors"],"isExpanded":[1028,"is-expanded"]}],[257,"ls-editor-table",{"editor":[16]}],[257,"ls-page-loader"],[257,"ls-field-properties-date",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-email",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-file",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-general",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-image",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-number",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-signature",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-text",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-multiple",{"dataItem":[1040,"data-item"]}],[257,"ls-field-properties-autosign",{"dataItem":[16,"data-item"]}],[257,"ls-participant-card",{"signer":[16],"index":[2],"editable":[1028],"template":[16]},null,{"editable":["modeHandler"]}],[257,"ls-field-format",{"dataItem":[1040,"data-item"]},null,{"dataItem":["selectFieldsHandler"]}],[257,"ls-participant-select",{"selected":[1025],"roles":[16],"selectedRole":[32],"isOpen":[32]},null,{"roles":["handleRoleLoad"]}],[257,"ls-field-alignment",{"dataItem":[1040,"data-item"]}],[257,"ls-field-distribute",{"dataItem":[1040,"data-item"]}],[257,"ls-field-size",{"dataItem":[1040,"data-item"]}],[257,"ls-field-content",{"dataItem":[1040,"data-item"],"showValidationTypes":[4,"show-validation-types"]}],[257,"ls-field-properties-advanced",{"dataItem":[1040,"data-item"],"expanded":[1028]}],[257,"ls-field-placement",{"dataItem":[1040,"data-item"]}],[257,"ls-field-type-display",{"assignee":[2],"fieldType":[1,"field-type"]}],[257,"ls-field-properties-container",{"dataItem":[16,"data-item"],"tabs":[16],"selectedTab":[1537,"selected-tab"]}],[257,"ls-field-dimensions",{"dataItem":[1040,"data-item"]}],[257,"ls-field-footer",{"dataItem":[1040,"data-item"]}],[257,"ls-input-wrapper",{"leadingIcon":[1,"leading-icon"],"select":[4]}],[257,"ls-props-section",{"sectionTitle":[1,"section-title"],"sectionDescription":[1,"section-description"],"row":[4]}],[260,"ls-toggle",{"checked":[1028],"indeterminate":[4]}],[257,"ls-icon",{"name":[1],"solid":[4],"size":[1],"customStyle":[16,"custom-style"]}]]],["ls-field-properties-dropdown",[[257,"ls-field-properties-dropdown",{"dataItem":[16,"data-item"]}]]],["ls-formfield",[[260,"ls-formfield",{"name":[1],"fieldId":[1,"field-id"],"label":[1],"as":[1],"value":[1032],"placeholder":[1],"descriptionText":[1,"description-text"],"errorText":[1,"error-text"],"aria":[1],"inputRef":[1,"input-ref"],"infoTooltipText":[1,"info-tooltip-text"],"hoverTooltipText":[1,"hover-tooltip-text"],"disabled":[4],"extraLabel":[1,"extra-label"],"required":[4],"valid":[4],"dirty":[4],"count":[4],"countMax":[2,"count-max"],"buttonClick":[16,"button-click"],"buttonIcon":[1,"button-icon"],"labelIcon":[1,"label-icon"],"fieldIcon":[1,"field-icon"],"_value":[32]},null,{"value":["valueWatcher"]}]]],["ls-tooltip",[[260,"ls-tooltip",{"reference":[16],"placement":[1],"visible":[32]}]]],["ls-number-input_5",[[257,"ls-number-input",{"type":[1],"name":[1],"value":[1026],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[256,"ls-radio-input",{"radioId":[1,"radio-id"],"label":[1],"icon":[1],"name":[1],"checked":[4],"disabled":[4],"customStyle":[16,"custom-style"]}],[260,"ls-select-input",{"name":[1],"value":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[257,"ls-text-input",{"type":[1],"name":[1],"value":[1025],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"],"showPassword":[32]}],[257,"ls-textarea-input",{"name":[1],"value":[1],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}]]]], options);
+  return bootstrapLazy([["ls-document-options_40",[[257,"ls-document-viewer",{"template":[1],"token":[1],"userpool":[1],"endpoint":[1],"templateid":[1],"zoom":[1026],"pageNum":[1026,"page-num"],"signer":[1026],"groupInfo":[1032,"group-info"],"mode":[1],"manager":[1025],"displayTable":[1028,"display-table"],"showtoolbox":[4],"showtoolbar":[4],"showstatusbar":[4],"showpagepreview":[4],"expandfields":[4],"readonly":[4],"showtableview":[4],"toolboxFilter":[1,"toolbox-filter"],"_template":[32],"validationErrors":[32],"status":[32],"selected":[32],"isLoading":[32],"pageNext":[64],"pagePrev":[64],"unselect":[64],"setZoom":[64]},[[0,"mutate","mutateHandler"],[0,"update","updateHandler"],[0,"addParticipant","addParticpantHandler"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{"mode":["modeHandler"],"displayTable":["tableViewHandler"]}],[257,"ls-field-properties",{"dataItem":[16,"data-item"]}],[257,"ls-document-options",{"template":[1040],"editTitle":[32],"editNameBtn":[32]},null,{"template":["selectedHandler"]}],[257,"ls-participant-manager",{"editor":[16],"template":[16]}],[257,"ls-toolbar",{"dataItem":[1040,"data-item"],"groupInfo":[16,"group-info"],"template":[16],"editor":[1040]}],[257,"ls-editor-field",{"dataItem":[1040,"data-item"],"selected":[4],"readonly":[4],"type":[1],"page":[16],"isEditing":[32],"heldEdge":[32],"isEdgeDragging":[32],"innerValue":[32]},[[0,"keydown","handleInput"],[3,"mousemove","handleMouseMove"],[2,"dblclick","handleDoubleClick"],[0,"dragstart","handleDragStart"]],{"selected":["watchSelectedHandler"]}],[257,"ls-feature-column",{"manager":[1025]}],[257,"ls-statusbar",{"zoom":[1026],"editor":[16]}],[257,"ls-toolbox-field",{"formElementType":[1,"form-element-type"],"elementType":[1,"element-type"],"validation":[2],"label":[1],"icon":[1],"defaultHeight":[2,"default-height"],"defaultWidth":[2,"default-width"],"signer":[2],"isSelected":[1028,"is-selected"]},[[1,"dragstart","handleDragStart"],[0,"keydown","handleKeyDown"]],{"isSelected":["modeHandler"]}],[257,"ls-validation-tag",{"status":[1025],"validationErrors":[1040,"validation-errors"],"isExpanded":[1028,"is-expanded"]},null,{"validationErrors":["validateChange"]}],[257,"ls-editor-table",{"editor":[16]}],[257,"ls-page-loader"],[257,"ls-field-properties-date",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-email",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-file",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-general",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-image",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-number",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-signature",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-text",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-multiple",{"dataItem":[1040,"data-item"]}],[257,"ls-field-properties-autosign",{"dataItem":[16,"data-item"]}],[257,"ls-participant-card",{"signer":[16],"index":[2],"editable":[1028],"template":[16]},null,{"editable":["modeHandler"]}],[257,"ls-field-format",{"dataItem":[1040,"data-item"]},null,{"dataItem":["selectFieldsHandler"]}],[257,"ls-participant-select",{"selected":[1025],"roles":[16],"selectedRole":[32],"isOpen":[32]},null,{"roles":["handleRoleLoad"]}],[257,"ls-tooltip",{"referenceElement":[16,"reference-element"],"placement":[1]}],[257,"ls-field-alignment",{"dataItem":[1040,"data-item"]}],[257,"ls-field-distribute",{"dataItem":[1040,"data-item"]}],[257,"ls-field-size",{"dataItem":[1040,"data-item"]}],[257,"ls-field-content",{"dataItem":[1040,"data-item"],"showValidationTypes":[4,"show-validation-types"]}],[257,"ls-field-properties-advanced",{"dataItem":[1040,"data-item"],"expanded":[1028]}],[257,"ls-field-placement",{"dataItem":[1040,"data-item"]}],[257,"ls-field-type-display",{"assignee":[2],"fieldType":[1,"field-type"]}],[257,"ls-field-properties-container",{"dataItem":[16,"data-item"],"tabs":[16],"selectedTab":[1537,"selected-tab"]}],[257,"ls-field-dimensions",{"dataItem":[1040,"data-item"]}],[257,"ls-field-footer",{"dataItem":[1040,"data-item"]}],[257,"ls-input-wrapper",{"leadingIcon":[1,"leading-icon"],"select":[4]}],[257,"ls-props-section",{"sectionTitle":[1,"section-title"],"sectionDescription":[1,"section-description"],"row":[4]}],[260,"ls-toggle",{"checked":[1028],"indeterminate":[4]}],[257,"ls-icon",{"name":[1],"solid":[4],"size":[1],"customStyle":[16,"custom-style"]}]]],["ls-field-properties-dropdown",[[257,"ls-field-properties-dropdown",{"dataItem":[16,"data-item"]}]]],["ls-number-input_5",[[257,"ls-number-input",{"type":[1],"name":[1],"value":[1026],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[256,"ls-radio-input",{"radioId":[1,"radio-id"],"label":[1],"icon":[1],"name":[1],"checked":[4],"disabled":[4],"customStyle":[16,"custom-style"]}],[260,"ls-select-input",{"name":[1],"value":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[257,"ls-text-input",{"type":[1],"name":[1],"value":[1025],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"],"showPassword":[32]}],[257,"ls-textarea-input",{"name":[1],"value":[1],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}]]],["ls-formfield",[[260,"ls-formfield",{"name":[1],"fieldId":[1,"field-id"],"label":[1],"as":[1],"value":[1032],"placeholder":[1],"descriptionText":[1,"description-text"],"errorText":[1,"error-text"],"aria":[1],"inputRef":[1,"input-ref"],"infoTooltipText":[1,"info-tooltip-text"],"hoverTooltipText":[1,"hover-tooltip-text"],"disabled":[4],"extraLabel":[1,"extra-label"],"required":[4],"valid":[4],"dirty":[4],"count":[4],"countMax":[2,"count-max"],"buttonClick":[16,"button-click"],"buttonIcon":[1,"button-icon"],"labelIcon":[1,"label-icon"],"fieldIcon":[1,"field-icon"],"_value":[32]},null,{"value":["valueWatcher"]}]]]], options);
 });
 //# sourceMappingURL=ls-document-viewer.js.map
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CjW5NqdW.js';
+import { r as registerInstance, h, H as Host } from './index-BzcAlD18.js';
 
 const lsFieldPropertiesDropdownCss = ":host{display:block}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-CjW5NqdW.js';
+import { r as registerInstance, c as createEvent, h } from './index-BzcAlD18.js';
 
 const lsFormfieldCss = "* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.formfield-host {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.formfield-top-elements {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0 0.125rem;\n}\n\n.formfield-left-side {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  gap: 0.5rem;\n\n  ls-icon {\n    color: var(--gray-80, #787A80);\n  }\n\n  .formfield-label {\n    color: var(--gray-100, #45484D);\n    /* text-base/leading-6/font-medium */\n    font-size: 1rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 1.5rem; /* 150% */\n  }\n}\n\n.formfield-bottom-elements {\n  position: relative;\n  min-height: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  height: fit-content;\n  padding: 0 0.125rem;\n}\n\n.formfield-description-text {\n  color: var(--Grey-80, #6C6E73);\n  width: 100%;\n  /* text-xs/leading-4/font-light */\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.formfield-error-text {\n  color: var(--red-70, #DC2721);\n  width: 100%;\n  /* text-xs/leading-4/font-light */\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.formfield-count-container {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  gap: 0.125rem;\n  align-items: center;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n  text-align: right;\n}\n\n.formfield-count {\n  display: flex;\n  align-items: center;\n  color: var(--Grey-70, #6C6E73);\n  gap: 0.125rem;\n}\n\n.formfield-count-error {\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n  color: var(--red-70, #DC2721);\n}\n\n\n";
 

package/dist/esm/ls-number-input_5.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, c as createEvent, H as Host } from './index-CjW5NqdW.js';
+import { r as registerInstance, h, c as createEvent, H as Host } from './index-BzcAlD18.js';
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 

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

@@ -1,2 +1,2 @@
-import{p as e,g as t,b as a}from"./p-CjW5NqdW.js";export{s as setNonce}from"./p-CjW5NqdW.js";var l=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};l().then((async e=>{await t();return a([["p-063541d8",[[257,"ls-document-viewer",{template:[1],token:[1],userpool:[1],endpoint:[1],templateid:[1],zoom:[1026],pageNum:[1026,"page-num"],signer:[1026],groupInfo:[1032,"group-info"],mode:[1],manager:[1025],displayTable:[1028,"display-table"],showtoolbox:[4],showtoolbar:[4],showstatusbar:[4],showpagepreview:[4],expandfields:[4],readonly:[4],showtableview:[4],toolboxFilter:[1,"toolbox-filter"],_template:[32],validationErrors:[32],status:[32],selected:[32],isLoading:[32],pageNext:[64],pagePrev:[64],unselect:[64],setZoom:[64]},[[0,"mutate","mutateHandler"],[0,"update","updateHandler"],[0,"addParticipant","addParticpantHandler"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{mode:["modeHandler"],displayTable:["tableViewHandler"]}],[257,"ls-field-properties",{dataItem:[16,"data-item"]}],[257,"ls-participant-manager",{editor:[16],template:[16]}],[257,"ls-toolbar",{dataItem:[1040,"data-item"],groupInfo:[16,"group-info"],template:[16],editor:[1040]}],[257,"ls-document-options",{template:[1040],editTitle:[32]},null,{template:["selectedHandler"]}],[257,"ls-editor-field",{dataItem:[1040,"data-item"],selected:[4],readonly:[4],type:[1],page:[16],isEditing:[32],heldEdge:[32],isEdgeDragging:[32],innerValue:[32]},[[0,"keydown","handleInput"],[3,"mousemove","handleMouseMove"],[2,"dblclick","handleDoubleClick"],[0,"dragstart","handleDragStart"]],{selected:["watchSelectedHandler"]}],[257,"ls-feature-column",{manager:[1025]}],[257,"ls-statusbar",{zoom:[1026],editor:[16]}],[257,"ls-toolbox-field",{formElementType:[1,"form-element-type"],elementType:[1,"element-type"],validation:[2],label:[1],icon:[1],defaultHeight:[2,"default-height"],defaultWidth:[2,"default-width"],signer:[2],isSelected:[1028,"is-selected"]},[[1,"dragstart","handleDragStart"],[0,"keydown","handleKeyDown"]],{isSelected:["modeHandler"]}],[257,"ls-validation-tag",{status:[1025],validationErrors:[1040,"validation-errors"],isExpanded:[1028,"is-expanded"]}],[257,"ls-editor-table",{editor:[16]}],[257,"ls-page-loader"],[257,"ls-field-properties-date",{dataItem:[16,"data-item"]}],[257,"ls-field-properties-email",{dataItem:[16,"data-item"]}],[257,"ls-field-properties-file",{dataItem:[16,"data-item"]}],[257,"ls-field-properties-general",{dataItem:[16,"data-item"]}],[257,"ls-field-properties-image",{dataItem:[16,"data-item"]}],[257,"ls-field-properties-number",{dataItem:[16,"data-item"]}],[257,"ls-field-properties-signature",{dataItem:[16,"data-item"]}],[257,"ls-field-properties-text",{dataItem:[16,"data-item"]}],[257,"ls-field-properties-multiple",{dataItem:[1040,"data-item"]}],[257,"ls-field-properties-autosign",{dataItem:[16,"data-item"]}],[257,"ls-participant-card",{signer:[16],index:[2],editable:[1028],template:[16]},null,{editable:["modeHandler"]}],[257,"ls-field-format",{dataItem:[1040,"data-item"]},null,{dataItem:["selectFieldsHandler"]}],[257,"ls-participant-select",{selected:[1025],roles:[16],selectedRole:[32],isOpen:[32]},null,{roles:["handleRoleLoad"]}],[257,"ls-field-alignment",{dataItem:[1040,"data-item"]}],[257,"ls-field-distribute",{dataItem:[1040,"data-item"]}],[257,"ls-field-size",{dataItem:[1040,"data-item"]}],[257,"ls-field-content",{dataItem:[1040,"data-item"],showValidationTypes:[4,"show-validation-types"]}],[257,"ls-field-properties-advanced",{dataItem:[1040,"data-item"],expanded:[1028]}],[257,"ls-field-placement",{dataItem:[1040,"data-item"]}],[257,"ls-field-type-display",{assignee:[2],fieldType:[1,"field-type"]}],[257,"ls-field-properties-container",{dataItem:[16,"data-item"],tabs:[16],selectedTab:[1537,"selected-tab"]}],[257,"ls-field-dimensions",{dataItem:[1040,"data-item"]}],[257,"ls-field-footer",{dataItem:[1040,"data-item"]}],[257,"ls-input-wrapper",{leadingIcon:[1,"leading-icon"],select:[4]}],[257,"ls-props-section",{sectionTitle:[1,"section-title"],sectionDescription:[1,"section-description"],row:[4]}],[260,"ls-toggle",{checked:[1028],indeterminate:[4]}],[257,"ls-icon",{name:[1],solid:[4],size:[1],customStyle:[16,"custom-style"]}]]],["p-d7109cdd",[[257,"ls-field-properties-dropdown",{dataItem:[16,"data-item"]}]]],["p-d2df7881",[[260,"ls-formfield",{name:[1],fieldId:[1,"field-id"],label:[1],as:[1],value:[1032],placeholder:[1],descriptionText:[1,"description-text"],errorText:[1,"error-text"],aria:[1],inputRef:[1,"input-ref"],infoTooltipText:[1,"info-tooltip-text"],hoverTooltipText:[1,"hover-tooltip-text"],disabled:[4],extraLabel:[1,"extra-label"],required:[4],valid:[4],dirty:[4],count:[4],countMax:[2,"count-max"],buttonClick:[16,"button-click"],buttonIcon:[1,"button-icon"],labelIcon:[1,"label-icon"],fieldIcon:[1,"field-icon"],_value:[32]},null,{value:["valueWatcher"]}]]],["p-fee3434a",[[260,"ls-tooltip",{reference:[16],placement:[1],visible:[32]}]]],["p-646325ae",[[257,"ls-number-input",{type:[1],name:[1],value:[1026],placeholder:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],required:[4],valid:[4],dirty:[4],countMax:[2,"count-max"],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"]}],[256,"ls-radio-input",{radioId:[1,"radio-id"],label:[1],icon:[1],name:[1],checked:[4],disabled:[4],customStyle:[16,"custom-style"]}],[260,"ls-select-input",{name:[1],value:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],displayOnly:[4,"display-only"],required:[4],valid:[4],dirty:[4],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"]}],[257,"ls-text-input",{type:[1],name:[1],value:[1025],placeholder:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],required:[4],valid:[4],dirty:[4],countMax:[2,"count-max"],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"],showPassword:[32]}],[257,"ls-textarea-input",{name:[1],value:[1],placeholder:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],displayOnly:[4,"display-only"],required:[4],valid:[4],dirty:[4],countMax:[2,"count-max"],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"]}]]]],e)}));
+import{p as e,g as t,b as a}from"./p-BzcAlD18.js";export{s as setNonce}from"./p-BzcAlD18.js";var l=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};l().then((async e=>{await t();return a([["p-5c27684b",[[257,"ls-document-viewer",{template:[1],token:[1],userpool:[1],endpoint:[1],templateid:[1],zoom:[1026],pageNum:[1026,"page-num"],signer:[1026],groupInfo:[1032,"group-info"],mode:[1],manager:[1025],displayTable:[1028,"display-table"],showtoolbox:[4],showtoolbar:[4],showstatusbar:[4],showpagepreview:[4],expandfields:[4],readonly:[4],showtableview:[4],toolboxFilter:[1,"toolbox-filter"],_template:[32],validationErrors:[32],status:[32],selected:[32],isLoading:[32],pageNext:[64],pagePrev:[64],unselect:[64],setZoom:[64]},[[0,"mutate","mutateHandler"],[0,"update","updateHandler"],[0,"addParticipant","addParticpantHandler"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{mode:["modeHandler"],displayTable:["tableViewHandler"]}],[257,"ls-field-properties",{dataItem:[16,"data-item"]}],[257,"ls-document-options",{template:[1040],editTitle:[32],editNameBtn:[32]},null,{template:["selectedHandler"]}],[257,"ls-participant-manager",{editor:[16],template:[16]}],[257,"ls-toolbar",{dataItem:[1040,"data-item"],groupInfo:[16,"group-info"],template:[16],editor:[1040]}],[257,"ls-editor-field",{dataItem:[1040,"data-item"],selected:[4],readonly:[4],type:[1],page:[16],isEditing:[32],heldEdge:[32],isEdgeDragging:[32],innerValue:[32]},[[0,"keydown","handleInput"],[3,"mousemove","handleMouseMove"],[2,"dblclick","handleDoubleClick"],[0,"dragstart","handleDragStart"]],{selected:["watchSelectedHandler"]}],[257,"ls-feature-column",{manager:[1025]}],[257,"ls-statusbar",{zoom:[1026],editor:[16]}],[257,"ls-toolbox-field",{formElementType:[1,"form-element-type"],elementType:[1,"element-type"],validation:[2],label:[1],icon:[1],defaultHeight:[2,"default-height"],defaultWidth:[2,"default-width"],signer:[2],isSelected:[1028,"is-selected"]},[[1,"dragstart","handleDragStart"],[0,"keydown","handleKeyDown"]],{isSelected:["modeHandler"]}],[257,"ls-validation-tag",{status:[1025],validationErrors:[1040,"validation-errors"],isExpanded:[1028,"is-expanded"]},null,{validationErrors:["validateChange"]}],[257,"ls-editor-table",{editor:[16]}],[257,"ls-page-loader"],[257,"ls-field-properties-date",{dataItem:[16,"data-item"]}],[257,"ls-field-properties-email",{dataItem:[16,"data-item"]}],[257,"ls-field-properties-file",{dataItem:[16,"data-item"]}],[257,"ls-field-properties-general",{dataItem:[16,"data-item"]}],[257,"ls-field-properties-image",{dataItem:[16,"data-item"]}],[257,"ls-field-properties-number",{dataItem:[16,"data-item"]}],[257,"ls-field-properties-signature",{dataItem:[16,"data-item"]}],[257,"ls-field-properties-text",{dataItem:[16,"data-item"]}],[257,"ls-field-properties-multiple",{dataItem:[1040,"data-item"]}],[257,"ls-field-properties-autosign",{dataItem:[16,"data-item"]}],[257,"ls-participant-card",{signer:[16],index:[2],editable:[1028],template:[16]},null,{editable:["modeHandler"]}],[257,"ls-field-format",{dataItem:[1040,"data-item"]},null,{dataItem:["selectFieldsHandler"]}],[257,"ls-participant-select",{selected:[1025],roles:[16],selectedRole:[32],isOpen:[32]},null,{roles:["handleRoleLoad"]}],[257,"ls-tooltip",{referenceElement:[16,"reference-element"],placement:[1]}],[257,"ls-field-alignment",{dataItem:[1040,"data-item"]}],[257,"ls-field-distribute",{dataItem:[1040,"data-item"]}],[257,"ls-field-size",{dataItem:[1040,"data-item"]}],[257,"ls-field-content",{dataItem:[1040,"data-item"],showValidationTypes:[4,"show-validation-types"]}],[257,"ls-field-properties-advanced",{dataItem:[1040,"data-item"],expanded:[1028]}],[257,"ls-field-placement",{dataItem:[1040,"data-item"]}],[257,"ls-field-type-display",{assignee:[2],fieldType:[1,"field-type"]}],[257,"ls-field-properties-container",{dataItem:[16,"data-item"],tabs:[16],selectedTab:[1537,"selected-tab"]}],[257,"ls-field-dimensions",{dataItem:[1040,"data-item"]}],[257,"ls-field-footer",{dataItem:[1040,"data-item"]}],[257,"ls-input-wrapper",{leadingIcon:[1,"leading-icon"],select:[4]}],[257,"ls-props-section",{sectionTitle:[1,"section-title"],sectionDescription:[1,"section-description"],row:[4]}],[260,"ls-toggle",{checked:[1028],indeterminate:[4]}],[257,"ls-icon",{name:[1],solid:[4],size:[1],customStyle:[16,"custom-style"]}]]],["p-be7a03ca",[[257,"ls-field-properties-dropdown",{dataItem:[16,"data-item"]}]]],["p-0b9016eb",[[257,"ls-number-input",{type:[1],name:[1],value:[1026],placeholder:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],required:[4],valid:[4],dirty:[4],countMax:[2,"count-max"],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"]}],[256,"ls-radio-input",{radioId:[1,"radio-id"],label:[1],icon:[1],name:[1],checked:[4],disabled:[4],customStyle:[16,"custom-style"]}],[260,"ls-select-input",{name:[1],value:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],displayOnly:[4,"display-only"],required:[4],valid:[4],dirty:[4],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"]}],[257,"ls-text-input",{type:[1],name:[1],value:[1025],placeholder:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],required:[4],valid:[4],dirty:[4],countMax:[2,"count-max"],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"],showPassword:[32]}],[257,"ls-textarea-input",{name:[1],value:[1],placeholder:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],displayOnly:[4,"display-only"],required:[4],valid:[4],dirty:[4],countMax:[2,"count-max"],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"]}]]],["p-3dae15c9",[[260,"ls-formfield",{name:[1],fieldId:[1,"field-id"],label:[1],as:[1],value:[1032],placeholder:[1],descriptionText:[1,"description-text"],errorText:[1,"error-text"],aria:[1],inputRef:[1,"input-ref"],infoTooltipText:[1,"info-tooltip-text"],hoverTooltipText:[1,"hover-tooltip-text"],disabled:[4],extraLabel:[1,"extra-label"],required:[4],valid:[4],dirty:[4],count:[4],countMax:[2,"count-max"],buttonClick:[16,"button-click"],buttonIcon:[1,"button-icon"],labelIcon:[1,"label-icon"],fieldIcon:[1,"field-icon"],_value:[32]},null,{value:["valueWatcher"]}]]]],e)}));
 //# sourceMappingURL=ls-document-viewer.esm.js.map

package/dist/ls-document-viewer/{p-646325ae.entry.js → p-0b9016eb.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,h as e,c as r,H as a}from"./p-CjW5NqdW.js";function o(n){var e,r,a="";if("string"==typeof n||"number"==typeof n)a+=n;else if("object"==typeof n)if(Array.isArray(n)){var i=n.length;for(e=0;e<i;e++)n[e]&&(r=o(n[e]))&&(a&&(a+=" "),a+=r)}else for(r in n)n[r]&&(a&&(a+=" "),a+=r);return a}function i(){for(var n,e,r=0,a="",i=arguments.length;r<i;r++)(n=arguments[r])&&(e=o(n))&&(a&&(a+=" "),a+=e);return a}const d="* {\n  box-sizing: border-box;\n  font-family:\n    'IBM Plex Sans',\n    sans-serif;\n  margin: 0;\n}\n\n.host {\n  display: flex;\n  width: 100%;\n  padding: 0.25rem;\n  align-items: flex-start;\n  gap: 0.25rem;\n  border-radius: 0.625rem;\n  border: 1px solid var(--Grey-20, #edeff2);\n  background: var(--Grey-10, #f7f8fa);\n}\n\n.input-container {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0.75rem;\n  color: var(--gray-80);\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0.75rem;\n  color: var(--gray-60);\n}\n\n#password-icon {\n  padding-right: 0.25rem;\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-basic {\n  display: flex;\n  width: 100%;\n  height: 2.25rem;\n  padding: 0.5rem 0.75rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.input-ls {\n  display: flex;\n  width: 100%;\n  height: 1.75rem;\n  padding: 0 0.5rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.375rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n\n\n}\n\n.input-ls::-webkit-outer-spin-button,\n.input-ls::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.input-ls {\n  -moz-appearance: textfield;\n}\n\ninput-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\ninput:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\n.default {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-110);\n}\n\n.disabled {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--gray-10, #f7f8fa);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.display-only {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--gray-10, #f7f8fa);\n  color: var(--gray-100);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 36px;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n}\n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--White, #fff);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button-disabled {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-=10, #F7F8FA);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  cursor: not-allowed;\n\n  #buttonIcon {\n    color: var(--gray-70);\n  }\n}\n\n.button:hover {\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--gray-20, #edeff2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n";const t=class{constructor(e){n(this,e)}type="ls";name;value=0;placeholder;aria;inputRef;disabled;required;valid;dirty;countMax;buttonClick;buttonIcon;fieldIcon;handleChange=n=>{this.value=n.target.value};handlePlus=()=>{this.value=this.value+1};handleMinus=()=>{this.value=this.value-1};render(){const{type:n,name:r,value:a,placeholder:o,aria:d,disabled:t,required:l,valid:c,dirty:s,buttonClick:p,buttonIcon:b,fieldIcon:x,handleChange:f,handleMinus:g,handlePlus:u}=this;const h=i(n==="ls"?"input-ls":"input-basic",t?"disabled":s&&c?"valid":s&&!c?"invalid":"default",x&&"icon-input",s&&"button-input",b&&"button-input",b&&s&&"right-items-input");const v=i(t?"button-disabled":"button");return e("host",{key:"1afec4beb73901961bfef1ce87ea0fa4c7deb636",class:n==="ls"&&"host"},n==="ls"&&e("button",{key:"f4fef87a4e297c93b15a538d22b70892b3cccbb5",class:v,onClick:()=>g(),disabled:t},e("ls-icon",{key:"c85dab065b20ecfa08b8b080aadc2387651b6dc8",id:"buttonIcon",name:"minus-sm"})),e("div",{key:"ceaa4dd22d496cb36de00ac91cae782d20c4e5fd",class:"input-container"},x&&e("ls-icon",{key:"39f75a208996d1da6c42a8ab5dc8a61c59de5b1d",id:t?"fieldIconDisabled":"fieldIcon",name:x}),e("input",{key:"03a5563cb34454a586f241b0dc267c13fd450109",type:"number",class:h,id:r,name:r,value:a,placeholder:o,"aria-label":d,required:l,disabled:t,onInput:n=>f(n)}),e("div",{key:"97db16fce66ad9c092f172016862cb4fa33833b2",class:"right-items"},s&&!t&&e("ls-icon",{key:"fff3ec8eb29c82ad1c321df274a14eef620fef0d",id:c?"validIcon":"invalidIcon",name:c?"check-circle":"exclamation-circle"}),b&&n!=="ls"&&e("button",{key:"eec2254ea89f321f33c5aa53d292ee785860cda7",class:"button",onClick:p},e("ls-icon",{key:"82169e00438c8d7bbb2175574f969b7c9026154f",id:"buttonIcon",name:b})))),n==="ls"&&e("button",{key:"d98ee2f20d741dc7efc11d1e5729cea1e4900d15",class:v,onClick:u,disabled:t},e("ls-icon",{key:"257d9dd6cb89f9a38dd2fe9b3fd6c3b35ad9e15b",id:"buttonIcon",name:"plus-sm"})))}};t.style=d;const l=".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}";const c=class{constructor(e){n(this,e)}radioId;label;icon;name="name";checked=false;disabled=false;customStyle;render(){const{label:n,radioId:r,icon:a,name:o,disabled:d,checked:t,customStyle:l}=this;const c=i("radioLabel",d&&"disabled",t&&"checked");return e("label",{key:"a92f88438a3882b27e5505e7f9534be111cd520f",htmlFor:r,tabIndex:0,class:c,style:l},e("input",{key:"a0cfdedd737e20279c32909f31bd713b09257ea5",type:"radio",class:"inputClass",id:r,name:o,value:n,disabled:d,tabIndex:0,checked:t}),e("div",{key:"0fea5884901287b6603a62bf0029f7fb926c1b8e",class:"spanContainer"},e("span",{key:"77e1c21a756198bd6c310c94a32a173acc87d4b8"},a&&e("ls-icon",{key:"2ac04771b9df69ccf49a42bf50af1983daf31564",name:a,size:"16"})),e("span",{key:"00b7aaf5044f5c7f5250df160445c9baf28d6ffa"},n)))}};c.style=l;const s="* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-80)\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-60)\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-base {\n  display: flex;\n  width: 100%;\n  height: 2.25rem;\n  padding: 0rem 0.75rem;\n  align-items: center;\n  vertical-align: text-top;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\nselect::-ms-expand {\n  display: none;\n}\n\nselect {\n  -moz-appearance: none;\n  -webkit-appearance: none;\n}\n\n#select-arrow {\n  color: var(--gray-70);\n  margin-right: 0.25rem;\n  margin-left: -0.125rem;\n}\n\n#select-arrow-disabled {\n  color: var(--gray-40);\n  margin-right: 0.25rem;\n  margin-left: -0.125rem;\n}\n\n.input-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n.input-base:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n\n.default {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-110);\n}\n\n\n.disabled {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-10, #F7F8FA);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 36px;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n} \n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--White, #FFF);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button:hover {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--gray-20, #EDEFF2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n\n\n\n\n";const p=class{constructor(e){n(this,e)}name;value;aria;inputRef;disabled;displayOnly;required;valid;dirty;buttonClick;buttonIcon;fieldIcon;render(){const{name:n,aria:r,disabled:a,displayOnly:o,required:d,valid:t,dirty:l,buttonClick:c,buttonIcon:s,fieldIcon:p}=this;const b=i("input-base",a?"disabled":l&&t?"valid":l&&!t?"invalid":o?"displayOnly":"default",p&&"icon-input",l&&"button-input",s&&"button-input",s&&l&&"right-items-input");return e("host",{key:"3ac03868994729b9780bca89549602c6cbea72f5",class:"host"},p&&e("ls-icon",{key:"1eeb1282ba71f96ef9a5879a72c9d20a22557c81",id:a?"fieldIconDisabled":"fieldIcon",name:p}),e("select",{key:"f54ebed1a2d3b9580355b10a0ec3f6f82ccb9eca",class:b,id:n,name:n,"aria-label":r,required:d,disabled:a},e("slot",{key:"3e175008d1826842ecce18b26016e9564e370880"})),e("div",{key:"24d008184602bbc0476b2c8e0ceeb68acd4ad29a",class:"right-items"},l&&!a&&e("ls-icon",{key:"956c9776eaed0f16edfea084688b33699aea3ea0",id:t?"validIcon":"invalidIcon",name:t?"check-circle":"exclamation-circle"}),s?e("button",{class:"button",onClick:c},e("ls-icon",{id:"buttonIcon",name:s})):e("ls-icon",{id:a?"select-arrow-disabled":"select-arrow",name:"chevron-down"})))}};p.style=s;const b='* {\n  box-sizing: border-box;\n  font-family: "IBM Plex", sans-serif;\n  margin: 0;\n}\n\n.host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-80)\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-60)\n}\n\n#password-icon {\n  padding-right: 0.25rem;\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-base {\n  display: flex;\n  width: 100%;\n  height: 2.25rem;\n  padding: 0.5rem 0.75rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.input-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n.input-base:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n\n.default {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-110);\n}\n\n\n.disabled {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-10, #F7F8FA);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.display-only {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-10, #F7F8FA);\n  color: var(--gray-100);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 36px;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n} \n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--White, #FFF);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button:hover {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--gray-20, #EDEFF2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n\n\n\n\n';const x=class{constructor(e){n(this,e);this.valueChange=r(this,"valueChange")}type="default";name;value;placeholder;aria;inputRef;disabled;required;valid;dirty;countMax;buttonClick;buttonIcon;fieldIcon;valueChange;showPassword=false;handlePassword=()=>{this.showPassword=!this.showPassword};changeHandler(n){console.log(n);this.valueChange.emit(n.target.value)}render(){const{type:n,name:r,value:o,placeholder:d,aria:t,disabled:l,required:c,valid:s,dirty:p,countMax:b,buttonClick:x,buttonIcon:f,fieldIcon:g,showPassword:u,handlePassword:h}=this;const v=i("input-base",n==="displayonly"?"display-only":l?"disabled":p&&s?"valid":p&&!s?"invalid":"default",g&&"icon-input",p&&"button-input",f&&"button-input",f&&p&&"right-items-input");return e(a,{key:"827909cfae4e18f80ac136ec8603e5a510460a10",class:"host"},g&&e("ls-icon",{key:"498dcda782102ffe29f314c9049c718f59e00d43",id:l?"fieldIconDisabled":"fieldIcon",name:g}),n==="password"?e("input",{type:u&&"password",class:v,id:r,name:r,value:o,maxlength:b,placeholder:d,"aria-label":t,required:c,disabled:l,onChange:n=>{this.changeHandler(n)}}):n==="displayonly"?e("input",{class:v,id:r,name:r,value:o,maxlength:b,placeholder:d,"aria-label":t,required:c,disabled:true,onChange:n=>{this.changeHandler(n)}}):e("input",{class:v,id:r,name:r,value:o,maxlength:b,placeholder:d,"aria-label":t,required:c,disabled:l,onChange:n=>{this.changeHandler(n)}}),e("div",{key:"faf3c564ded66f04dcef77c34318cf731542759d",class:"right-items"},p&&!l&&e("ls-icon",{key:"4d3fad8519de12ee3657984c6c72900226704a3c",id:s?"validIcon":"invalidIcon",name:s?"check-circle":"exclamation-circle"}),f&&e("button",{key:"5f57f4bd697d98de4dd1d7629e9b0e6add71e85e",class:"button",onClick:x},e("ls-icon",{key:"e2137244cda706d20178391d59d2dfc0e6403d77",id:"buttonIcon",name:f})),n==="password"&&!f&&e("ls-icon-button",{key:"cbbefb35561badf68e930a0caeffa001e6ac87c7",id:"password-icon",icon:u?"eye":"eye-off",onClick:h})))}};x.style=b;const f='* {\n  box-sizing: border-box;\n  font-family: "IBM Plex", sans-serif;\n  margin: 0;\n}\n\n.host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-80);\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-60);\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-base {\n  display: flex;\n  resize: vertical;\n  width: 100%;\n  min-height: 4rem;\n  padding: 0.5rem 0.75rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.input-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\n.input-base:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\n.default {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-110);\n}\n\n.disabled {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--gray-10, #f7f8fa);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 36px;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n}\n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--White, #fff);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button:hover {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--gray-20, #edeff2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n';const g=class{constructor(e){n(this,e)}name;value;placeholder;aria;inputRef;disabled;displayOnly;required;valid;dirty;countMax;buttonClick;buttonIcon;fieldIcon;render(){const{name:n,value:r,placeholder:a,aria:o,disabled:d,displayOnly:t,required:l,valid:c,dirty:s,countMax:p,buttonClick:b,buttonIcon:x,fieldIcon:f}=this;const g=i("input-base",d?"disabled":s&&c?"valid":s&&!c?"invalid":t?"displayOnly":"default",f&&"icon-input",s&&"button-input",x&&"button-input",x&&s&&"right-items-input");return e("host",{key:"5ba93595328b9e352766cffe66b9c0e41bdb38c4",class:"host"},f&&e("ls-icon",{key:"782f7c8c258013b611726502bfa9d3bd78dfb0d4",id:d?"fieldIconDisabled":"fieldIcon",name:f}),e("textarea",{key:"c142fda0239a4399068bac19c4dd0a374ff380b1",class:g,id:n,name:n,value:r,maxlength:p,placeholder:a,"aria-label":o,required:l,disabled:d}),e("div",{key:"9157f35eb7b99ebdf8f1bed8a29dfb55bd7920fa",class:"right-items"},s&&!d&&e("ls-icon",{key:"21637cf668a058a7206e1a99018d522c3229906d",id:c?"validIcon":"invalidIcon",name:c?"check-circle":"exclamation-circle"}),x&&e("button",{key:"42b2d1de930cf0796ce5c3136dae8c63cb889d2c",class:"button",onClick:b},e("ls-icon",{key:"9cb6d472f40e2ff494c281dc8d7fcb34f5890252",id:"buttonIcon",name:x}))))}};g.style=f;export{t as ls_number_input,c as ls_radio_input,p as ls_select_input,x as ls_text_input,g as ls_textarea_input};
-//# sourceMappingURL=p-646325ae.entry.js.map
+import{r as n,h as e,c as r,H as a}from"./p-BzcAlD18.js";function o(n){var e,r,a="";if("string"==typeof n||"number"==typeof n)a+=n;else if("object"==typeof n)if(Array.isArray(n)){var i=n.length;for(e=0;e<i;e++)n[e]&&(r=o(n[e]))&&(a&&(a+=" "),a+=r)}else for(r in n)n[r]&&(a&&(a+=" "),a+=r);return a}function i(){for(var n,e,r=0,a="",i=arguments.length;r<i;r++)(n=arguments[r])&&(e=o(n))&&(a&&(a+=" "),a+=e);return a}const d="* {\n  box-sizing: border-box;\n  font-family:\n    'IBM Plex Sans',\n    sans-serif;\n  margin: 0;\n}\n\n.host {\n  display: flex;\n  width: 100%;\n  padding: 0.25rem;\n  align-items: flex-start;\n  gap: 0.25rem;\n  border-radius: 0.625rem;\n  border: 1px solid var(--Grey-20, #edeff2);\n  background: var(--Grey-10, #f7f8fa);\n}\n\n.input-container {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0.75rem;\n  color: var(--gray-80);\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0.75rem;\n  color: var(--gray-60);\n}\n\n#password-icon {\n  padding-right: 0.25rem;\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-basic {\n  display: flex;\n  width: 100%;\n  height: 2.25rem;\n  padding: 0.5rem 0.75rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.input-ls {\n  display: flex;\n  width: 100%;\n  height: 1.75rem;\n  padding: 0 0.5rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.375rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n\n\n}\n\n.input-ls::-webkit-outer-spin-button,\n.input-ls::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.input-ls {\n  -moz-appearance: textfield;\n}\n\ninput-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\ninput:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\n.default {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-110);\n}\n\n.disabled {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--gray-10, #f7f8fa);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.display-only {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--gray-10, #f7f8fa);\n  color: var(--gray-100);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 36px;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n}\n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--White, #fff);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button-disabled {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-=10, #F7F8FA);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  cursor: not-allowed;\n\n  #buttonIcon {\n    color: var(--gray-70);\n  }\n}\n\n.button:hover {\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--gray-20, #edeff2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n";const t=class{constructor(e){n(this,e)}type="ls";name;value=0;placeholder;aria;inputRef;disabled;required;valid;dirty;countMax;buttonClick;buttonIcon;fieldIcon;handleChange=n=>{this.value=n.target.value};handlePlus=()=>{this.value=this.value+1};handleMinus=()=>{this.value=this.value-1};render(){const{type:n,name:r,value:a,placeholder:o,aria:d,disabled:t,required:l,valid:c,dirty:s,buttonClick:p,buttonIcon:b,fieldIcon:x,handleChange:f,handleMinus:g,handlePlus:u}=this;const h=i(n==="ls"?"input-ls":"input-basic",t?"disabled":s&&c?"valid":s&&!c?"invalid":"default",x&&"icon-input",s&&"button-input",b&&"button-input",b&&s&&"right-items-input");const v=i(t?"button-disabled":"button");return e("host",{key:"1afec4beb73901961bfef1ce87ea0fa4c7deb636",class:n==="ls"&&"host"},n==="ls"&&e("button",{key:"f4fef87a4e297c93b15a538d22b70892b3cccbb5",class:v,onClick:()=>g(),disabled:t},e("ls-icon",{key:"c85dab065b20ecfa08b8b080aadc2387651b6dc8",id:"buttonIcon",name:"minus-sm"})),e("div",{key:"ceaa4dd22d496cb36de00ac91cae782d20c4e5fd",class:"input-container"},x&&e("ls-icon",{key:"39f75a208996d1da6c42a8ab5dc8a61c59de5b1d",id:t?"fieldIconDisabled":"fieldIcon",name:x}),e("input",{key:"03a5563cb34454a586f241b0dc267c13fd450109",type:"number",class:h,id:r,name:r,value:a,placeholder:o,"aria-label":d,required:l,disabled:t,onInput:n=>f(n)}),e("div",{key:"97db16fce66ad9c092f172016862cb4fa33833b2",class:"right-items"},s&&!t&&e("ls-icon",{key:"fff3ec8eb29c82ad1c321df274a14eef620fef0d",id:c?"validIcon":"invalidIcon",name:c?"check-circle":"exclamation-circle"}),b&&n!=="ls"&&e("button",{key:"eec2254ea89f321f33c5aa53d292ee785860cda7",class:"button",onClick:p},e("ls-icon",{key:"82169e00438c8d7bbb2175574f969b7c9026154f",id:"buttonIcon",name:b})))),n==="ls"&&e("button",{key:"d98ee2f20d741dc7efc11d1e5729cea1e4900d15",class:v,onClick:u,disabled:t},e("ls-icon",{key:"257d9dd6cb89f9a38dd2fe9b3fd6c3b35ad9e15b",id:"buttonIcon",name:"plus-sm"})))}};t.style=d;const l=".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}";const c=class{constructor(e){n(this,e)}radioId;label;icon;name="name";checked=false;disabled=false;customStyle;render(){const{label:n,radioId:r,icon:a,name:o,disabled:d,checked:t,customStyle:l}=this;const c=i("radioLabel",d&&"disabled",t&&"checked");return e("label",{key:"a92f88438a3882b27e5505e7f9534be111cd520f",htmlFor:r,tabIndex:0,class:c,style:l},e("input",{key:"a0cfdedd737e20279c32909f31bd713b09257ea5",type:"radio",class:"inputClass",id:r,name:o,value:n,disabled:d,tabIndex:0,checked:t}),e("div",{key:"0fea5884901287b6603a62bf0029f7fb926c1b8e",class:"spanContainer"},e("span",{key:"77e1c21a756198bd6c310c94a32a173acc87d4b8"},a&&e("ls-icon",{key:"2ac04771b9df69ccf49a42bf50af1983daf31564",name:a,size:"16"})),e("span",{key:"00b7aaf5044f5c7f5250df160445c9baf28d6ffa"},n)))}};c.style=l;const s="* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-80)\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-60)\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-base {\n  display: flex;\n  width: 100%;\n  height: 2.25rem;\n  padding: 0rem 0.75rem;\n  align-items: center;\n  vertical-align: text-top;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\nselect::-ms-expand {\n  display: none;\n}\n\nselect {\n  -moz-appearance: none;\n  -webkit-appearance: none;\n}\n\n#select-arrow {\n  color: var(--gray-70);\n  margin-right: 0.25rem;\n  margin-left: -0.125rem;\n}\n\n#select-arrow-disabled {\n  color: var(--gray-40);\n  margin-right: 0.25rem;\n  margin-left: -0.125rem;\n}\n\n.input-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n.input-base:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n\n.default {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-110);\n}\n\n\n.disabled {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-10, #F7F8FA);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 36px;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n} \n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--White, #FFF);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button:hover {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--gray-20, #EDEFF2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n\n\n\n\n";const p=class{constructor(e){n(this,e)}name;value;aria;inputRef;disabled;displayOnly;required;valid;dirty;buttonClick;buttonIcon;fieldIcon;render(){const{name:n,aria:r,disabled:a,displayOnly:o,required:d,valid:t,dirty:l,buttonClick:c,buttonIcon:s,fieldIcon:p}=this;const b=i("input-base",a?"disabled":l&&t?"valid":l&&!t?"invalid":o?"displayOnly":"default",p&&"icon-input",l&&"button-input",s&&"button-input",s&&l&&"right-items-input");return e("host",{key:"3ac03868994729b9780bca89549602c6cbea72f5",class:"host"},p&&e("ls-icon",{key:"1eeb1282ba71f96ef9a5879a72c9d20a22557c81",id:a?"fieldIconDisabled":"fieldIcon",name:p}),e("select",{key:"f54ebed1a2d3b9580355b10a0ec3f6f82ccb9eca",class:b,id:n,name:n,"aria-label":r,required:d,disabled:a},e("slot",{key:"3e175008d1826842ecce18b26016e9564e370880"})),e("div",{key:"24d008184602bbc0476b2c8e0ceeb68acd4ad29a",class:"right-items"},l&&!a&&e("ls-icon",{key:"956c9776eaed0f16edfea084688b33699aea3ea0",id:t?"validIcon":"invalidIcon",name:t?"check-circle":"exclamation-circle"}),s?e("button",{class:"button",onClick:c},e("ls-icon",{id:"buttonIcon",name:s})):e("ls-icon",{id:a?"select-arrow-disabled":"select-arrow",name:"chevron-down"})))}};p.style=s;const b='* {\n  box-sizing: border-box;\n  font-family: "IBM Plex", sans-serif;\n  margin: 0;\n}\n\n.host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-80)\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-60)\n}\n\n#password-icon {\n  padding-right: 0.25rem;\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-base {\n  display: flex;\n  width: 100%;\n  height: 2.25rem;\n  padding: 0.5rem 0.75rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.input-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n.input-base:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n\n.default {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-110);\n}\n\n\n.disabled {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-10, #F7F8FA);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.display-only {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-10, #F7F8FA);\n  color: var(--gray-100);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 36px;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n} \n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--White, #FFF);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button:hover {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--gray-20, #EDEFF2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n\n\n\n\n';const x=class{constructor(e){n(this,e);this.valueChange=r(this,"valueChange")}type="default";name;value;placeholder;aria;inputRef;disabled;required;valid;dirty;countMax;buttonClick;buttonIcon;fieldIcon;valueChange;showPassword=false;handlePassword=()=>{this.showPassword=!this.showPassword};changeHandler(n){console.log(n);this.valueChange.emit(n.target.value)}render(){const{type:n,name:r,value:o,placeholder:d,aria:t,disabled:l,required:c,valid:s,dirty:p,countMax:b,buttonClick:x,buttonIcon:f,fieldIcon:g,showPassword:u,handlePassword:h}=this;const v=i("input-base",n==="displayonly"?"display-only":l?"disabled":p&&s?"valid":p&&!s?"invalid":"default",g&&"icon-input",p&&"button-input",f&&"button-input",f&&p&&"right-items-input");return e(a,{key:"827909cfae4e18f80ac136ec8603e5a510460a10",class:"host"},g&&e("ls-icon",{key:"498dcda782102ffe29f314c9049c718f59e00d43",id:l?"fieldIconDisabled":"fieldIcon",name:g}),n==="password"?e("input",{type:u&&"password",class:v,id:r,name:r,value:o,maxlength:b,placeholder:d,"aria-label":t,required:c,disabled:l,onChange:n=>{this.changeHandler(n)}}):n==="displayonly"?e("input",{class:v,id:r,name:r,value:o,maxlength:b,placeholder:d,"aria-label":t,required:c,disabled:true,onChange:n=>{this.changeHandler(n)}}):e("input",{class:v,id:r,name:r,value:o,maxlength:b,placeholder:d,"aria-label":t,required:c,disabled:l,onChange:n=>{this.changeHandler(n)}}),e("div",{key:"faf3c564ded66f04dcef77c34318cf731542759d",class:"right-items"},p&&!l&&e("ls-icon",{key:"4d3fad8519de12ee3657984c6c72900226704a3c",id:s?"validIcon":"invalidIcon",name:s?"check-circle":"exclamation-circle"}),f&&e("button",{key:"5f57f4bd697d98de4dd1d7629e9b0e6add71e85e",class:"button",onClick:x},e("ls-icon",{key:"e2137244cda706d20178391d59d2dfc0e6403d77",id:"buttonIcon",name:f})),n==="password"&&!f&&e("ls-icon-button",{key:"cbbefb35561badf68e930a0caeffa001e6ac87c7",id:"password-icon",icon:u?"eye":"eye-off",onClick:h})))}};x.style=b;const f='* {\n  box-sizing: border-box;\n  font-family: "IBM Plex", sans-serif;\n  margin: 0;\n}\n\n.host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-80);\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-60);\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-base {\n  display: flex;\n  resize: vertical;\n  width: 100%;\n  min-height: 4rem;\n  padding: 0.5rem 0.75rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.input-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\n.input-base:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\n.default {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-110);\n}\n\n.disabled {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--gray-10, #f7f8fa);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 36px;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n}\n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--White, #fff);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button:hover {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--gray-20, #edeff2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 28px;\n  width: 28px;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n';const g=class{constructor(e){n(this,e)}name;value;placeholder;aria;inputRef;disabled;displayOnly;required;valid;dirty;countMax;buttonClick;buttonIcon;fieldIcon;render(){const{name:n,value:r,placeholder:a,aria:o,disabled:d,displayOnly:t,required:l,valid:c,dirty:s,countMax:p,buttonClick:b,buttonIcon:x,fieldIcon:f}=this;const g=i("input-base",d?"disabled":s&&c?"valid":s&&!c?"invalid":t?"displayOnly":"default",f&&"icon-input",s&&"button-input",x&&"button-input",x&&s&&"right-items-input");return e("host",{key:"5ba93595328b9e352766cffe66b9c0e41bdb38c4",class:"host"},f&&e("ls-icon",{key:"782f7c8c258013b611726502bfa9d3bd78dfb0d4",id:d?"fieldIconDisabled":"fieldIcon",name:f}),e("textarea",{key:"c142fda0239a4399068bac19c4dd0a374ff380b1",class:g,id:n,name:n,value:r,maxlength:p,placeholder:a,"aria-label":o,required:l,disabled:d}),e("div",{key:"9157f35eb7b99ebdf8f1bed8a29dfb55bd7920fa",class:"right-items"},s&&!d&&e("ls-icon",{key:"21637cf668a058a7206e1a99018d522c3229906d",id:c?"validIcon":"invalidIcon",name:c?"check-circle":"exclamation-circle"}),x&&e("button",{key:"42b2d1de930cf0796ce5c3136dae8c63cb889d2c",class:"button",onClick:b},e("ls-icon",{key:"9cb6d472f40e2ff494c281dc8d7fcb34f5890252",id:"buttonIcon",name:x}))))}};g.style=f;export{t as ls_number_input,c as ls_radio_input,p as ls_select_input,x as ls_text_input,g as ls_textarea_input};
+//# sourceMappingURL=p-0b9016eb.entry.js.map

package/dist/ls-document-viewer/{p-d2df7881.entry.js → p-3dae15c9.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as n,h as t}from"./p-CjW5NqdW.js";const l="* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.formfield-host {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.formfield-top-elements {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0 0.125rem;\n}\n\n.formfield-left-side {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  gap: 0.5rem;\n\n  ls-icon {\n    color: var(--gray-80, #787A80);\n  }\n\n  .formfield-label {\n    color: var(--gray-100, #45484D);\n    /* text-base/leading-6/font-medium */\n    font-size: 1rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 1.5rem; /* 150% */\n  }\n}\n\n.formfield-bottom-elements {\n  position: relative;\n  min-height: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  height: fit-content;\n  padding: 0 0.125rem;\n}\n\n.formfield-description-text {\n  color: var(--Grey-80, #6C6E73);\n  width: 100%;\n  /* text-xs/leading-4/font-light */\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.formfield-error-text {\n  color: var(--red-70, #DC2721);\n  width: 100%;\n  /* text-xs/leading-4/font-light */\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.formfield-count-container {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  gap: 0.125rem;\n  align-items: center;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n  text-align: right;\n}\n\n.formfield-count {\n  display: flex;\n  align-items: center;\n  color: var(--Grey-70, #6C6E73);\n  gap: 0.125rem;\n}\n\n.formfield-count-error {\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n  color: var(--red-70, #DC2721);\n}\n\n\n";const i=class{constructor(t){e(this,t);this.valueChange=n(this,"valueChange")}name;fieldId;label;as="text";value;placeholder;descriptionText;errorText;aria;inputRef;infoTooltipText;hoverTooltipText;disabled;extraLabel="none";required;valid;dirty;count;countMax;buttonClick;buttonIcon;labelIcon;fieldIcon;valueChange;changeHandler(e){this.valueChange.emit(e)}_value;valueWatcher(e){this._value=e;console.log(e)}componentWillLoad(){this.valueWatcher(this?.value?.toString())}render(){const{name:e,fieldId:n,label:l,as:i,value:a,placeholder:o,descriptionText:r,errorText:d,aria:c,infoTooltipText:s,disabled:f,extraLabel:u,valid:b,dirty:m,count:p,countMax:h,buttonClick:x,buttonIcon:y,fieldIcon:g,labelIcon:v}=this;const I=a&&a.toString().length>h?"formfield-count-error":"formfield-count";return t("host",{key:"3485eec42d8af324a72619cb32c7274e339b1b85",class:"formfield-host"},l?.length>1||u!=="none"&&t("div",{key:"716afabcc9d574c9b39840439be06e7e17ba99e5",class:"formfield-top-elements"},t("div",{key:"5b6917bdf8be43c47e786e72947b3b37b566bd31",class:"formfield-left-side"},v&&t("ls-icon",{key:"083496a911e3620287171430dcaacf4e36090332",name:v}),t("label",{key:"dd714d11964122811d41c9df0044c77ce37d035f",htmlFor:e,class:"formfield-label"},l),s&&t("ls-icon",{key:"c337c3acfc58cdb9ea17cf830b17d333afe4f2db",name:"information-circle"})),u==="optional"?t("ls-label",{text:"Optional",colour:"gray",type:"low"}):u==="required"?t("ls-label",{text:"Required",colour:"gray",type:"low"}):""),i==="text"?t("ls-text-input",{id:n,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:u==="required",disabled:f,valid:b,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g,onValueChange:e=>{this.changeHandler(e.detail)}}):i==="select"?t("ls-select-input",{id:e,name:e,"aria-label":c,required:u==="required",disabled:f,valid:b,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g},t("slot",null)):i==="radio"?t("ls-radio-input",{radioId:l,label:a?.toString(),icon:g,name:e,disabled:f}):i==="textarea"?t("ls-textarea-input",{id:e,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:u==="required",disabled:f,valid:b,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):i==="password"?t("ls-text-input",{type:"password",id:e,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:u==="required",disabled:f,valid:b,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):i==="displayonly"?t("ls-text-input",{type:"displayonly",id:e,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:u==="required",disabled:f,valid:b,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):i==="number"?t("ls-number-input",{type:"ls",id:e,name:e,value:Number(a),countMax:h,placeholder:o,"aria-label":c,required:u==="required",disabled:f,valid:b,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):t("p",null,"placeholder"),d||p||h||r&&t("div",{key:"083a4a16bfe1f8728647290be0e347c0cd6ca77f",class:"formfield-bottom-elements"},d&&!b?t("p",{class:"formfield-error-text"},d):r?t("p",{class:"formfield-description-text"},r):"",p&&t("div",{key:"565e6cd7ee2a9654a7e463b36ae881fc959a2520",class:"formfield-count-container"},t("p",{key:"11c45cfc6725e4fef2c6250eb3df776e7e862015",class:I},a?.toString()?.length),h>0&&t("div",{key:"0fd1817a4df492aa56d8a528f1231afd6957ecca",class:I},t("p",{key:"a1287b659d7deaa679ac82dbffde1de5b5b7df12"},"/"),t("p",{key:"f0ece57465d47a669cbdf4328cdc6649e4af9e20"},h)))))}static get watchers(){return{value:["valueWatcher"]}}};i.style=l;export{i as ls_formfield};
-//# sourceMappingURL=p-d2df7881.entry.js.map
+import{r as e,c as n,h as t}from"./p-BzcAlD18.js";const l="* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.formfield-host {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.formfield-top-elements {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0 0.125rem;\n}\n\n.formfield-left-side {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  gap: 0.5rem;\n\n  ls-icon {\n    color: var(--gray-80, #787A80);\n  }\n\n  .formfield-label {\n    color: var(--gray-100, #45484D);\n    /* text-base/leading-6/font-medium */\n    font-size: 1rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 1.5rem; /* 150% */\n  }\n}\n\n.formfield-bottom-elements {\n  position: relative;\n  min-height: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  height: fit-content;\n  padding: 0 0.125rem;\n}\n\n.formfield-description-text {\n  color: var(--Grey-80, #6C6E73);\n  width: 100%;\n  /* text-xs/leading-4/font-light */\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.formfield-error-text {\n  color: var(--red-70, #DC2721);\n  width: 100%;\n  /* text-xs/leading-4/font-light */\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.formfield-count-container {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  gap: 0.125rem;\n  align-items: center;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n  text-align: right;\n}\n\n.formfield-count {\n  display: flex;\n  align-items: center;\n  color: var(--Grey-70, #6C6E73);\n  gap: 0.125rem;\n}\n\n.formfield-count-error {\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n  color: var(--red-70, #DC2721);\n}\n\n\n";const i=class{constructor(t){e(this,t);this.valueChange=n(this,"valueChange")}name;fieldId;label;as="text";value;placeholder;descriptionText;errorText;aria;inputRef;infoTooltipText;hoverTooltipText;disabled;extraLabel="none";required;valid;dirty;count;countMax;buttonClick;buttonIcon;labelIcon;fieldIcon;valueChange;changeHandler(e){this.valueChange.emit(e)}_value;valueWatcher(e){this._value=e;console.log(e)}componentWillLoad(){this.valueWatcher(this?.value?.toString())}render(){const{name:e,fieldId:n,label:l,as:i,value:a,placeholder:o,descriptionText:r,errorText:d,aria:c,infoTooltipText:s,disabled:f,extraLabel:u,valid:b,dirty:m,count:p,countMax:h,buttonClick:x,buttonIcon:y,fieldIcon:g,labelIcon:v}=this;const I=a&&a.toString().length>h?"formfield-count-error":"formfield-count";return t("host",{key:"3485eec42d8af324a72619cb32c7274e339b1b85",class:"formfield-host"},l?.length>1||u!=="none"&&t("div",{key:"716afabcc9d574c9b39840439be06e7e17ba99e5",class:"formfield-top-elements"},t("div",{key:"5b6917bdf8be43c47e786e72947b3b37b566bd31",class:"formfield-left-side"},v&&t("ls-icon",{key:"083496a911e3620287171430dcaacf4e36090332",name:v}),t("label",{key:"dd714d11964122811d41c9df0044c77ce37d035f",htmlFor:e,class:"formfield-label"},l),s&&t("ls-icon",{key:"c337c3acfc58cdb9ea17cf830b17d333afe4f2db",name:"information-circle"})),u==="optional"?t("ls-label",{text:"Optional",colour:"gray",type:"low"}):u==="required"?t("ls-label",{text:"Required",colour:"gray",type:"low"}):""),i==="text"?t("ls-text-input",{id:n,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:u==="required",disabled:f,valid:b,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g,onValueChange:e=>{this.changeHandler(e.detail)}}):i==="select"?t("ls-select-input",{id:e,name:e,"aria-label":c,required:u==="required",disabled:f,valid:b,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g},t("slot",null)):i==="radio"?t("ls-radio-input",{radioId:l,label:a?.toString(),icon:g,name:e,disabled:f}):i==="textarea"?t("ls-textarea-input",{id:e,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:u==="required",disabled:f,valid:b,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):i==="password"?t("ls-text-input",{type:"password",id:e,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:u==="required",disabled:f,valid:b,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):i==="displayonly"?t("ls-text-input",{type:"displayonly",id:e,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:u==="required",disabled:f,valid:b,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):i==="number"?t("ls-number-input",{type:"ls",id:e,name:e,value:Number(a),countMax:h,placeholder:o,"aria-label":c,required:u==="required",disabled:f,valid:b,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):t("p",null,"placeholder"),d||p||h||r&&t("div",{key:"083a4a16bfe1f8728647290be0e347c0cd6ca77f",class:"formfield-bottom-elements"},d&&!b?t("p",{class:"formfield-error-text"},d):r?t("p",{class:"formfield-description-text"},r):"",p&&t("div",{key:"565e6cd7ee2a9654a7e463b36ae881fc959a2520",class:"formfield-count-container"},t("p",{key:"11c45cfc6725e4fef2c6250eb3df776e7e862015",class:I},a?.toString()?.length),h>0&&t("div",{key:"0fd1817a4df492aa56d8a528f1231afd6957ecca",class:I},t("p",{key:"a1287b659d7deaa679ac82dbffde1de5b5b7df12"},"/"),t("p",{key:"f0ece57465d47a669cbdf4328cdc6649e4af9e20"},h)))))}static get watchers(){return{value:["valueWatcher"]}}};i.style=l;export{i as ls_formfield};
+//# sourceMappingURL=p-3dae15c9.entry.js.map