legalesign-document-viewer 0.3.4 → 0.3.6

package/dist/ls-document-viewer/p-3ff5b214.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as d,H as a}from"./p-BzcAlD18.js";const c=":host{display:block}";const t=class{constructor(d){e(this,d)}dataItem;render(){return d(a,{key:"a87eaed9f4598203388c83a0955cdd4c00b779d5"},d("ls-field-properties-container",{key:"aebc4e4b1adccce9f0caeffd34a505baeb273feb",tabs:["content","placement","dimensions"]},d("div",{key:"19faac072d0688638d09521d273e97dbf1d9cb6c",class:"field-set",slot:"content"},d("ls-field-content",{key:"156d5270ecb24a5d3e7d02ac7848075440f13130",dataItem:this.dataItem}),d("ls-field-properties-advanced",{key:"5bb0d2f292b311f759a45ecc681154061b74a762",dataItem:this.dataItem})),d("div",{key:"d34a829edf09efd7d6ec1aa6f6f22adbd34ff76e",class:"field-set",slot:"dimensions"},d("ls-field-dimensions",{key:"e27301a0bb1ec9f88fd0b8bd9311f851635a2f1b",dataItem:this.dataItem})),d("div",{key:"f376b48c4db4cd0ccb3f61802ecdc5d592ac1343",class:"field-set",slot:"placement"},d("ls-field-placement",{key:"7f23a3c6a778d054a657214cb1581eb3503c8066",dataItem:this.dataItem}))),d("ls-field-footer",{key:"65e316b9d068a41c9900135996c22d9d54d88c7d",dataItem:this.dataItem}))}};t.style=c;export{t as ls_field_properties_dropdown};
+//# sourceMappingURL=p-3ff5b214.entry.js.map

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

@@ -1,2 +1,2 @@
-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
+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:s,dirty:c,buttonClick:p,buttonIcon:b,fieldIcon:x,handleChange:f,handleMinus:g,handlePlus:u}=this;const h=i(n==="ls"?"input-ls":"input-basic",t?"disabled":c&&s?"valid":c&&!s?"invalid":"default",x&&"icon-input",c&&"button-input",b&&"button-input",b&&c&&"right-items-input");const v=i(t?"button-disabled":"button");return e("host",{key:"db9e33017991cc3ca12b01e8b830e7e61a45ce63",class:n==="ls"&&"host"},n==="ls"&&e("button",{key:"a78edfd55281f5a5c06aa3c3b5622c1b56fbf0ab",class:v,onClick:()=>g(),disabled:t},e("ls-icon",{key:"4b3096cea3d61f4c9b44ca707431277d0a0c63b3",id:"buttonIcon",name:"minus-sm"})),e("div",{key:"69fa928cac22609796bc8b708a68eb876c0eba05",class:"input-container"},x&&e("ls-icon",{key:"3d33bf050de8996559ee31bdef4851e45b16acc1",id:t?"fieldIconDisabled":"fieldIcon",name:x}),e("input",{key:"ce6f74bc13d21fdaad0cd3ab50ca337f8a207d05",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:"1701a5178431e656baeee12c76c1bf290f94f355",class:"right-items"},c&&!t&&e("ls-icon",{key:"509d6bc955669935eb193d206a8fd5d159af9a65",id:s?"validIcon":"invalidIcon",name:s?"check-circle":"exclamation-circle"}),b&&n!=="ls"&&e("button",{key:"f7b2772b101ea33d0e28c87978f9a60b128044d6",class:"button",onClick:p},e("ls-icon",{key:"a8ea63d06ff7c1f7215c65cb735ad9452cbdf633",id:"buttonIcon",name:b})))),n==="ls"&&e("button",{key:"e247df71aaddbf4fc1fdc66c113534d24c09f3d5",class:v,onClick:u,disabled:t},e("ls-icon",{key:"fb338d47ab722fecd5b6b8ecee77f665ae9aa20e",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 s=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 s=i("radioLabel",d&&"disabled",t&&"checked");return e("label",{key:"197e392e42fd4047310466e8298046e75d5373d5",htmlFor:r,tabIndex:0,class:s,style:l},e("input",{key:"831cc8b4183df225897f5d4c0159e605733af13f",type:"radio",class:"inputClass",id:r,name:o,value:n,disabled:d,tabIndex:0,checked:t}),e("div",{key:"30ecdf991ccd21b245577d3d304dc1e3d85ddc82",class:"spanContainer"},e("span",{key:"8f845d30fe56d06428f91e8cc0cc2e37d12f40fb"},a&&e("ls-icon",{key:"45ef4fba7d6c3ab94cb9cc937ce83198ec3ba805",name:a,size:"16"})),e("span",{key:"dd169ddd38efb771a4620d2f6a6ac8a826875f54"},n)))}};s.style=l;const c="* {\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:s,buttonIcon:c,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",c&&"button-input",c&&l&&"right-items-input");return e("host",{key:"e59f548c9b631cd6dee8902e69c905bed8e241f0",class:"host"},p&&e("ls-icon",{key:"b3199600ba89917b642126a19f7211cb4cbf7062",id:a?"fieldIconDisabled":"fieldIcon",name:p}),e("select",{key:"4befe3b975a9f3395fcdd5f60c7335e5517f6bd9",class:b,id:n,name:n,"aria-label":r,required:d,disabled:a},e("slot",{key:"d86d279203e3943fe20d5f78ffe13151595e6815"})),e("div",{key:"cb72b65df193063811a030d6f5b7877e17745905",class:"right-items"},l&&!a&&e("ls-icon",{key:"eab192b40f289c01a45015b901ad7ece7edbad46",id:t?"validIcon":"invalidIcon",name:t?"check-circle":"exclamation-circle"}),c?e("button",{class:"button",onClick:s},e("ls-icon",{id:"buttonIcon",name:c})):e("ls-icon",{id:a?"select-arrow-disabled":"select-arrow",name:"chevron-down"})))}};p.style=c;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:s,valid:c,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&&c?"valid":p&&!c?"invalid":"default",g&&"icon-input",p&&"button-input",f&&"button-input",f&&p&&"right-items-input");return e(a,{key:"9a5b1bfebad9e06d1135eff7f397447d658e92b0",class:"host"},g&&e("ls-icon",{key:"4f88874d246469bbd7d0b10eea63645c92be7f2a",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:s,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:s,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:s,disabled:l,onChange:n=>{this.changeHandler(n)}}),e("div",{key:"0784906b59fcb191b522c90bbfee22ca647fa3f5",class:"right-items"},p&&!l&&e("ls-icon",{key:"43a3a8bd2650afb4a82951c80d4053a357e672f3",id:c?"validIcon":"invalidIcon",name:c?"check-circle":"exclamation-circle"}),f&&e("button",{key:"3e2e45d5ff8d74e57007fcd0e4239fcd4af8c8d6",class:"button",onClick:x},e("ls-icon",{key:"1b38100ee4d42b86f4c999c5ed9adf272f3b4017",id:"buttonIcon",name:f})),n==="password"&&!f&&e("ls-icon-button",{key:"bc55ed54b1638bfc0ddfd9741bf8bdcd76260a54",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:s,dirty:c,countMax:p,buttonClick:b,buttonIcon:x,fieldIcon:f}=this;const g=i("input-base",d?"disabled":c&&s?"valid":c&&!s?"invalid":t?"displayOnly":"default",f&&"icon-input",c&&"button-input",x&&"button-input",x&&c&&"right-items-input");return e("host",{key:"c4d2357bab4752c1bc78a5d2ebbf2afd8c2ac6e5",class:"host"},f&&e("ls-icon",{key:"b96a349e2865e01671b7b39652d3c02deaff7fe0",id:d?"fieldIconDisabled":"fieldIcon",name:f}),e("textarea",{key:"8474477790e29061b889f7f53a4ca92fedc54e71",class:g,id:n,name:n,value:r,maxlength:p,placeholder:a,"aria-label":o,required:l,disabled:d}),e("div",{key:"15c3b45e8e8f00b4a4dcafa7af95918912d13423",class:"right-items"},c&&!d&&e("ls-icon",{key:"e9965a7e3fdee52414f8e9a0858a9c05c89e2eb5",id:s?"validIcon":"invalidIcon",name:s?"check-circle":"exclamation-circle"}),x&&e("button",{key:"664568958cc663d01c657453d0ae80e6c6eec914",class:"button",onClick:b},e("ls-icon",{key:"72630414cab4dfe072b829dfefa70a2aea2947e7",id:"buttonIcon",name:x}))))}};g.style=f;export{t as ls_number_input,s as ls_radio_input,p as ls_select_input,x as ls_text_input,g as ls_textarea_input};
+//# sourceMappingURL=p-cfb2d2ff.entry.js.map

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

@@ -1,2 +1,2 @@
-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
+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:b,valid:u,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:"751c2bce2dd9d05800eba33cbf1c826d307eb40e",class:"formfield-host"},l?.length>1||b!=="none"&&t("div",{key:"2cd1af867dc2572f30719ac0760bcabb4ae0b793",class:"formfield-top-elements"},t("div",{key:"635a86377fce964c4cc7e34413bbd4e0323991f7",class:"formfield-left-side"},v&&t("ls-icon",{key:"3dd76c5d2ac7d6d1fa81c23ba31bcb10a63682f6",name:v}),t("label",{key:"7637a7970abddb45b1b213ee43873a3caa7c3f9d",htmlFor:e,class:"formfield-label"},l),s&&t("ls-icon",{key:"3356f446ae116fd86f3d16f3b6d69819a1286776",name:"information-circle"})),b==="optional"?t("ls-label",{text:"Optional",colour:"gray",type:"low"}):b==="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:b==="required",disabled:f,valid:u,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:b==="required",disabled:f,valid:u,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:b==="required",disabled:f,valid:u,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:b==="required",disabled:f,valid:u,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:b==="required",disabled:f,valid:u,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:b==="required",disabled:f,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):t("p",null,"placeholder"),d||p||h||r&&t("div",{key:"b5adcbdceb4b7cdcd022a10c90626796f26c476b",class:"formfield-bottom-elements"},d&&!u?t("p",{class:"formfield-error-text"},d):r?t("p",{class:"formfield-description-text"},r):"",p&&t("div",{key:"a182587f050dab77ac5606f6c3a0a9b49720304b",class:"formfield-count-container"},t("p",{key:"d2241d9aee1ce707f8af49da617ee4c65201df5e",class:I},a?.toString()?.length),h>0&&t("div",{key:"48374a5c2edcbf0edf76161d9194adff6f18299c",class:I},t("p",{key:"09c78bb107de6460f3d2b99b2095198444296fd3"},"/"),t("p",{key:"9a02e549117b208bedcb67df0e4e206361de8433"},h)))))}static get watchers(){return{value:["valueWatcher"]}}};i.style=l;export{i as ls_formfield};
+//# sourceMappingURL=p-d2eaa2ec.entry.js.map

package/dist/types/components/ls-document-options/ls-document-options.d.ts

@@ -15,6 +15,6 @@ export declare class LsDocumentOptions {
     alter(diff: object): void;
     private titletimer;
     debounce(diff: any, delay: any): void;
-    editNameBtn: HTMLElement;
+    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/ls-document-viewer/ls-document-viewer.d.ts

@@ -58,8 +58,14 @@ export declare class LsDocumentViewer {
      * {string}
      */
     templateid: string;
+    /**
+     * A JSON string containing the signer details. Only used in COMPOSE mode.
+     * {string}
+     */
+    signers: string;
     zoom: number;
     pageNum: number;
+    pageCount: number;
     signer: number;
     _template: LSApiTemplate;
     validationErrors: ValidationError[];
@@ -67,6 +73,7 @@ export declare class LsDocumentViewer {
     groupInfo: any;
     selected: HTMLLsEditorFieldElement[];
     isLoading: boolean;
+    fieldTypeSelected: IToolboxField;
     /**
      * An ease of use property that will arrange document-viewer appropraitely.
      * {'preview' | 'editor' | 'custom'}
@@ -132,6 +139,7 @@ export declare class LsDocumentViewer {
     update: EventEmitter<LSMutateEvent[]>;
     private adapter;
     mutateHandler(event: CustomEvent<LSMutateEvent[]>): void;
+    handleFieldTypeSelected(event: any): void;
     updateHandler(event: CustomEvent<LSMutateEvent[]>): void;
     addParticpantHandler(event: CustomEvent<{
         type: LSApiRoleType;
@@ -182,6 +190,6 @@ export declare class LsDocumentViewer {
     showPageFields(page: number): void;
     load(): Promise<void>;
     componentWillLoad(): void;
-    handleSelectedField(event: any): void;
+    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/ls-document-viewer/mouseHandlers.d.ts

@@ -4,3 +4,4 @@ export declare function mouseMove(event: any): void;
 export declare function mouseUp(event: any): void;
 export declare function mouseClick(e: any): void;
 export declare function mouseDrop(event: any): void;
+export declare function mouseDoubleClick(event: any): void;

package/dist/types/components/ls-feature-column/ls-feature-column.d.ts

@@ -1,10 +1,12 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class LsFeatureColoumn {
+    component: HTMLElement;
     /**
      * Determines / sets which of the far left 'managers' is active.
      * {'document' | 'toolbox' | 'participant' }
      */
     manager: 'document' | 'toolbox' | 'participant';
     manage: EventEmitter<'document' | 'toolbox' | 'participant'>;
+    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/ls-field-alignment/ls-field-alignment.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { LSApiElement, LSMutateEvent } from '../../components';
 export declare class LsFieldAlignment {
+    component: HTMLElement;
     dataItem: LSApiElement[];
     mutate: EventEmitter<LSMutateEvent[]>;
     update: EventEmitter<LSMutateEvent[]>;
@@ -11,5 +12,6 @@ export declare class LsFieldAlignment {
     left(): void;
     middle(): void;
     bottom(): void;
+    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/ls-field-dimensions/ls-field-dimensions.d.ts

@@ -1,11 +1,13 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { LSApiElement, LSMutateEvent } from '../../components';
 export declare class LsFieldDimensions {
+    component: HTMLElement;
     dataItem: LSApiElement | LSApiElement[];
     mutate: EventEmitter<LSMutateEvent[]>;
     update: EventEmitter<LSMutateEvent[]>;
     isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement;
     isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[];
     alter(diff: object): void;
+    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/ls-field-distribute/ls-field-distribute.d.ts

@@ -10,5 +10,6 @@ export declare class LsFieldDistribute {
     gapVertical(spacing: number): void;
     gapHorizontal(spacing: number): void;
     distributeVertical(): void;
+    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/ls-field-format/ls-field-format.d.ts

@@ -5,7 +5,15 @@ export declare class LsFieldFormat {
     mutate: EventEmitter<LSMutateEvent[]>;
     update: EventEmitter<LSMutateEvent[]>;
     component: HTMLElement;
+    private handleKeyDown;
+    private handleKeyUp;
     selectFieldsHandler(): void;
     alter(diff: object): void;
+    componentDidLoad(): void;
+    allElementsSame: () => {
+        isSame: boolean;
+        fontName: string;
+        fontSize: string | number;
+    };
     render(): any;
 }

package/dist/types/components/ls-field-placement/ls-field-placement.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { LSApiElement } from '../../types/LSApiElement';
 import { LSMutateEvent } from '../../types/LSMutateEvent';
 export declare class LsFieldPlacement {
+    component: HTMLElement;
     dataItem: LSApiElement | LSApiElement[];
     mutate: EventEmitter<LSMutateEvent[]>;
     update: EventEmitter<LSMutateEvent[]>;
@@ -13,5 +14,6 @@ export declare class LsFieldPlacement {
     right(): number;
     middle(): number;
     bottom(): number;
+    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/ls-field-size/ls-field-size.d.ts

@@ -1,9 +1,11 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { LSApiElement, LSMutateEvent } from '../../components';
 export declare class LsFieldSize {
+    component: HTMLElement;
     dataItem: LSApiElement[];
     mutate: EventEmitter<LSMutateEvent[]>;
     update: EventEmitter<LSMutateEvent[]>;
     alter(diff: object): void;
+    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/ls-helper-bar/ls-helper-bar.d.ts

@@ -0,0 +1,7 @@
+export declare class LsHelperBar {
+    component: HTMLElement;
+    expanded: boolean;
+    shortcutsBtn: HTMLElement;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.d.ts

@@ -0,0 +1,8 @@
+export declare class LsKeyboardShortcuts {
+    el: HTMLElement;
+    visible: boolean;
+    referenceElement: HTMLElement;
+    private tooltipEl;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/ls-participant-card/ls-participant-card.d.ts

@@ -21,5 +21,10 @@ export declare class LsParticipantCard {
         type: LSApiRoleType;
         parent?: string | null;
     }>;
+    swapUpBtn: HTMLElement;
+    swapDownBtn: HTMLElement;
+    editBtn: HTMLElement;
+    deleteParticipantBtn: HTMLElement;
+    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/ls-statusbar/ls-statusbar.d.ts

@@ -6,6 +6,8 @@ export declare class LsStatusbar {
      * {number}
      */
     zoom: number;
+    page: number;
+    pageCount: number;
     /**
      * The parent editor control.
      * {LsDocumentViewer}

package/dist/types/components/ls-toolbox-field/ls-toolbox-field.d.ts

@@ -1,6 +1,7 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { Icon } from '../../types/Icon';
-import { EventEmitter } from 'stream';
 export declare class LsToolboxField {
+    component: HTMLElement;
     /**
      * The field type of this toolbox item, e.g. 'signature'. Note these should always be lowercase.
      */
@@ -15,6 +16,10 @@ export declare class LsToolboxField {
      * The icon to display for this field type.
      */
     icon: Icon;
+    /**
+     * The tooltip hint to describe to the field type
+     */
+    tooltip: string;
     /**
      * The starting height of this control type in pixels.
      */
@@ -28,9 +33,16 @@ export declare class LsToolboxField {
      */
     signer: number;
     isSelected: boolean;
-    selected: EventEmitter;
-    modeHandler(_isSelected: any): void;
+    fieldTypeSelected: EventEmitter<{
+        label: string;
+        elementType: string;
+        defaultHeight: number;
+        defaultWidth: number;
+        formElementType: string;
+        validation: number;
+    }>;
     handleDragStart(event: any): void;
     handleKeyDown(event: KeyboardEvent): void;
+    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/ls-tooltip/ls-tooltip.d.ts

@@ -2,8 +2,10 @@ export declare class LsTooltip {
     el: HTMLElement;
     referenceElement: HTMLElement;
     placement: 'top' | 'bottom' | 'left' | 'right';
-    private tooltipEl;
-    private tooltipLocked;
-    componentDidLoad(): void;
+    tooltipText: string;
+    tooltipTitle: string;
+    tooltipLocked: boolean;
+    updateReferenceHandler(newReference: HTMLElement): void;
+    hide(): Promise<void>;
     render(): any;
 }

package/dist/types/components/ls-validation-tag/ls-validation-tag.d.ts

@@ -3,6 +3,5 @@ export declare class LsValidationTag {
     status: string;
     validationErrors: ValidationError[];
     isExpanded: boolean;
-    validateChange(newValue: ValidationError[]): void;
     render(): any;
 }