legalesign-document-viewer 0.4.5 → 0.4.7

package/dist/ls-document-viewer/p-350754cb.entry.js

@@ -1,2 +0,0 @@
-import{r as n,h as e,c as a,H as r}from"./p-BzcAlD18.js";function o(n){var e,a,r="";if("string"==typeof n||"number"==typeof n)r+=n;else if("object"==typeof n)if(Array.isArray(n)){var i=n.length;for(e=0;e<i;e++)n[e]&&(a=o(n[e]))&&(r&&(r+=" "),r+=a)}else for(a in n)n[a]&&(r&&(r+=" "),r+=a);return r}function i(){for(var n,e,a=0,r="",i=arguments.length;a<i;a++)(n=arguments[a])&&(e=o(n))&&(r&&(r+=" "),r+=e);return r}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:a,value:r,placeholder:o,aria:d,disabled:t,required:l,valid:s,dirty:c,buttonClick:p,buttonIcon:b,fieldIcon:x,handleChange:g,handleMinus:u,handlePlus:f}=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:"3223f1b5c6ee85269516ffa345acd30bf507cea6",class:n==="ls"&&"host"},n==="ls"&&e("button",{key:"bf9c84bd74f40f8e4de7b74ffaae507a0d3278cb",class:v,onClick:()=>u(),disabled:t},e("ls-icon",{key:"2d698e76aa909ee6d44e6aee3dd7edbc93283544",id:"buttonIcon",name:"minus-sm"})),e("div",{key:"344f3a64c0da8b072544b1bef65b1d9961921302",class:"input-container"},x&&e("ls-icon",{key:"74e2c1aaff565cdfeec39ac2c1410a38e4a7ebb3",id:t?"fieldIconDisabled":"fieldIcon",name:x}),e("input",{key:"b658f716bd7a26eceeeb3afbedef32a5ba344d96",type:"number",class:h,id:a,name:a,value:r,placeholder:o,"aria-label":d,required:l,disabled:t,onInput:n=>g(n)}),e("div",{key:"4675bf6bea3de2e6952b107bf208ee60fedd7666",class:"right-items"},c&&!t&&e("ls-icon",{key:"afacf0c0780d60d7211aeb3c22dbc5c9a070cf5e",id:s?"validIcon":"invalidIcon",name:s?"check-circle":"exclamation-circle"}),b&&n!=="ls"&&e("button",{key:"81db4646d078e20bf49c53420c4af351ad1c6403",class:"button",onClick:p},e("ls-icon",{key:"098621b5511e1aa0e3baf8d655aab0afbfa38dce",id:"buttonIcon",name:b})))),n==="ls"&&e("button",{key:"c967580b4cbc4e7374e928d22a7fe869df5857f9",class:v,onClick:f,disabled:t},e("ls-icon",{key:"b212edc85ce547d05d4345a6b8ab2addd0e56ac0",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:a,icon:r,name:o,disabled:d,checked:t,customStyle:l}=this;const s=i("radioLabel",d&&"disabled",t&&"checked");return e("label",{key:"92e3bc9b5774de619922d43ef9c24ad7a43568c7",htmlFor:a,tabIndex:0,class:s,style:l},e("input",{key:"3e89bd9b39c9f37c156f17d42108bc788091ebcf",type:"radio",class:"inputClass",id:a,name:o,value:n,disabled:d,tabIndex:0,checked:t}),e("div",{key:"e3f1f7b06e8b81eee01d2ce4d674a7ff5c9c76a4",class:"spanContainer"},e("span",{key:"7170cb3702dbf2dc9bc07a67c4d91ebc9a8e30ea"},r&&e("ls-icon",{key:"4de2c9271302dc11bdd6b35fd273b3c6a5b33b39",name:r,size:"16"})),e("span",{key:"9ce53c08c5031725d09e2edb03660eac4aae9f16"},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:a,disabled:r,displayOnly:o,required:d,valid:t,dirty:l,buttonClick:s,buttonIcon:c,fieldIcon:p}=this;const b=i("input-base",r?"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:"ad6571818f20395ecda1dbd22a574b999afa73ca",class:"host"},p&&e("ls-icon",{key:"a68a46e5237f98a621a546b4d8295a3594b73ffd",id:r?"fieldIconDisabled":"fieldIcon",name:p}),e("select",{key:"d84a610ada56cb39fd0125184a9d5257b9127892",class:b,id:n,name:n,"aria-label":a,required:d,disabled:r},e("slot",{key:"2a61c4932a822f0f813e20f6ef079569624ea3ad"})),e("div",{key:"7dddfb3625c9f1a0ed02dc5250e3db876299077d",class:"right-items"},l&&!r&&e("ls-icon",{key:"405f8a0bfc03565b843001e746059adc77e1558b",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:r?"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=a(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:a,value:o,placeholder:d,aria:t,disabled:l,required:s,valid:c,dirty:p,countMax:b,buttonClick:x,buttonIcon:g,fieldIcon:u,showPassword:f,handlePassword:h}=this;const v=i("input-base",n==="displayonly"?"display-only":l?"disabled":p&&c?"valid":p&&!c?"invalid":"default",u&&"icon-input",p&&"button-input",g&&"button-input",g&&p&&"right-items-input");return e(r,{key:"5d0e39de960da7c05dd64f96360cfcd9133aa95e",class:"host"},u&&e("ls-icon",{key:"148402cd6087ec414122a54d42ce460fa8fd63e4",id:l?"fieldIconDisabled":"fieldIcon",name:u}),n==="password"?e("input",{type:f&&"password",class:v,id:a,name:a,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:a,name:a,value:o,maxlength:b,placeholder:d,"aria-label":t,required:s,disabled:true,onChange:n=>{this.changeHandler(n)}}):e("input",{class:v,id:a,name:a,value:o,maxlength:b,placeholder:d,"aria-label":t,required:s,disabled:l,onChange:n=>{this.changeHandler(n)}}),e("div",{key:"e86d919029eed85799ae53542758356629dab343",class:"right-items"},p&&!l&&e("ls-icon",{key:"c5a0d12e3c07c6708c936b985464b6ff7aff82d1",id:c?"validIcon":"invalidIcon",name:c?"check-circle":"exclamation-circle"}),g&&e("button",{key:"7f852342bb7e9407c492b589422494dd088fd61f",class:"button",onClick:x},e("ls-icon",{key:"05d9fcdb971a2876a656ab9f68329899074de1ef",id:"buttonIcon",name:g})),n==="password"&&!g&&e("ls-icon-button",{key:"2694d48907b91951095d662e68215958ebe68d63",id:"password-icon",icon:f?"eye":"eye-off",onClick:h})))}};x.style=b;const g='* {\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 u=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:a,placeholder:r,aria:o,disabled:d,displayOnly:t,required:l,valid:s,dirty:c,countMax:p,buttonClick:b,buttonIcon:x,fieldIcon:g}=this;const u=i("input-base",d?"disabled":c&&s?"valid":c&&!s?"invalid":t?"displayOnly":"default",g&&"icon-input",c&&"button-input",x&&"button-input",x&&c&&"right-items-input");return e("host",{key:"4e65014b5d0e8df0a397042d501a6c26f250324d",class:"host"},g&&e("ls-icon",{key:"5ba14d902bdcfaa3d6825ece9a848ae1d8531888",id:d?"fieldIconDisabled":"fieldIcon",name:g}),e("textarea",{key:"e490afebd2e14ede73a904f890e8ebdd5f34dc53",class:u,id:n,name:n,value:a,maxlength:p,placeholder:r,"aria-label":o,required:l,disabled:d}),e("div",{key:"b3139ce875b8e39d41931d9507b9e6007faaf94d",class:"right-items"},c&&!d&&e("ls-icon",{key:"c0b3e669755f05961a199008385248c9a8e60f8e",id:s?"validIcon":"invalidIcon",name:s?"check-circle":"exclamation-circle"}),x&&e("button",{key:"97011df16622fc8fe7ef0c9c458667ad5844a9a9",class:"button",onClick:b},e("ls-icon",{key:"7046d7ce171217f536f527309ec15e42ffdd87bb",id:"buttonIcon",name:x}))))}};u.style=g;export{t as ls_number_input,s as ls_radio_input,p as ls_select_input,x as ls_text_input,u as ls_textarea_input};
-//# sourceMappingURL=p-350754cb.entry.js.map

package/dist/ls-document-viewer/p-350754cb.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["r","e","t","f","n","Array","isArray","o","length","clsx","arguments","lsNumberInputCss","LsNumberInput","type","name","value","placeholder","aria","inputRef","disabled","required","valid","dirty","countMax","buttonClick","buttonIcon","fieldIcon","handleChange","event","this","target","handlePlus","handleMinus","render","inputClass","plusMinusClass","h","key","class","onClick","id","onInput","lsRadioInputCss","LsRadioInput","radioId","label","icon","checked","customStyle","radioLabelClass","htmlFor","tabIndex","style","size","lsSelectInputCss","LsSelectInput","displayOnly","lsTextInputCss","LsTextInput","valueChange","showPassword","handlePassword","changeHandler","console","log","emit","Host","maxlength","onChange","lsTextareaInputCss","LsTextareaInput"],"sources":["node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","src/components/ls-formfield/inputs/ls-number-input/ls-number-input.css?tag=ls-number-input&encapsulation=shadow","src/components/ls-formfield/inputs/ls-number-input/ls-number-input.tsx","src/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.css?tag=ls-radio-input","src/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.tsx","src/components/ls-formfield/inputs/ls-select-input/ls-select-input.css?tag=ls-select-input","src/components/ls-formfield/inputs/ls-select-input/ls-select-input.tsx","src/components/ls-formfield/inputs/ls-text-input/ls-text-input.css?tag=ls-text-input&encapsulation=shadow","src/components/ls-formfield/inputs/ls-text-input/ls-text-input.tsx","src/components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.css?tag=ls-textarea-input&encapsulation=shadow","src/components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.tsx"],"sourcesContent":["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}export 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}export default clsx;","* {\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","import { Component, Prop,  h } from '@stencil/core';\nimport { Icon } from '../../../../types/Icon';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'ls-number-input',\n  styleUrl: 'ls-number-input.css',\n  shadow: true,\n})\nexport class LsNumberInput {\n  @Prop() type: 'basic' | 'ls' = 'ls';\n  @Prop() name: string;\n  @Prop({mutable: true}) value: number = 0 ;\n  @Prop() placeholder?: string;\n  @Prop() aria?: string;\n  @Prop() inputRef?: string;\n  @Prop() disabled: boolean;\n  @Prop() required: boolean;\n  @Prop() valid: boolean;\n  @Prop() dirty: boolean;\n  @Prop() countMax: number;\n  @Prop() buttonClick?: any;\n  @Prop() buttonIcon?: Icon;\n  @Prop() fieldIcon?: Icon;\n\n  handleChange = (event) => {\n    this.value = event.target.value;\n  }\n\n  private handlePlus = () => {\n    this.value = this.value + 1;\n  }\n\n  private handleMinus = () => {\n    this.value = this.value - 1;\n  }\n\n  render() {\n    const {\n      type,\n      name,\n      value,\n      placeholder,\n      aria,\n      disabled,\n      required,\n      valid,\n      dirty,\n      buttonClick,\n      buttonIcon,\n      fieldIcon,\n      handleChange,\n      handleMinus,\n      handlePlus,\n    } = this;\n\n    const inputClass = clsx(\n      type === 'ls' ? 'input-ls' : 'input-basic',\n      disabled\n        ? 'disabled'\n        : dirty && valid\n          ? 'valid'\n          : dirty && !valid\n            ? 'invalid'\n            : 'default',\n      fieldIcon && 'icon-input',\n      dirty && 'button-input',\n      buttonIcon && 'button-input',\n      buttonIcon && dirty && 'right-items-input',\n    );\n\n    const plusMinusClass = clsx(\n      disabled ? 'button-disabled' : 'button'\n    )\n\n    return (\n      <host class={type === 'ls' && 'host'}>\n        {type === 'ls' && (\n          <button class={plusMinusClass} onClick={() => handleMinus()} disabled={disabled}>\n            <ls-icon id='buttonIcon' name='minus-sm'></ls-icon>\n          </button>\n        )}\n        <div class='input-container'>\n          {fieldIcon && (\n            <ls-icon\n              id={disabled ? 'fieldIconDisabled' : 'fieldIcon'}\n              name={fieldIcon}\n            ></ls-icon>\n          )}\n          <input\n            type='number'\n            class={inputClass}\n            id={name}\n            name={name}\n            value={value}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={required}\n            disabled={disabled}\n            onInput={(event) => handleChange(event)}\n          />\n          <div class='right-items'>\n            {dirty && !disabled && (\n              <ls-icon\n                id={valid ? 'validIcon' : 'invalidIcon'}\n                name={valid ? 'check-circle' : 'exclamation-circle'}\n              ></ls-icon>\n            )}\n            {buttonIcon && type !== 'ls' && (\n              <button class='button' onClick={buttonClick}>\n                <ls-icon id='buttonIcon' name={buttonIcon}></ls-icon>\n              </button>\n            )}\n          </div>\n        </div>\n        {type === 'ls' && (\n          <button class={plusMinusClass} onClick={handlePlus} disabled={disabled}>\n            <ls-icon id='buttonIcon' name='plus-sm'></ls-icon>\n          </button>\n        )}\n      </host>\n    );\n  }\n}\n",".radioLabel{\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  border-radius: 0.5rem;\n  padding: 0.5rem 0.75rem;\n}\n\n.radioLabel.checked {\n  background-color: var(--primary-10);\n  border-color: var(--primary-20);\n  color: var(--primary-90)\n}\n\n.radioLabel:not(checked) {\n  color: var(--gray-90);\n  background-color: var(--gray-10);\n  border: 1px solid var(--gray-20);\n}\n\n.radioLabel.checked:hover {\n  border-color: var(--primary-30);\n  color: var(--primary-100);\n  \n}\n\n.radioLabel:not(.checked):not(.disabled):hover {\n  border-color: var(--gray-50);\n  color: var(--gray-100);\n}\n\n.radioLabel:focus:not(.disabled) {\n  box-shadow: var(--focus-box-shadow);\n  outline-offset: var(--focus-outline-offset);\n  outline: none;\n}\n\n.radioLabel.disabled {\n  cursor: not-allowed;\n}\n\n.radioLabel.disabled.checked {\n  background-color: var(--primary-10);\n  color: var(--primary-40);\n  border-color: var(--primary-40);\n}\n\n.radioLabel.disabled:not(.checked) {\n  background-color: var(--gray-10);\n  color: var(--gray-60);\n}\n\n.inputClass {\n  margin-top: 0px;\n}\n\n.inputClass:focus {\n  outline: none;\n}\n\n.inputClass:disabled {\n  cursor: not-allowed;\n}\n\n.spanContainer {\n  display: flex;\n  gap: 0.25rem;\n  align-items: center;\n}","import { Component, Prop, h } from '@stencil/core';\nimport { Icon } from '../../../../types/Icon';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'ls-radio-input',\n  styleUrl: 'ls-radio-input.css',\n  shadow: false,\n})\nexport class LsRadioInput {\n  @Prop() radioId: string;\n  @Prop() label: string;\n  @Prop() icon?: Icon;\n  @Prop() name?: string = 'name';\n  @Prop() checked: boolean = false;\n  @Prop() disabled?: boolean = false;\n  @Prop() customStyle?: { [key: string]: string };\n\n  render() {\n    const {\n      label,\n      radioId,\n      icon,\n      name,\n      disabled,\n      checked,\n      customStyle,\n    } = this;\n    const radioLabelClass = clsx(\n      'radioLabel',\n      disabled && 'disabled',\n      checked && 'checked',\n    );\n\n    return (\n      <label\n        htmlFor={radioId}\n        tabIndex={0}\n        class={radioLabelClass}\n        style={customStyle}\n      >\n        <input\n          type='radio'\n          class='inputClass'\n          id={radioId}\n          name={name}\n          value={label}\n          disabled={disabled}\n          tabIndex={0}\n          checked={checked}\n        />\n        <div class='spanContainer'>\n          <span>{icon && <ls-icon name={icon} size={\"16\"}></ls-icon>}</span>\n          <span>{label}</span>\n        </div>\n      </label>\n    );\n  }\n}\n","* {\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","import { Component, Prop, h } from '@stencil/core';\nimport { Icon } from '../../../../types/Icon';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'ls-select-input',\n  styleUrl: 'ls-select-input.css',\n  shadow: false,\n})\nexport class LsSelectInput {\n  @Prop() name: string;\n  @Prop() value: string;\n  @Prop() aria?: string;\n  @Prop() inputRef?: string;\n  @Prop() disabled: boolean;\n  @Prop() displayOnly: boolean;\n  @Prop() required: boolean;\n  @Prop() valid: boolean;\n  @Prop() dirty: boolean;\n  @Prop() buttonClick?: any;\n  @Prop() buttonIcon?: Icon;\n  @Prop() fieldIcon?: Icon;\n\n  // handleChange(event) {\n  //   this.value = event.target.value;\n  // }\n\n  render() {\n    const {\n      name,\n      aria,\n      disabled,\n      displayOnly,\n      required,\n      valid,\n      dirty,\n      buttonClick,\n      buttonIcon,\n      fieldIcon,\n    } = this;\n\n    const inputClass = clsx(\n      'input-base',\n      disabled\n        ? 'disabled'\n        : dirty && valid\n          ? 'valid'\n          : dirty && !valid\n            ? 'invalid'\n            : displayOnly\n              ? 'displayOnly'\n              : 'default',\n      fieldIcon && 'icon-input',\n      dirty && 'button-input',\n      buttonIcon && 'button-input',\n      buttonIcon && dirty && 'right-items-input',\n    );\n\n    return (\n      <host class='host'>\n        {fieldIcon && (\n          <ls-icon\n            id={disabled ? 'fieldIconDisabled' : 'fieldIcon'}\n            name={fieldIcon}\n          ></ls-icon>\n        )}\n        <select\n          class={inputClass}\n          id={name}\n          name={name}\n          aria-label={aria}\n          required={required}\n          disabled={disabled}\n        >\n          <slot />\n        </select>\n        <div class='right-items'>\n          {dirty && !disabled && (\n            <ls-icon\n              id={valid ? 'validIcon' : 'invalidIcon'}\n              name={valid ? 'check-circle' : 'exclamation-circle'}\n            ></ls-icon>\n          )}\n          {buttonIcon ? (\n            <button class='button' onClick={buttonClick}>\n              <ls-icon id='buttonIcon' name={buttonIcon}></ls-icon>\n            </button>\n          ) : (<ls-icon\n            id={disabled ? 'select-arrow-disabled' : 'select-arrow'}\n            name={'chevron-down'}\n          ></ls-icon>) }\n        </div>\n      </host>\n    );\n  }\n}\n","* {\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","import { Component, Prop, h, Host, Event as StencilEvent, EventEmitter, State } from '@stencil/core';\nimport { Icon } from '../../../../types/Icon';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'ls-text-input',\n  styleUrl: 'ls-text-input.css',\n  shadow: true,\n})\nexport class LsTextInput {\n  @Prop() type: 'default' | 'password' | 'displayonly' = 'default';\n  @Prop() name: string;\n  @Prop({ mutable: true }) value: string;\n  @Prop() placeholder?: string;\n  @Prop() aria?: string;\n  @Prop() inputRef?: string;\n  @Prop() disabled: boolean;\n  @Prop() required: boolean;\n  @Prop() valid: boolean;\n  @Prop() dirty: boolean;\n  @Prop() countMax: number;\n  @Prop() buttonClick?: any;\n  @Prop() buttonIcon?: Icon;\n  @Prop() fieldIcon?: Icon;\n  @StencilEvent() valueChange: EventEmitter<string>;\n\n  @State() showPassword: boolean = false;\n\n  handlePassword = () => {\n    this.showPassword = !this.showPassword;\n  };\n\n  changeHandler(event: Event) {\n    console.log(event)\n    this.valueChange.emit((event.target as any).value as string);\n  }\n\n  render() {\n    const {\n      type,\n      name,\n      value,\n      placeholder,\n      aria,\n      disabled,\n      required,\n      valid,\n      dirty,\n      countMax,\n      buttonClick,\n      buttonIcon,\n      fieldIcon,\n      showPassword,\n      handlePassword,\n    } = this;\n\n    const inputClass = clsx(\n      'input-base',\n      type === 'displayonly'\n        ? 'display-only'\n        : disabled\n          ? 'disabled'\n          : dirty && valid\n            ? 'valid'\n            : dirty && !valid\n              ? 'invalid'\n              : 'default',\n      fieldIcon && 'icon-input',\n      dirty && 'button-input',\n      buttonIcon && 'button-input',\n      buttonIcon && dirty && 'right-items-input',\n    );\n\n    return (\n      <Host class='host'>\n        {fieldIcon && (\n          <ls-icon\n            id={disabled ? 'fieldIconDisabled' : 'fieldIcon'}\n            name={fieldIcon}\n          ></ls-icon>\n        )}\n        {type === 'password' ? (\n          <input\n            type={showPassword && 'password'}\n            class={inputClass}\n            id={name}\n            name={name}\n            value={value}\n            maxlength={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={required}\n            disabled={disabled}\n            onChange={(e) => {\n              this.changeHandler(e)\n            }}\n          ></input>\n        ) : type === 'displayonly' ? (\n          <input\n            class={inputClass}\n            id={name}\n            name={name}\n            value={value}\n            maxlength={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={required}\n            disabled\n            onChange={(e) => {\n              this.changeHandler(e)\n            }}\n          />\n        ) : (\n          <input\n            class={inputClass}\n            id={name}\n            name={name}\n            value={value}\n            maxlength={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={required}\n            disabled={disabled}\n            onChange={(e) => {\n              this.changeHandler(e)\n            }}\n          ></input>\n        )}\n        <div class='right-items'>\n          {dirty && !disabled && (\n            <ls-icon\n              id={valid ? 'validIcon' : 'invalidIcon'}\n              name={valid ? 'check-circle' : 'exclamation-circle'}\n            ></ls-icon>\n          )}\n          {buttonIcon && (\n            <button class='button' onClick={buttonClick}>\n              <ls-icon id='buttonIcon' name={buttonIcon}></ls-icon>\n            </button>\n          )}\n          {type === 'password' && !buttonIcon && (\n            <ls-icon-button\n              id='password-icon'\n              icon={showPassword ? 'eye' : 'eye-off'}\n              onClick={handlePassword}\n            ></ls-icon-button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n","* {\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","import { Component, Prop, h } from '@stencil/core';\nimport { Icon } from '../../../../types/Icon';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'ls-textarea-input',\n  styleUrl: 'ls-textarea-input.css',\n  shadow: true,\n})\nexport class LsTextareaInput {\n  @Prop() name: string;\n  @Prop() value?: string;\n  @Prop() placeholder?: string;\n  @Prop() aria?: string;\n  @Prop() inputRef?: string;\n  @Prop() disabled: boolean;\n  @Prop() displayOnly: boolean;\n  @Prop() required: boolean;\n  @Prop() valid: boolean;\n  @Prop() dirty: boolean;\n  @Prop() countMax: number;\n  @Prop() buttonClick?: any;\n  @Prop() buttonIcon?: Icon;\n  @Prop() fieldIcon?: Icon;\n\n  render() {\n    const {\n      name,\n      value,\n      placeholder,\n      aria,\n      disabled,\n      displayOnly,\n      required,\n      valid,\n      dirty,\n      countMax,\n      buttonClick,\n      buttonIcon,\n      fieldIcon,\n    } = this;\n\n    const inputClass = clsx(\n      'input-base',\n      disabled\n        ? 'disabled'\n        : dirty && valid\n          ? 'valid'\n          : dirty && !valid\n            ? 'invalid'\n            : displayOnly\n              ? 'displayOnly'\n              : 'default',\n      fieldIcon && 'icon-input',\n      dirty && 'button-input',\n      buttonIcon && 'button-input',\n      buttonIcon && dirty && 'right-items-input',\n    );\n\n    return (\n      <host class='host'>\n        {fieldIcon && (\n          <ls-icon\n            id={disabled ? 'fieldIconDisabled' : 'fieldIcon'}\n            name={fieldIcon}\n          ></ls-icon>\n        )}\n        <textarea\n          class={inputClass}\n          id={name}\n          name={name}\n          value={value}\n          maxlength={countMax}\n          placeholder={placeholder}\n          aria-label={aria}\n          required={required}\n          disabled={disabled}\n        />\n        <div class='right-items'>\n          {dirty && !disabled && (\n            <ls-icon\n              id={valid ? 'validIcon' : 'invalidIcon'}\n              name={valid ? 'check-circle' : 'exclamation-circle'}\n            ></ls-icon>\n          )}\n          {buttonIcon && (\n            <button class='button' onClick={buttonClick}>\n              <ls-icon id='buttonIcon' name={buttonIcon}></ls-icon>\n            </button>\n          )}\n        </div>\n      </host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,h as c,H as a}from"./p-BzcAlD18.js";const s=":host{display:block}";const t=class{constructor(c){e(this,c)}template;render(){return c(a,{key:"4b56fff9b8d450b5b8613aed8183f1d00dcb0e0b"},c("div",{key:"af5c26a7024f009f62fbfba41ad1b91bca789e10",class:"ls-editor-infobox"},c("h2",{key:"bbcf9d2f7e43e0b1e19178c7e999c14d1bc52a39",class:"toolbox-section-title"},"Recipient Fields"),c("p",{key:"47e215fda11a15427e61a371528895d24ee8d16d",class:"toolbox-section-description"},"Select and Click to place Signature fields where on the Document.")),c("div",{key:"0f8343d8cfc3c0c15dce88ba5d5912ae616fd1c1",class:"participant-list"},this.template&&this.template?.roles.map((()=>c("div",null)))),c("slot",{key:"b3ab4de5aadef10c608e33e8b801cb39d9600eb9"}))}};t.style=s;export{t as ls_compose_manager};
-//# sourceMappingURL=p-3a4da534.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as d}from"./p-BzcAlD18.js";const t=":host{display:block}";const s=class{constructor(a){e(this,a)}dataItem;render(){return a(d,{key:"cf4a701ae1a4e4a794874e5b5442ccb13162494a"},a("ls-field-properties-container",{key:"8b10f1d45a86eb0cb7a150476513c10d00f643f5",tabs:["content","placement","dimensions"]},a("div",{key:"ebd19d3770cb563e90cf84e3aa4a8a6f16c15d22",class:"field-set",slot:"content"},a("ls-field-content",{key:"1827b4b81665b50127ca658d17e0ab8da3955276",dataItem:this.dataItem}),a("ls-field-properties-advanced",{key:"0da9e6aee8307e7d5501c62b1f984e30acaf7edb",dataItem:this.dataItem})),a("div",{key:"cb811972008d6d6aab3675e404ae518d92e3da67",class:"field-set",slot:"dimensions"},a("ls-field-dimensions",{key:"80a7f0ceebf44088b0ceba2bb66526e4b7b2ccd4",dataItem:this.dataItem})),a("div",{key:"67ab96868f2e20f6134823efa2c9f915a0451990",class:"field-set",slot:"placement"},a("ls-field-placement",{key:"bf4530ef267aae9efe0c48e26dc2068d8ec2c198",dataItem:this.dataItem}))),a("ls-field-footer",{key:"ebfad46e949d644af64d2e30b56377339df95d19",dataItem:this.dataItem}))}};s.style=t;export{s as ls_field_properties_dropdown};
-//# sourceMappingURL=p-3c5fa1d7.entry.js.map

package/dist/ls-document-viewer/p-BzcAlD18.js

@@ -1,3 +0,0 @@
-const e="ls-document-viewer";const t={hydratedSelectorName:"hydrated",lazyLoad:true,slotRelocation:true,updatable:true};const n=()=>{};const r=":root{--font-family:'IBM Plex Sans', sans-serif;--text-xs:0.75rem;--text-xs-line-height:1rem;--text-sm:0.875rem;--text-sm-line-height:1.25rem;--text-base:1rem;--text-base-line-height:1.5rem;--text-lg:1.125rem;--text-lg-line-height:1.75rem;--text-xl:1.25rem;--text-xl-line-height:1.75rem;--text-2xl:1.5rem;--text-2xl-line-height:2rem;--text-3xl:1.875rem;--text-3xl-line-height:2.25rem;--text-4xl:2.25rem;--text-4xl-line-height:2.5rem;--text-5xl:3rem;--text-5xl-line-height:1;--text-6xl:3.75rem;--text-6xl-line-height:1;--text-7xl:4.5rem;--text-7xl-line-height:1;--text-9xl:8rem;--text-9xl-line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--white:#ffffff;--black:#000000;--pink-10:#fff0f9;--pink-20:#ffe5f5;--pink-30:#fabee2;--pink-40:#f5a2d4;--pink-50:#fa78c6;--pink-60:#f056b2;--pink-70:#e043a2;--pink-80:#cc2d8c;--pink-90:#ad2376;--pink-100:#7a1451;--red-10:#fff0f0;--red-20:#ffe1e0;--red-30:#ffc9c7;--red-40:#ffa19e;--red-50:#ff706b;--red-60:#f64a44;--red-70:#dc2721;--red-80:#c1140e;--red-90:#990500;--red-100:#7a1714;--yellow-10:#fffcef;--yellow-20:#fff3c2;--yellow-30:#fcec9d;--yellow-40:#ffe561;--yellow-50:#fad232;--yellow-60:#f0b618;--yellow-70:#cc8904;--yellow-80:#9e5913;--yellow-90:#8a3f0e;--yellow-100:#70350d;--green-10:#effff9;--green-20:#c5fde8;--green-30:#9df5d4;--green-40:#72f0c2;--green-50:#57e5b1;--green-60:#46dbaa;--green-70:#33b88c;--green-80:#15946a;--green-90:#177559;--green-100:#125241;--teal-10:#effffc;--teal-20:#c5fcf1;--teal-30:#a5fae9;--teal-40:#76f5db;--teal-50:#54ebcd;--teal-60:#46dbbd;--teal-70:#33b8a2;--teal-80:#148f7e;--teal-90:#17756c;--teal-100:#15524c;--cyan-10:#efffff;--cyan-20:#c5fcfc;--cyan-30:#a0fafa;--cyan-40:#76f5f5;--cyan-50:#54ebeb;--cyan-60:#46dbdb;--cyan-70:#33b3b8;--cyan-80:#11868f;--cyan-90:#166a70;--cyan-100:#11474d;--lightblue-10:#effbff;--lightblue-20:#c7f1ff;--lightblue-30:#9de4fc;--lightblue-40:#79dbfc;--lightblue-50:#51d3ff;--lightblue-60:#48c5f0;--lightblue-70:#20a6d6;--lightblue-80:#0b80b2;--lightblue-90:#19648a;--lightblue-100:#0c3e57;--blue-10:#f0f6ff;--blue-20:#e0ecff;--blue-30:#bed4fa;--blue-40:#a2bdf5;--blue-50:#78a3fa;--blue-60:#5684f0;--blue-70:#4368e0;--blue-80:#2d4dcc;--blue-90:#233ead;--blue-100:#14287a;--purple-10:#f4f0ff;--purple-20:#eee5ff;--purple-30:#d6befa;--purple-40:#c6a2f5;--purple-50:#b078fa;--purple-60:#9956f0;--purple-70:#8743e0;--purple-80:#722dcc;--purple-90:#5f23ad;--purple-100:#40147a;--primary-10:#eff4ff;--primary-20:#c7ddff;--primary-30:#9dc3fc;--primary-40:#79adfc;--primary-50:#5185ff;--primary-60:#4456f6;--primary-70:#2134dc;--primary-80:#0e20c1;--primary-90:#000f99;--primary-100:#0c1457;--gray-10:#f7f8fa;--gray-20:#edeff2;--gray-30:#e0e2e5;--gray-40:#d8d9dc;--gray-50:#c8c9cc;--gray-60:#afb0b2;--gray-70:#939599;--gray-80:#6f7176;--gray-90:#5e6066;--gray-100:#45484d;--gray-110:#292c33;--gray-120:#151923;--gray-130:#0c1019;--gray-140:#05080d;--aubergine-10:#fcf0ff;--aubergine-20:#fae5ff;--aubergine-30:#eebefa;--aubergine-40:#e4a2f5;--aubergine-50:#e078fa;--aubergine-60:#d156f0;--aubergine-70:#c143e0;--aubergine-80:#ac2dcc;--aubergine-90:#9223ad;--aubergine-100:#66147a;--indigo-10:#f2f0ff;--indigo-20:#e9e5ff;--indigo-30:#c6befa;--indigo-40:#ada2f5;--indigo-50:#8978fa;--indigo-60:#6b56f0;--indigo-70:#5843e0;--indigo-80:#422dcc;--indigo-90:#3523ad;--indigo-100:#21147a;--lime-10:#fafff0;--lime-20:#f6ffe5;--lime-30:#e6fabe;--lime-40:#d9f5a2;--lime-50:#cffa78;--lime-60:#bdf056;--lime-70:#ace043;--lime-80:#97cc2d;--lime-90:#7fad23;--lime-100:#587a14;--trueGreen-10:#f0fff0;--trueGreen-20:#e5ffe5;--trueGreen-30:#befabe;--trueGreen-40:#a2f5a2;--trueGreen-50:#78fa78;--trueGreen-60:#56f056;--trueGreen-70:#43e043;--trueGreen-80:#2dcc2d;--trueGreen-90:#23ad23;--trueGreen-100:#147a14;--burnt-10:#fff6f0;--burnt-20:#fff0e5;--burnt-30:#fad6be;--burnt-40:#f5c3a2;--burnt-50:#faac78;--burnt-60:#f09456;--burnt-70:#e08243;--burnt-80:#cc6d2d;--burnt-90:#ad5a23;--burnt-100:#7a3d14;--shadow-base:0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);--shadow-lg:0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);--active:0px 1px 3px rgba(0, 15, 153, 0.25), 0px 1px 2px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9dc3fc}body{margin:0;font-family:var(--font-family)}html *{box-sizing:border-box;padding:0;margin:0;font-family:var(--font-family);font-size:var(--text-sm);text-align:left}";var i=Object.defineProperty;var l=(e,t)=>{for(var n in t)i(e,n,{get:t[n],enumerable:true})};var f="http://www.w3.org/2000/svg";var o="http://www.w3.org/1999/xhtml";var s=(e,t)=>{var n;const r=t.t;const i=Object.entries((n=r.i)!=null?n:{});i.map((([n,[r]])=>{if(r&31||r&32){const r=e[n];const i=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e),n);Object.defineProperty(e,n,{get(){return i.get.call(this)},set(e){i.set.call(this,e)},configurable:true,enumerable:true});e[n]=t.l.has(n)?t.l.get(n):r}}))};var a=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var c=(e,t)=>{e.__stencil__getHostRef=()=>t;t.o=e;{s(e,t)}};var u=(e,t)=>{const n={u:0,$hostElement$:e,t,l:new Map};{n.v=new Promise((e=>n.p=e))}{n.h=new Promise((e=>n.m=e));e["s-p"]=[];e["s-rc"]=[]}const r=n;e.__stencil__getHostRef=()=>r;return r};var d=(e,t)=>t in e;var v=(e,t)=>(0,console.error)(e,t);var p=new Map;var h=(e,t,n)=>{const r=e.$.replace(/-/g,"_");const i=e.S;if(!i){return void 0}const l=p.get(i);if(l){return l[r]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${i}.entry.js${""}`).then((e=>{{p.set(i,e)}return e[r]}),(e=>{v(e,t.$hostElement$)}))};var b=new Map;var m="{visibility:hidden}.hydrated{visibility:inherit}";var g="slot-fb{display:contents}slot-fb[hidden]{display:none}";var y=typeof window!=="undefined"?window:{};var w={u:0,k:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var x=(()=>{var e;let t=false;try{(e=y.document)==null?void 0:e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(e){}return t})();var $=e=>Promise.resolve(e);var S=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var k=S?(()=>!!y.document&&Object.getOwnPropertyDescriptor(y.document.adoptedStyleSheets,"length").writable)():false;var j=false;var O=[];var E=[];var C=(e,t)=>n=>{e.push(n);if(!j){j=true;if(t&&w.u&4){G(N)}else{w.raf(N)}}};var M=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){v(e)}}e.length=0};var N=()=>{M(O);{M(E);if(j=O.length>0){w.raf(N)}}};var G=e=>$().then(e);var R=C(E,true);var P=e=>{e=typeof e;return e==="object"||e==="function"};function T(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var L=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var U={};l(U,{err:()=>A,map:()=>D,ok:()=>F,unwrap:()=>W,unwrapErr:()=>z});var F=e=>({isOk:true,isErr:false,value:e});var A=e=>({isOk:false,isErr:true,value:e});function D(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>F(e)))}else{return F(n)}}if(e.isErr){const t=e.value;return A(t)}throw"should never get here"}var W=e=>{if(e.isOk){return e.value}else{throw e.value}};var z=e=>{if(e.isErr){return e.value}else{throw e.value}};function _(e){if(!S)return void 0;const t=new CSSStyleSheet;t.replaceSync(e);return t}var B;function H(e){var t;const n=this.attachShadow({mode:"open"});if(B===void 0)B=(t=_(r))!=null?t:null;if(B){if(k){n.adoptedStyleSheets.push(B)}else{n.adoptedStyleSheets=[...n.adoptedStyleSheets,B]}}}var I=e=>{const t=X(e,"childNodes");if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){V(t,e.tagName).forEach((e=>{if(e.nodeType===1&&e.tagName==="SLOT-FB"){if(Y(e,K(e),false).length){e.hidden=true}else{e.hidden=false}}}))}let n=0;for(n=0;n<t.length;n++){const e=t[n];if(e.nodeType===1&&X(e,"childNodes").length){I(e)}}};var q=e=>{const t=[];for(let n=0;n<e.length;n++){const r=e[n]["s-nr"]||void 0;if(r&&r.isConnected){t.push(r)}}return t};function V(e,t,n){let r=0;let i=[];let l;for(;r<e.length;r++){l=e[r];if(l["s-sr"]&&(!t||l["s-hn"]===t)&&n===void 0){i.push(l)}i=[...i,...V(l.childNodes,t,n)]}return i}var Y=(e,t,n=true)=>{const r=[];if(n&&e["s-sr"]||!e["s-sr"])r.push(e);let i=e;while(i=i.nextSibling){if(K(i)===t&&(n||!i["s-sr"]))r.push(i)}return r};var J=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var K=e=>typeof e["s-sn"]==="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function Q(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const n=[];const r=this["s-sn"];if(e==null?void 0:e.flatten){console.error(`\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `)}const i=this["s-cr"].parentElement;const l=i.__childNodes?i.childNodes:q(i.childNodes);l.forEach((e=>{if(r===K(e)){n.push(e)}}));if(t){return n.filter((e=>e.nodeType===1))}return n}.bind(e);e.assignedElements=t(true);e.assignedNodes=t(false)}function X(e,t){if("__"+t in e){const n=e["__"+t];if(typeof n!=="function")return n;return n.bind(e)}else{if(typeof e[t]!=="function")return e[t];return e[t].bind(e)}}var Z=(e,t="")=>{{return()=>{}}};var ee=(e,t)=>{{return()=>{}}};var te=new WeakMap;var ne=(e,t,n)=>{let r=b.get(e);if(S&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}b.set(e,r)};var re=(e,t,n)=>{var r;const i=le(t);const l=b.get(i);if(!y.document){return i}e=e.nodeType===11?e:y.document;if(l){if(typeof l==="string"){e=e.head||e;let n=te.get(e);let f;if(!n){te.set(e,n=new Set)}if(!n.has(i)){{f=y.document.createElement("style");f.innerHTML=l;const n=(r=w.j)!=null?r:T(y.document);if(n!=null){f.setAttribute("nonce",n)}if(!(t.u&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(f,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(S){const t=new CSSStyleSheet;t.replaceSync(l);if(k){e.adoptedStyleSheets.unshift(t)}else{e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}}else{const t=e.querySelector("style");if(t){t.innerHTML=l+t.innerHTML}else{e.prepend(f)}}}else{e.append(f)}}if(t.u&1){e.insertBefore(f,null)}}if(t.u&4){f.innerHTML+=g}if(n){n.add(i)}}}else if(!e.adoptedStyleSheets.includes(l)){if(k){e.adoptedStyleSheets.push(l)}else{e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]}}}return i};var ie=e=>{const t=e.t;const n=e.$hostElement$;const r=t.u;const i=Z("attachStyles",t.$);const l=re(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10){n["s-sc"]=l;n.classList.add(l+"-h")}i()};var le=(e,t)=>"sc-"+e.$;var fe=(e,t,...n)=>{let r=null;let i=null;let l=null;let f=false;let o=false;const s=[];const a=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){a(r)}else if(r!=null&&typeof r!=="boolean"){if(f=typeof e!=="function"&&!P(r)){r=String(r)}if(f&&o){s[s.length-1].O+=r}else{s.push(f?oe(null,r):r)}o=f}}};a(n);if(t){if(t.key){i=t.key}if(t.name){l=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,s,ce)}const c=oe(e,null);c.C=t;if(s.length>0){c.M=s}{c.N=i}{c.G=l}return c};var oe=(e,t)=>{const n={u:0,R:e,O:t,P:null,M:null};{n.C=null}{n.N=null}{n.G=null}return n};var se={};var ae=e=>e&&e.R===se;var ce={forEach:(e,t)=>e.map(ue).forEach(t),map:(e,t)=>e.map(ue).map(t).map(de)};var ue=e=>({vattrs:e.C,vchildren:e.M,vkey:e.N,vname:e.G,vtag:e.R,vtext:e.O});var de=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return fe(e.vtag,t,...e.vchildren||[])}const t=oe(e.vtag,e.vtext);t.C=e.vattrs;t.M=e.vchildren;t.N=e.vkey;t.G=e.vname;return t};var ve=e=>{const t=L(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};ve("::slotted");ve(":host");ve(":host-context");var pe=(e,t,n)=>{if(typeof e==="string"&&(t&16||t&8)&&(e.startsWith("{")&&e.endsWith("}")||e.startsWith("[")&&e.endsWith("]"))){try{return JSON.parse(e)}catch(e){}}if(e!=null&&!P(e)){if(t&4){{return e==="false"?false:e===""||!!e}}if(t&2){return typeof e==="string"?parseFloat(e):typeof e==="number"?e:NaN}if(t&1){return String(e)}return e}return e};var he=e=>{var t;return(t=a(e))==null?void 0:t.$hostElement$};var be=(e,t,n)=>{const r=he(e);return{emit:e=>me(r,t,{bubbles:true,composed:true,cancelable:true,detail:e})}};var me=(e,t,n)=>{const r=w.ce(t,n);e.dispatchEvent(r);return r};var ge=(e,t,n,r,i,l,f)=>{if(n===r){return}let o=d(e,t);let s=t.toLowerCase();if(t==="class"){const t=e.classList;const i=we(n);let l=we(r);{t.remove(...i.filter((e=>e&&!l.includes(e))));t.add(...l.filter((e=>e&&!i.includes(e))))}}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(d(y,s)){t=s.slice(2)}else{t=s[2]+t.slice(3)}if(n||r){const i=t.endsWith(xe);t=t.replace($e,"");if(n){w.rel(e,t,n,i)}if(r){w.ael(e,t,r,i)}}}else{const f=P(r);if((o||f&&r!==null)&&!i){try{if(!e.tagName.includes("-")){const i=r==null?"":r;if(t==="list"){o=false}else if(n==null||e[t]!=i){if(typeof e.__lookupSetter__(t)==="function"){e[t]=i}else{e.setAttribute(t,i)}}}else if(e[t]!==r){e[t]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!o||l&4||i)&&!f&&e.nodeType===1){r=r===true?"":r;{e.setAttribute(t,r)}}}};var ye=/\s/;var we=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(ye)};var xe="Capture";var $e=new RegExp(xe+"$");var Se=(e,t,n,r)=>{const i=t.P.nodeType===11&&t.P.host?t.P.host:t.P;const l=e&&e.C||{};const f=t.C||{};{for(const e of ke(Object.keys(l))){if(!(e in f)){ge(i,e,l[e],void 0,n,t.u)}}}for(const e of ke(Object.keys(f))){ge(i,e,l[e],f[e],n,t.u)}};function ke(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var je;var Oe;var Ee=false;var Ce=false;var Me=false;var Ne=false;var Ge=(e,n,r)=>{var i;const l=n.M[r];let s=0;let a;let c;let u;if(!Ee){Me=true;if(l.R==="slot"){l.u|=l.M?2:1}}if(l.O!==null){a=l.P=y.document.createTextNode(l.O)}else if(l.u&1){a=l.P=y.document.createTextNode("");{Se(null,l,Ne)}}else{if(!Ne){Ne=l.R==="svg"}if(!y.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}a=l.P=y.document.createElementNS(Ne?f:o,!Ee&&t.slotRelocation&&l.u&2?"slot-fb":l.R);if(Ne&&l.R==="foreignObject"){Ne=false}{Se(null,l,Ne)}if(l.M){for(s=0;s<l.M.length;++s){c=Ge(e,l,s);if(c){a.appendChild(c)}}}{if(l.R==="svg"){Ne=false}else if(a.tagName==="foreignObject"){Ne=true}}}a["s-hn"]=Oe;{if(l.u&(2|1)){a["s-sr"]=true;a["s-cr"]=je;a["s-sn"]=l.G||"";a["s-rf"]=(i=l.C)==null?void 0:i.ref;Q(a);u=e&&e.M&&e.M[r];if(u&&u.R===l.R&&e.P){{Re(e.P,false)}}}}return a};var Re=(e,t)=>{w.u|=1;const n=Array.from(e.__childNodes||e.childNodes);for(let e=n.length-1;e>=0;e--){const r=n[e];if(r["s-hn"]!==Oe&&r["s-ol"]){_e(Fe(r).parentNode,r,Fe(r));r["s-ol"].remove();r["s-ol"]=void 0;r["s-sh"]=void 0;Me=true}if(t){Re(r,t)}}w.u&=-2};var Pe=(e,t,n,r,i,l)=>{let f=e["s-cr"]&&e["s-cr"].parentNode||e;let o;if(f.shadowRoot&&f.tagName===Oe){f=f.shadowRoot}for(;i<=l;++i){if(r[i]){o=Ge(null,n,i);if(o){r[i].P=o;_e(f,o,Fe(t))}}}};var Te=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.P;ze(t);if(e){{Ce=true;if(e["s-ol"]){e["s-ol"].remove()}else{Re(e,true)}}e.remove()}}}};var Le=(e,t,n,r,i=false)=>{let l=0;let f=0;let o=0;let s=0;let a=t.length-1;let c=t[0];let u=t[a];let d=r.length-1;let v=r[0];let p=r[d];let h;let b;while(l<=a&&f<=d){if(c==null){c=t[++l]}else if(u==null){u=t[--a]}else if(v==null){v=r[++f]}else if(p==null){p=r[--d]}else if(Ue(c,v,i)){Ae(c,v,i);c=t[++l];v=r[++f]}else if(Ue(u,p,i)){Ae(u,p,i);u=t[--a];p=r[--d]}else if(Ue(c,p,i)){if(c.R==="slot"||p.R==="slot"){Re(c.P.parentNode,false)}Ae(c,p,i);_e(e,c.P,u.P.nextSibling);c=t[++l];p=r[--d]}else if(Ue(u,v,i)){if(c.R==="slot"||p.R==="slot"){Re(u.P.parentNode,false)}Ae(u,v,i);_e(e,u.P,c.P);u=t[--a];v=r[++f]}else{o=-1;{for(s=l;s<=a;++s){if(t[s]&&t[s].N!==null&&t[s].N===v.N){o=s;break}}}if(o>=0){b=t[o];if(b.R!==v.R){h=Ge(t&&t[f],n,o)}else{Ae(b,v,i);t[o]=void 0;h=b.P}v=r[++f]}else{h=Ge(t&&t[f],n,f);v=r[++f]}if(h){{_e(Fe(c.P).parentNode,h,Fe(c.P))}}}}if(l>a){Pe(e,r[d+1]==null?null:r[d+1].P,n,r,f,d)}else if(f>d){Te(t,l,a)}};var Ue=(e,t,n=false)=>{if(e.R===t.R){if(e.R==="slot"){return e.G===t.G}if(!n){return e.N===t.N}if(n&&!e.N&&t.N){e.N=t.N}return true}return false};var Fe=e=>e&&e["s-ol"]||e;var Ae=(e,n,r=false)=>{const i=n.P=e.P;const l=e.M;const f=n.M;const o=n.R;const s=n.O;let a;if(s===null){{Ne=o==="svg"?true:o==="foreignObject"?false:Ne}{Se(e,n,Ne)}if(l!==null&&f!==null){Le(i,l,n,f,r)}else if(f!==null){if(e.O!==null){i.textContent=""}Pe(i,null,n,f,0,f.length-1)}else if(!r&&t.updatable&&l!==null){Te(l,0,l.length-1)}else;if(Ne&&o==="svg"){Ne=false}}else if(a=i["s-cr"]){a.parentNode.textContent=s}else if(e.O!==s){i.data=s}};var De=[];var We=e=>{let t;let n;let r;const i=e.__childNodes||e.childNodes;for(const e of i){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const i=e["s-sn"];for(r=n.length-1;r>=0;r--){t=n[r];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==e["s-hn"]&&true){if(J(t,i)){let n=De.find((e=>e.T===t));Ce=true;t["s-sn"]=t["s-sn"]||i;if(n){n.T["s-sh"]=e["s-hn"];n.L=e}else{t["s-sh"]=e["s-hn"];De.push({L:e,T:t})}if(t["s-sr"]){De.map((e=>{if(J(e.T,t["s-sn"])){n=De.find((e=>e.T===t));if(n&&!e.L){e.L=n.L}}}))}}else if(!De.some((e=>e.T===t))){De.push({T:t})}}}}if(e.nodeType===1){We(e)}}};var ze=e=>{{e.C&&e.C.ref&&e.C.ref(null);e.M&&e.M.map(ze)}};var _e=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var Be=(e,t,n=false)=>{var r,i,l,f;const o=e.$hostElement$;const s=e.t;const a=e.U||oe(null,null);const c=ae(t);const u=c?t:fe(null,null,t);Oe=o.tagName;if(s.F){u.C=u.C||{};s.F.map((([e,t])=>u.C[t]=o[e]))}if(n&&u.C){for(const e of Object.keys(u.C)){if(o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){u.C[e]=o[e]}}}u.R=null;u.u|=4;e.U=u;u.P=a.P=o.shadowRoot||o;Ee=!!(s.u&1)&&!(s.u&128);{je=o["s-cr"];Ce=false}Ae(a,u,n);{w.u|=1;if(Me){We(u.P);for(const e of De){const t=e.T;if(!t["s-ol"]&&y.document){const e=y.document.createTextNode("");e["s-nr"]=t;_e(t.parentNode,t["s-ol"]=e,t)}}for(const e of De){const t=e.T;const o=e.L;if(o){const e=o.parentNode;let n=o.nextSibling;{let l=(r=t["s-ol"])==null?void 0:r.previousSibling;while(l){let r=(i=l["s-nr"])!=null?i:null;if(r&&r["s-sn"]===t["s-sn"]&&e===(r.__parentNode||r.parentNode)){r=r.nextSibling;while(r===t||(r==null?void 0:r["s-sr"])){r=r==null?void 0:r.nextSibling}if(!r||!r["s-nr"]){n=r;break}}l=l.previousSibling}}const f=t.__parentNode||t.parentNode;const s=t.__nextSibling||t.nextSibling;if(!n&&e!==f||s!==n){if(t!==n){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}_e(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(l=t["s-ih"])!=null?l:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](o)}else{if(t.nodeType===1){if(n){t["s-ih"]=(f=t.hidden)!=null?f:false}t.hidden=true}}}}if(Ce){I(u.P)}w.u&=-2;De.length=0}je=void 0};var He=(e,t)=>{if(t&&!e.A&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.A=()=>{t["s-p"].splice(n-1,1);r()})))}};var Ie=(e,t)=>{{e.u|=16}if(e.u&4){e.u|=512;return}He(e,e.D);const n=()=>qe(e,t);if(t){queueMicrotask((()=>{n()}));return}return R(n)};var qe=(e,t)=>{const n=e.$hostElement$;const r=Z("scheduleUpdate",e.t.$);const i=e.o;if(!i){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let l;if(t){{e.u|=256;if(e.W){e.W.map((([e,t])=>Ze(i,e,t,n)));e.W=void 0}}l=Ze(i,"componentWillLoad",void 0,n)}else{l=Ze(i,"componentWillUpdate",void 0,n)}l=Ve(l,(()=>Ze(i,"componentWillRender",void 0,n)));r();return Ve(l,(()=>Je(e,i,t)))};var Ve=(e,t)=>Ye(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Ye=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Je=async(e,t,n)=>{var r;const i=e.$hostElement$;const l=Z("update",e.t.$);const f=i["s-rc"];if(n){ie(e)}const o=Z("render",e.t.$);{Ke(e,t,i,n)}if(f){f.map((e=>e()));i["s-rc"]=void 0}o();l();{const t=(r=i["s-p"])!=null?r:[];const n=()=>Qe(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.u|=4;t.length=0}}};var Ke=(e,t,n,r)=>{try{t=t.render();{e.u&=-17}{e.u|=2}{{{Be(e,t,r)}}}}catch(t){v(t,e.$hostElement$)}return null};var Qe=e=>{const t=e.t.$;const n=e.$hostElement$;const r=Z("postUpdate",t);const i=e.o;const l=e.D;Ze(i,"componentDidRender",void 0,n);if(!(e.u&64)){e.u|=64;{et(n)}Ze(i,"componentDidLoad",void 0,n);r();{e.m(n);if(!l){Xe()}}}else{Ze(i,"componentDidUpdate",void 0,n);r()}{e.p(n)}{if(e.A){e.A();e.A=void 0}if(e.u&512){G((()=>Ie(e,false)))}e.u&=-517}};var Xe=t=>{G((()=>me(y,"appload",{detail:{namespace:e}})))};var Ze=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){v(e,r)}}return void 0};var et=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var tt=(e,t)=>a(e).l.get(t);var nt=(e,t,n,r)=>{const i=a(e);if(!i){return}if(!i){throw new Error(`Couldn't find host element for "${r.$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const l=i.$hostElement$;const f=i.l.get(t);const o=i.u;const s=i.o;n=pe(n,r.i[t][0]);const c=Number.isNaN(f)&&Number.isNaN(n);const u=n!==f&&!c;if((!(o&8)||f===void 0)&&u){i.l.set(t,n);if(s){if(r._&&o&128){const e=r._[t];if(e){e.map((e=>{try{s[e](n,f,t)}catch(e){v(e,l)}}))}}if((o&(2|16))===2){if(s.componentShouldUpdate){if(s.componentShouldUpdate(n,f,t)===false){return}}Ie(i,false)}}}};var rt=(e,n,r)=>{var i,l;const f=e.prototype;if(n.i||(n._||e.watchers)){if(e.watchers&&!n._){n._=e.watchers}const o=Object.entries((i=n.i)!=null?i:{});o.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:i,set:l}=Object.getOwnPropertyDescriptor(f,e)||{};if(i)n.i[e][0]|=2048;if(l)n.i[e][0]|=4096;if(r&1||!i){Object.defineProperty(f,e,{get(){{if((n.i[e][0]&2048)===0){return tt(this,e)}const t=a(this);const r=t?t.o:f;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(f,e,{set(i){const f=a(this);if(!f){return}if(l){const r=t&32?this[e]:f.$hostElement$[e];if(typeof r==="undefined"&&f.l.get(e)){i=f.l.get(e)}else if(!f.l.get(e)&&r){f.l.set(e,r)}l.apply(this,[pe(i,t)]);i=t&32?this[e]:f.$hostElement$[e];nt(this,e,i,n);return}{if((r&1)===0||(n.i[e][0]&4096)===0){nt(this,e,i,n);if(r&1&&!f.o){f.h.then((()=>{if(n.i[e][0]&4096&&f.o[e]!==f.l.get(e)){f.o[e]=i}}))}return}const l=()=>{const r=f.o[e];if(!f.l.get(e)&&r){f.l.set(e,r)}f.o[e]=pe(i,t);nt(this,e,f.o[e],n)};if(f.o){l()}else{f.h.then((()=>l()))}}}})}else if(r&1&&t&64){Object.defineProperty(f,e,{value(...t){var n;const r=a(this);return(n=r==null?void 0:r.v)==null?void 0:n.then((()=>{var n;return(n=r.o)==null?void 0:n[e](...t)}))}})}}));if(r&1){const r=new Map;f.attributeChangedCallback=function(e,i,l){w.jmp((()=>{var o;const s=r.get(e);if(this.hasOwnProperty(s)&&t.lazyLoad){l=this[s];delete this[s]}else if(f.hasOwnProperty(s)&&typeof this[s]==="number"&&this[s]==l){return}else if(s==null){const t=a(this);const r=t==null?void 0:t.u;if(t&&r&&!(r&8)&&r&128&&l!==i){const r=t.o;const f=(o=n._)==null?void 0:o[e];f==null?void 0:f.forEach((t=>{if(r[t]!=null){r[t].call(r,l,i,e)}}))}return}const c=Object.getOwnPropertyDescriptor(f,s);l=l===null&&typeof this[s]==="boolean"?false:l;if(l!==this[s]&&(!c.get||!!c.set)){this[s]=l}}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=n._)!=null?l:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var i;const l=t[1]||e;r.set(l,e);if(t[0]&512){(i=n.F)==null?void 0:i.push([e,l])}return l}))]))}}return e};var it=async(e,t,n,r)=>{let i;if((t.u&32)===0){t.u|=32;const r=n.S;if(r){const r=h(n,t);if(r&&"then"in r){const e=ee();i=await r;e()}else{i=r}if(!i){throw new Error(`Constructor for "${n.$}#${t.B}" was not found`)}if(!i.isProxied){{n._=i.watchers}rt(i,n,2);i.isProxied=true}const l=Z("createInstance",n.$);{t.u|=8}try{new i(t)}catch(t){v(t,e)}{t.u&=-9}{t.u|=128}l();lt(t.o,e)}else{i=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.u|=128))}if(i&&i.style){let e;if(typeof i.style==="string"){e=i.style}const t=le(n);if(!b.has(t)){const r=Z("registerStyles",n.$);ne(t,e,!!(n.u&1));r()}}}const l=t.D;const f=()=>Ie(t,true);if(l&&l["s-rc"]){l["s-rc"].push(f)}else{f()}};var lt=(e,t)=>{{Ze(e,"connectedCallback",void 0,t)}};var ft=e=>{if((w.u&1)===0){const t=a(e);if(!t){return}const n=t.t;const r=Z("connectedCallback",n.$);if(!(t.u&1)){t.u|=1;{if(n.u&(4|8)){ot(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){He(t,t.D=n);break}}}if(n.i){Object.entries(n.i).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{it(e,t,n)}}else{ut(e,t,n.H);if(t==null?void 0:t.o){lt(t.o,e)}else if(t==null?void 0:t.h){t.h.then((()=>lt(t.o,e)))}}r()}};var ot=e=>{if(!y.document){return}const t=e["s-cr"]=y.document.createComment("");t["s-cn"]=true;_e(e,t,e.firstChild)};var st=(e,t)=>{{Ze(e,"disconnectedCallback",void 0,t||e)}};var at=async e=>{if((w.u&1)===0){const t=a(e);{if(t==null?void 0:t.I){t.I.map((e=>e()));t.I=void 0}}if(t==null?void 0:t.o){st(t.o,e)}else if(t==null?void 0:t.h){t.h.then((()=>st(t.o,e)))}}if(te.has(e)){te.delete(e)}if(e.shadowRoot&&te.has(e.shadowRoot)){te.delete(e.shadowRoot)}};var ct=(e,t={})=>{var n;if(!y.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=Z();const i=[];const l=t.exclude||[];const f=y.customElements;const o=y.document.head;const s=o.querySelector("meta[charset]");const c=y.document.createElement("style");const d=[];let v;let p=true;Object.assign(w,t);w.k=new URL(t.resourcesUrl||"./",y.document.baseURI).href;let h=false;e.map((e=>{e[1].map((t=>{var n;const r={u:t[0],$:t[1],i:t[2],H:t[3]};if(r.u&4){h=true}{r.i=t[2]}{r.H=t[3]}{r.F=[]}{r._=(n=t[4])!=null?n:{}}const o=r.$;const s=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;u(e,r);if(r.u&1){{if(!e.shadowRoot){H.call(e,r)}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${r.$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=a(this);if(!e){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;ut(this,e,r.H)}if(v){clearTimeout(v);v=null}if(p){d.push(this)}else{w.jmp((()=>ft(this)))}}disconnectedCallback(){w.jmp((()=>at(this)));w.raf((()=>{var e;const t=a(this);if(!t){return}const n=d.findIndex((e=>e===this));if(n>-1){d.splice(n,1)}if(((e=t==null?void 0:t.U)==null?void 0:e.P)instanceof Node&&!t.U.P.isConnected){delete t.U.P}}))}componentOnReady(){var e;return(e=a(this))==null?void 0:e.h}};r.S=e[0];if(!l.includes(o)&&!f.get(o)){i.push(o);f.define(o,rt(s,r,1))}}))}));if(i.length>0){if(h){c.textContent+=g}{c.textContent+=i.sort()+m}if(c.innerHTML.length){c.setAttribute("data-styles","");const e=(n=w.j)!=null?n:T(y.document);if(e!=null){c.setAttribute("nonce",e)}o.insertBefore(c,s?s.nextSibling:o.firstChild)}}p=false;if(d.length){d.map((e=>e.connectedCallback()))}else{{w.jmp((()=>v=setTimeout(Xe,30)))}}r()};var ut=(e,t,n,r)=>{if(n&&y.document){n.map((([n,r,i])=>{const l=e;const f=dt(t,i);const o=vt(n);w.ael(l,r,f,o);(t.I=t.I||[]).push((()=>w.rel(l,r,f,o)))}))}};var dt=(e,t)=>n=>{var r;try{{if(e.u&256){(r=e.o)==null?void 0:r[t](n)}else{(e.W=e.W||[]).push([t,n])}}}catch(t){v(t,e.$hostElement$)}};var vt=e=>x?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var pt=e=>w.j=e;export{se as H,he as a,ct as b,be as c,n as g,fe as h,$ as p,c as r,pt as s};
-//# sourceMappingURL=p-BzcAlD18.js.map

package/dist/ls-document-viewer/p-fbb241f1.entry.js

@@ -1,2 +0,0 @@
-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:f,disabled:s,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:"abb10c40dccbc1df9073bb8135933b50c7addf3f",class:"formfield-host"},l?.length>1||b!=="none"&&t("div",{key:"b8f8cec278fc8b3e224dd4d4cb2a7e3381f1fc53",class:"formfield-top-elements"},t("div",{key:"090b6ce8001334d8ea27ee503bb80abdb4458765",class:"formfield-left-side"},v&&t("ls-icon",{key:"ae0d3022a53947e3948deeb160b1922f9532f662",name:v}),t("label",{key:"63dfbcd3acfd52aa6f977755734071b320ffe717",htmlFor:e,class:"formfield-label"},l),f&&t("ls-icon",{key:"266a2155a80ccc3e51d5474896fc2250964dff1e",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:s,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:s,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:s}):i==="textarea"?t("ls-textarea-input",{id:e,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:b==="required",disabled:s,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:s,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:s,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:s,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):t("p",null,"placeholder"),d||p||h||r&&t("div",{key:"cc8ffdb0f955baab2627011dc3ce756d9f3fb755",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:"b6d2515988fe6022fbc5dbf353650ad03fa06ed0",class:"formfield-count-container"},t("p",{key:"ac29508788d292a28e13a88f2dfd0f97bfc54120",class:I},a?.toString()?.length),h>0&&t("div",{key:"c6da1cc6b8e8970326344ccc37fc7055c36603c7",class:I},t("p",{key:"68250a9de3633f0a9d0f64006016663d5e4f9414"},"/"),t("p",{key:"4c541ba2dff8b2cdbc9b49830ed46e871cc2bd1f"},h)))))}static get watchers(){return{value:["valueWatcher"]}}};i.style=l;export{i as ls_formfield};
-//# sourceMappingURL=p-fbb241f1.entry.js.map