legalesign-document-viewer 0.9.21 → 0.9.23

package/dist/ls-document-viewer/{p-9ecd1ff7.entry.js → p-5e4e4662.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,c as e,h as r,H as a}from"./p-CqgU9BMJ.js";import{c as i}from"./p-ChV9xqsO.js";const o=()=>`.checkbox-container{display:flex;align-items:flex-start;cursor:pointer}.checkbox-container.disabled{cursor:not-allowed}.checkbox-container.reverse{flex-direction:row-reverse}.checkbox-label-container{display:flex;flex-direction:column;cursor:pointer}.checkbox-label{display:block;color:var(--gray-100, #45484d);font-size:1rem;font-weight:var(--font-medium);line-height:1.5rem}.checkbox-description{display:block;color:var(--gray-80, #6f7176);font-size:0.75rem;line-height:1rem}.checkbox-input{appearance:none;-webkit-appearance:none;position:relative;height:1rem;width:1rem;min-width:1rem;padding:0.25rem;border-radius:0.125rem;border:1px solid var(--gray-40, #d8d9dc) !important;background-color:var(--White, #fff);cursor:pointer;margin:0}.checkbox-container:not(.reverse) .checkbox-input{margin-right:0.5rem}.checkbox-container.reverse .checkbox-input{margin-left:0.5rem}.checkbox-container:not(.reverse) .checkbox-input+.checkbox-label-container .checkbox-label{margin:0}.checkbox-input+.checkbox-label-container:not(:has(.checkbox-description)){margin-top:0}.checkbox-input:has(~.checkbox-label-container .checkbox-description){margin-top:0.813rem}.checkbox-input:not(:has(~.checkbox-label-container .checkbox-description)){margin-top:0.25rem}.checkbox-input:checked{background-color:var(--primary-60, #4456f6);border:none !important}.checkbox-input:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.625rem;height:0.3125rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}.checkbox-input:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc) !important}.checkbox-input:checked:hover:not(:disabled){background-color:var(--primary-70, #2134dc)}.checkbox-input:focus,.checkbox-input:active{outline:none;box-shadow:0 0 0 4px var(--primary-30, #9dc3fc);background-color:var(--primary-10, #eff4ff)}.checkbox-input:checked:focus{background-color:var(--primary-60, #4456f6)}.checkbox-input:disabled{background-color:var(--gray-20, #edeff2);outline:none;box-shadow:none;cursor:not-allowed}.checkbox-input:disabled:hover{border-color:var(--gray-40, #d8d9dc) !important}.checkbox-input:disabled:checked,.checkbox-input:disabled:checked:hover,.checkbox-input:disabled:checked:focus,.checkbox-input:disabled:checked:focus:active{background-color:var(--primary-20, #c7ddff);border:none !important;outline:none;box-shadow:none;cursor:not-allowed}`;const t=class{constructor(r){n(this,r);this.handlechange=e(this,"handlechange",7);this.name="name";this.checked=false;this.disabled=false;this.position="left";this._checked=false;this.toggle=()=>{if(this.disabled)return;this._checked=!this._checked;this.handlechange.emit({id:this.checkboxId,checked:this._checked})}}componentWillLoad(){this._checked=this.checked}watchCheckedHandler(n){this._checked=n}render(){const{checkboxId:n,label:e,description:a,name:o,_checked:t,disabled:d,position:c}=this;return r("label",{key:"62d730d2c849df819182b0603406d5526fd7cf6a",class:i("checkbox-container",c==="right"&&"reverse",d&&"disabled"),onClick:this.toggle},r("input",{key:"359d2fe3e7b37e69196041693ddfb589862efae8",type:"checkbox",class:"checkbox-input",id:n,name:o,checked:t,disabled:d,onClick:n=>n.stopPropagation(),onChange:()=>this.toggle()}),e&&r("div",{key:"28c248105aa3588ab519ee94a6f4965e1b1a720a",class:"checkbox-label-container"},r("span",{key:"77a6cbff7c614134aa4a8ca9ea93e619161bc0fc",class:"checkbox-label"},e),a&&r("span",{key:"e8ff3dac5b44b3ab14fad0dd00a1c7410597db12",class:"checkbox-description"},a)))}static get watchers(){return{checked:["watchCheckedHandler"]}}};t.style=o();const d=()=>`* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n:host {\n  display: flex;\n  width: 100%;\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#fieldIconDisabled {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0.75rem;\n  display: block;\n}\n\n#fieldIcon {\n  color: var(--gray-80);\n}\n\n#fieldIconDisabled {\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}\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\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.right-items ls-icon {\n  display: flex;\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 c=class{constructor(r){n(this,r);this.numberChange=e(this,"numberChange",7);this.type="ls";this.value=0;this.handleChange=n=>{this.value=n.target.value;this.numberChange.emit({value:Number(n.target.value)})};this.handlePlus=()=>{this.value=this.value+1;this.numberChange.emit({value:this.value})};this.handleMinus=()=>{this.value=this.value-1;this.numberChange.emit({value:this.value})}}render(){const{type:n,name:e,value:a,placeholder:o,aria:t,disabled:d,required:c,valid:l,dirty:s,buttonClick:p,buttonIcon:b,fieldIcon:x,handleChange:h,handleMinus:g,handlePlus:f}=this;const u=i(n==="ls"?"input-ls":"input-basic",d?"disabled":s&&l?"valid":s&&!l?"invalid":"default",x&&"icon-input",s&&"button-input",b&&"button-input",b&&s&&"right-items-input");const v=i(d?"button-disabled":"button");return r("host",{key:"fbd83369b171e1413bf3244bb594b2151c5d7568",class:n==="ls"&&"host"},n==="ls"&&r("button",{key:"880872a7d49d7fb06e01434f849d3b3fb375fd15",class:v,onClick:()=>g(),disabled:d},r("ls-icon",{key:"3577567cbad049734fe0f600fa416c8a982128ac",id:"buttonIcon",name:"minus-sm-icon"})),r("div",{key:"b177400caec9bc7b485445dfa570cff041dd5b28",class:"input-container"},x&&r("ls-icon",{key:"865f7298c48c20771d386966a998f521bf780c48",id:d?"fieldIconDisabled":"fieldIcon",name:x}),r("input",{key:"5c60e97e4b7030d7822ededf9ac9e1fd90eb1532",type:"number",class:u,id:e,name:e,value:a,placeholder:o,"aria-label":t,required:c,disabled:d,onInput:n=>h(n)}),r("div",{key:"2f8a88babf1be8d21aaa7be046e73b573bfa6c99",class:"right-items"},s&&!d&&r("ls-icon",{key:"ad26e22ae2e9021393734431f727de6d657bc579",id:l?"validIcon":"invalidIcon",name:l?"check-circle-icon":"exclamation-circle-icon"}),b&&n!=="ls"&&r("button",{key:"18014391754535233143543d7906927d9e48ee22",class:"button",onClick:p},r("ls-icon",{key:"55d9e6bd19ed45b66b025e4a25ab729fba0574c4",id:"buttonIcon",name:b})))),n==="ls"&&r("button",{key:"d0a7d127699381b831d051077638018f419e83dc",class:v,onClick:f,disabled:d},r("ls-icon",{key:"bdee53830c6920bb0b84b20971cc365c8e02a529",id:"buttonIcon",name:"plus-sm-icon"})))}};c.style=d();const l=()=>`* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n:host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n.host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon,\n#fieldIconDisabled {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  display: block;\n}\n\n#fieldIcon {\n  color: var(--gray-80)\n}\n\n#fieldIconDisabled {\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}\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.right-items ls-icon {\n  display: flex;\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 s=class{constructor(r){n(this,r);this.selectChange=e(this,"selectChange",7);this.handleChange=n=>{const e=n.target;this.selectChange.emit({value:e.value})}}render(){const{name:n,aria:e,disabled:a,displayOnly:o,required:t,valid:d,dirty:c,buttonClick:l,buttonIcon:s,fieldIcon:p}=this;const b=i("input-base",a?"disabled":c&&d?"valid":c&&!d?"invalid":o?"displayOnly":"default",p&&"icon-input",c&&"button-input",s&&"button-input",s&&c&&"right-items-input");const x=(()=>{if(!this.options)return[];try{return JSON.parse(this.options)}catch(n){return[]}})();return r("host",{class:"host"},p&&r("ls-icon",{id:a?"fieldIconDisabled":"fieldIcon",name:p}),r("select",{class:b,id:n,name:n,"aria-label":e,required:t,disabled:a,onChange:n=>this.handleChange(n)},x.map((n=>r("option",{value:n.value,disabled:n.disabled},n.label)))),r("div",{class:"right-items"},c&&!a&&r("ls-icon",{id:d?"validIcon":"invalidIcon",name:d?"check-circle-icon":"exclamation-circle-icon"}),s?r("button",{class:"button",onClick:l},r("ls-icon",{id:"buttonIcon",name:s})):r("ls-icon",{id:a?"select-arrow-disabled":"select-arrow",name:"chevron-down-icon"})))}};s.style=l();const p=()=>`*{box-sizing:border-box;margin:0}:host{position:relative;display:flex;width:100%}.field-icon-left{position:absolute;top:0.5rem;left:0.75rem;display:flex;align-items:center;color:var(--gray-80);z-index:1;pointer-events:none}.field-icon-left.disabled{color:var(--gray-60)}.field-icon-right{display:flex;align-items:center;color:var(--gray-80);border:1px solid var(--gray-50);border-radius:0.375rem;box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.05);padding:0.125rem;cursor:pointer}.field-icon-right:hover{background:var(--gray-20)}.field-icon-right.disabled{color:var(--gray-40);border-color:var(--gray-40);cursor:not-allowed;background:var(--gray-10);box-shadow:none}#password-icon{padding-right:0.25rem}.icon-input{padding-left:2.5rem !important}.icon-right-input{padding-right:2.5rem !important}.button-input{padding-right:2.5rem !important}.right-items-input{padding-right:4rem !important}.input-base{display:flex;width:100%;height:2.25rem;padding:0.5rem 0.75rem;align-items:center;gap:0.5rem;align-self:stretch;border-radius:0.5rem;box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.05);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.875rem;font-style:normal;font-weight:400}.input-base:active:not(:disabled){outline:1px solid var(--Legalesign-Blue-60, #4456F6);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}.input-base:focus:not(:disabled){outline:1px solid var(--Legalesign-Blue-60, #4456F6);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}.default{border:1px solid var(--gray-40, #D8D9DC);background:var(--White, #FFF);color:var(--gray-100)}.default:hover{border:1px solid var(--gray-50, #D8D9DC);background:var(--White, #FFF);color:var(--gray-110)}.disabled{border:1px solid var(--gray-40, #D8D9DC);background:var(--gray-10, #F7F8FA);color:var(--gray-60);cursor:not-allowed}.display-only{border:1px solid var(--gray-40, #D8D9DC);background:var(--gray-10, #F7F8FA);color:var(--gray-100);cursor:not-allowed}.invalid{border:1px solid var(--red-50, #FF5C56);background:var(--White, #FFF);color:var(--gray-100)}.invalid:focus{box-shadow:0px 0px 0px 4px var(--red-30, #FFCCCB);outline:1px solid var(--red-50, #FF5C56)}.valid{border:1px solid var(--green-50, #34D399);background:var(--White, #FFF);color:var(--green-100, #125241)}.valid:focus{box-shadow:0px 0px 0px 4px var(--green-30, #A7F3D0);outline:1px solid var(--green-50, #34D399)}.right-items{position:absolute;padding:0.25rem;height:36px;right:0;top:0;display:flex;align-items:center}.invalid-icon{display:flex;align-items:center;margin:0 0.5rem;color:var(--red-60, #DC2626)}.valid-icon{display:flex;align-items:center;margin:0 0.5rem;color:var(--green-60, #059669)}.button{display:flex;height:28px;width:28px;padding:0.25rem;justify-content:center;align-items:center;border-radius:0.375rem;border:1px solid var(--gray-50, #C8C9CC);background:var(--White, #FFF);box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.05);color:var(--gray-90)}.button:hover{background:var(--gray-20, #EDEFF2);color:var(--gray-100)}.button:active,.button:focus{border-color:var(--Primary-Blue-Light, #4456F6);box-shadow:0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;color:var(--gray-100)}`;const b=class{constructor(r){n(this,r);this.textChange=e(this,"textChange",7);this.type="default";this.iconPosition="left";this.showPassword=false;this.handlePassword=()=>{this.showPassword=!this.showPassword}}render(){const{type:n,name:e,value:o,placeholder:t,aria:d,disabled:c,required:l,valid:s,dirty:p,countMax:b,buttonClick:x,buttonIcon:h,fieldIcon:g,iconPosition:f,showPassword:u,handlePassword:v}=this;const m=i("input-base",n==="displayonly"?"display-only":c?"disabled":p&&s?"valid":p&&!s?"invalid":"default",g&&f==="left"&&"icon-input",g&&f==="right"&&"icon-right-input",p&&"button-input",h&&"button-input",h&&p&&"right-items-input");return r(a,{key:"d80b379db9fbab569c49f5939b25ecf37422053a"},g&&f==="left"&&r("div",{key:"fb21f63609ba02307bba1e5c0f5c5de3d9ce2f5a",class:c?"field-icon-left disabled":"field-icon-left"},r("ls-icon",{key:"5110918d66dfe91f8fbd7bb94fa0e44447120ac6",name:g})),n==="password"?r("input",{type:u?"text":"password",class:m,id:e,name:e,value:o,maxlength:b,placeholder:t,"aria-label":d,required:l,disabled:c,onInput:n=>this.textChange.emit({value:n.target.value})}):n==="displayonly"?r("input",{class:m,id:e,name:e,value:o,maxlength:b,placeholder:t,"aria-label":d,required:l,disabled:true}):r("input",{class:m,id:e,name:e,value:o,maxlength:b,placeholder:t,"aria-label":d,required:l,disabled:c,onInput:n=>this.textChange.emit({value:n.target.value})}),r("div",{key:"963b036b1302e90a5f134b4ee1a9bc35f02516da",class:"right-items"},p&&!c&&r("div",{key:"6d2c444c8f35f96c01b9c31082f267048518963f",class:s?"valid-icon":"invalid-icon"},r("ls-icon",{key:"1b33a0fd6c9b95f5ceb7f5ecb99b7e1b03f81609",name:s?"check-circle-icon":"exclamation-circle-icon"})),h&&r("button",{key:"044ecda76ef3302435fead9df5461c78f34068be",class:"button",onClick:x},r("ls-icon",{key:"b4fd81de88a70f6b44f663a319e62815acb6fa78",name:h})),n==="password"&&!h&&r("ls-icon-button",{key:"a90bacba0539c673bee3567d90d90c8e1d152f82",id:"password-icon",icon:u?"eye-icon":"eye-off-icon",onClick:v}),g&&f==="right"&&r("div",{key:"8592bd6db912d95d8f56c670cc0c33317224abf8",class:c?"field-icon-right disabled":"field-icon-right"},r("ls-icon",{key:"62b1ad9499caff0eafc1e98e97447c6807e87de4",name:g}))))}};b.style=p();const x=()=>`* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n:host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n.host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon,\n#fieldIconDisabled {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  display: block;\n}\n\n#fieldIcon {\n  color: var(--gray-80);\n}\n\n#fieldIconDisabled {\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}\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.right-items ls-icon {\n  display: flex;\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 h=class{constructor(r){n(this,r);this.textareaChange=e(this,"textareaChange",7);this.rows=15}render(){const{name:n,value:e,placeholder:a,aria:o,disabled:t,displayOnly:d,required:c,valid:l,dirty:s,countMax:p,rows:b,buttonClick:x,buttonIcon:h,fieldIcon:g}=this;const f=i("input-base",t?"disabled":s&&l?"valid":s&&!l?"invalid":d?"displayOnly":"default",g&&"icon-input",s&&"button-input",h&&"button-input",h&&s&&"right-items-input");return r("host",{key:"b905b3af5fa8b9f05a56948d631d40f302a33566",class:"host"},g&&r("ls-icon",{key:"6e001b53dbf4c33b0655d277c58ad23b988b5999",id:t?"fieldIconDisabled":"fieldIcon",name:g}),r("textarea",{key:"05422687845db48083c7290ce0cf88039fb89678",class:f,id:n,name:n,value:e,maxlength:p,placeholder:a,"aria-label":o,required:c,disabled:t,rows:b,onInput:n=>this.textareaChange.emit({value:n.target.value})}),r("div",{key:"9b4dca0e623c5683f27647a498fa9d6284c93bdc",class:"right-items"},s&&!t&&r("ls-icon",{key:"33dde75f5a4bb7786ba34593838939c1869a70a3",id:l?"validIcon":"invalidIcon",name:l?"check-circle-icon":"exclamation-circle-icon"}),h&&r("button",{key:"a0c2cca1f7797761200ea8328ddb7cf28754a8ca",class:"button",onClick:x},r("ls-icon",{key:"8f37b8cf717086edc31010a1486e3969af7f455a",id:"buttonIcon",name:h}))))}};h.style=x();export{t as ls_checkbox_input,c as ls_number_input,s as ls_select_input,b as ls_text_input,h as ls_textarea_input};
-//# sourceMappingURL=p-9ecd1ff7.entry.js.map
+import{r as n,c as e,h as r,H as a}from"./p-CItPoq74.js";import{c as i}from"./p-ChV9xqsO.js";const o=()=>`.checkbox-container{display:flex;align-items:flex-start;cursor:pointer}.checkbox-container.disabled{cursor:not-allowed}.checkbox-container.reverse{flex-direction:row-reverse}.checkbox-label-container{display:flex;flex-direction:column;cursor:pointer}.checkbox-label{display:block;color:var(--gray-100, #45484d);font-size:1rem;font-weight:var(--font-medium);line-height:1.5rem}.checkbox-description{display:block;color:var(--gray-80, #6f7176);font-size:0.75rem;line-height:1rem}.checkbox-input{appearance:none;-webkit-appearance:none;position:relative;height:1rem;width:1rem;min-width:1rem;padding:0.25rem;border-radius:0.125rem;border:1px solid var(--gray-40, #d8d9dc) !important;background-color:var(--White, #fff);cursor:pointer;margin:0}.checkbox-container:not(.reverse) .checkbox-input{margin-right:0.5rem}.checkbox-container.reverse .checkbox-input{margin-left:0.5rem}.checkbox-container:not(.reverse) .checkbox-input+.checkbox-label-container .checkbox-label{margin:0}.checkbox-input+.checkbox-label-container:not(:has(.checkbox-description)){margin-top:0}.checkbox-input:has(~.checkbox-label-container .checkbox-description){margin-top:0.813rem}.checkbox-input:not(:has(~.checkbox-label-container .checkbox-description)){margin-top:0.25rem}.checkbox-input:checked{background-color:var(--primary-60, #4456f6);border:none !important}.checkbox-input:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.625rem;height:0.3125rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}.checkbox-input:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc) !important}.checkbox-input:checked:hover:not(:disabled){background-color:var(--primary-70, #2134dc)}.checkbox-input:focus,.checkbox-input:active{outline:none;box-shadow:0 0 0 4px var(--primary-30, #9dc3fc);background-color:var(--primary-10, #eff4ff)}.checkbox-input:checked:focus{background-color:var(--primary-60, #4456f6)}.checkbox-input:disabled{background-color:var(--gray-20, #edeff2);outline:none;box-shadow:none;cursor:not-allowed}.checkbox-input:disabled:hover{border-color:var(--gray-40, #d8d9dc) !important}.checkbox-input:disabled:checked,.checkbox-input:disabled:checked:hover,.checkbox-input:disabled:checked:focus,.checkbox-input:disabled:checked:focus:active{background-color:var(--primary-20, #c7ddff);border:none !important;outline:none;box-shadow:none;cursor:not-allowed}`;const t=class{constructor(r){n(this,r);this.handlechange=e(this,"handlechange",7);this.name="name";this.checked=false;this.disabled=false;this.position="left";this._checked=false;this.toggle=()=>{if(this.disabled)return;this._checked=!this._checked;this.handlechange.emit({id:this.checkboxId,checked:this._checked})}}componentWillLoad(){this._checked=this.checked}watchCheckedHandler(n){this._checked=n}render(){const{checkboxId:n,label:e,description:a,name:o,_checked:t,disabled:d,position:c}=this;return r("label",{key:"62d730d2c849df819182b0603406d5526fd7cf6a",class:i("checkbox-container",c==="right"&&"reverse",d&&"disabled"),onClick:this.toggle},r("input",{key:"359d2fe3e7b37e69196041693ddfb589862efae8",type:"checkbox",class:"checkbox-input",id:n,name:o,checked:t,disabled:d,onClick:n=>n.stopPropagation(),onChange:()=>this.toggle()}),e&&r("div",{key:"28c248105aa3588ab519ee94a6f4965e1b1a720a",class:"checkbox-label-container"},r("span",{key:"77a6cbff7c614134aa4a8ca9ea93e619161bc0fc",class:"checkbox-label"},e),a&&r("span",{key:"e8ff3dac5b44b3ab14fad0dd00a1c7410597db12",class:"checkbox-description"},a)))}static get watchers(){return{checked:["watchCheckedHandler"]}}};t.style=o();const d=()=>`* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n:host {\n  display: flex;\n  width: 100%;\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#fieldIconDisabled {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0.75rem;\n  display: block;\n}\n\n#fieldIcon {\n  color: var(--gray-80);\n}\n\n#fieldIconDisabled {\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}\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\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.right-items ls-icon {\n  display: flex;\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 c=class{constructor(r){n(this,r);this.numberChange=e(this,"numberChange",7);this.type="ls";this.value=0;this.handleChange=n=>{this.value=n.target.value;this.numberChange.emit({value:Number(n.target.value)})};this.handlePlus=()=>{this.value=this.value+1;this.numberChange.emit({value:this.value})};this.handleMinus=()=>{this.value=this.value-1;this.numberChange.emit({value:this.value})}}render(){const{type:n,name:e,value:a,placeholder:o,aria:t,disabled:d,required:c,valid:l,dirty:s,buttonClick:p,buttonIcon:b,fieldIcon:x,handleChange:h,handleMinus:g,handlePlus:f}=this;const u=i(n==="ls"?"input-ls":"input-basic",d?"disabled":s&&l?"valid":s&&!l?"invalid":"default",x&&"icon-input",s&&"button-input",b&&"button-input",b&&s&&"right-items-input");const v=i(d?"button-disabled":"button");return r("host",{key:"fbd83369b171e1413bf3244bb594b2151c5d7568",class:n==="ls"&&"host"},n==="ls"&&r("button",{key:"880872a7d49d7fb06e01434f849d3b3fb375fd15",class:v,onClick:()=>g(),disabled:d},r("ls-icon",{key:"3577567cbad049734fe0f600fa416c8a982128ac",id:"buttonIcon",name:"minus-sm-icon"})),r("div",{key:"b177400caec9bc7b485445dfa570cff041dd5b28",class:"input-container"},x&&r("ls-icon",{key:"865f7298c48c20771d386966a998f521bf780c48",id:d?"fieldIconDisabled":"fieldIcon",name:x}),r("input",{key:"5c60e97e4b7030d7822ededf9ac9e1fd90eb1532",type:"number",class:u,id:e,name:e,value:a,placeholder:o,"aria-label":t,required:c,disabled:d,onInput:n=>h(n)}),r("div",{key:"2f8a88babf1be8d21aaa7be046e73b573bfa6c99",class:"right-items"},s&&!d&&r("ls-icon",{key:"ad26e22ae2e9021393734431f727de6d657bc579",id:l?"validIcon":"invalidIcon",name:l?"check-circle-icon":"exclamation-circle-icon"}),b&&n!=="ls"&&r("button",{key:"18014391754535233143543d7906927d9e48ee22",class:"button",onClick:p},r("ls-icon",{key:"55d9e6bd19ed45b66b025e4a25ab729fba0574c4",id:"buttonIcon",name:b})))),n==="ls"&&r("button",{key:"d0a7d127699381b831d051077638018f419e83dc",class:v,onClick:f,disabled:d},r("ls-icon",{key:"bdee53830c6920bb0b84b20971cc365c8e02a529",id:"buttonIcon",name:"plus-sm-icon"})))}};c.style=d();const l=()=>`* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n:host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n.host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon,\n#fieldIconDisabled {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  display: block;\n}\n\n#fieldIcon {\n  color: var(--gray-80)\n}\n\n#fieldIconDisabled {\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}\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.right-items ls-icon {\n  display: flex;\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 s=class{constructor(r){n(this,r);this.selectChange=e(this,"selectChange",7);this.handleChange=n=>{const e=n.target;this.selectChange.emit({value:e.value})}}render(){const{name:n,aria:e,disabled:a,displayOnly:o,required:t,valid:d,dirty:c,buttonClick:l,buttonIcon:s,fieldIcon:p}=this;const b=i("input-base",a?"disabled":c&&d?"valid":c&&!d?"invalid":o?"displayOnly":"default",p&&"icon-input",c&&"button-input",s&&"button-input",s&&c&&"right-items-input");const x=(()=>{if(!this.options)return[];try{return JSON.parse(this.options)}catch(n){return[]}})();return r("host",{class:"host"},p&&r("ls-icon",{id:a?"fieldIconDisabled":"fieldIcon",name:p}),r("select",{class:b,id:n,name:n,"aria-label":e,required:t,disabled:a,onChange:n=>this.handleChange(n)},x.map((n=>r("option",{value:n.value,disabled:n.disabled},n.label)))),r("div",{class:"right-items"},c&&!a&&r("ls-icon",{id:d?"validIcon":"invalidIcon",name:d?"check-circle-icon":"exclamation-circle-icon"}),s?r("button",{class:"button",onClick:l},r("ls-icon",{id:"buttonIcon",name:s})):r("ls-icon",{id:a?"select-arrow-disabled":"select-arrow",name:"chevron-down-icon"})))}};s.style=l();const p=()=>`*{box-sizing:border-box;margin:0}:host{position:relative;display:flex;width:100%}.field-icon-left{position:absolute;top:0.5rem;left:0.75rem;display:flex;align-items:center;color:var(--gray-80);z-index:1;pointer-events:none}.field-icon-left.disabled{color:var(--gray-60)}.field-icon-right{display:flex;align-items:center;color:var(--gray-80);border:1px solid var(--gray-50);border-radius:0.375rem;box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.05);padding:0.125rem;cursor:pointer}.field-icon-right:hover{background:var(--gray-20)}.field-icon-right.disabled{color:var(--gray-40);border-color:var(--gray-40);cursor:not-allowed;background:var(--gray-10);box-shadow:none}#password-icon{padding-right:0.25rem}.icon-input{padding-left:2.5rem !important}.icon-right-input{padding-right:2.5rem !important}.button-input{padding-right:2.5rem !important}.right-items-input{padding-right:4rem !important}.input-base{display:flex;width:100%;height:2.25rem;padding:0.5rem 0.75rem;align-items:center;gap:0.5rem;align-self:stretch;border-radius:0.5rem;box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.05);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.875rem;font-style:normal;font-weight:400}.input-base:active:not(:disabled){outline:1px solid var(--Legalesign-Blue-60, #4456F6);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}.input-base:focus:not(:disabled){outline:1px solid var(--Legalesign-Blue-60, #4456F6);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}.default{border:1px solid var(--gray-40, #D8D9DC);background:var(--White, #FFF);color:var(--gray-100)}.default:hover{border:1px solid var(--gray-50, #D8D9DC);background:var(--White, #FFF);color:var(--gray-110)}.disabled{border:1px solid var(--gray-40, #D8D9DC);background:var(--gray-10, #F7F8FA);color:var(--gray-60);cursor:not-allowed}.display-only{border:1px solid var(--gray-40, #D8D9DC);background:var(--gray-10, #F7F8FA);color:var(--gray-100);cursor:not-allowed}.invalid{border:1px solid var(--red-50, #FF5C56);background:var(--White, #FFF);color:var(--gray-100)}.invalid:focus{box-shadow:0px 0px 0px 4px var(--red-30, #FFCCCB);outline:1px solid var(--red-50, #FF5C56)}.valid{border:1px solid var(--green-50, #34D399);background:var(--White, #FFF);color:var(--green-100, #125241)}.valid:focus{box-shadow:0px 0px 0px 4px var(--green-30, #A7F3D0);outline:1px solid var(--green-50, #34D399)}.right-items{position:absolute;padding:0.25rem;height:36px;right:0;top:0;display:flex;align-items:center}.invalid-icon{display:flex;align-items:center;margin:0 0.5rem;color:var(--red-60, #DC2626)}.valid-icon{display:flex;align-items:center;margin:0 0.5rem;color:var(--green-60, #059669)}.button{display:flex;height:28px;width:28px;padding:0.25rem;justify-content:center;align-items:center;border-radius:0.375rem;border:1px solid var(--gray-50, #C8C9CC);background:var(--White, #FFF);box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.05);color:var(--gray-90)}.button:hover{background:var(--gray-20, #EDEFF2);color:var(--gray-100)}.button:active,.button:focus{border-color:var(--Primary-Blue-Light, #4456F6);box-shadow:0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;color:var(--gray-100)}`;const b=class{constructor(r){n(this,r);this.textChange=e(this,"textChange",7);this.type="default";this.iconPosition="left";this.showPassword=false;this.handlePassword=()=>{this.showPassword=!this.showPassword}}render(){const{type:n,name:e,value:o,placeholder:t,aria:d,disabled:c,required:l,valid:s,dirty:p,countMax:b,buttonClick:x,buttonIcon:h,fieldIcon:g,iconPosition:f,showPassword:u,handlePassword:v}=this;const m=i("input-base",n==="displayonly"?"display-only":c?"disabled":p&&s?"valid":p&&!s?"invalid":"default",g&&f==="left"&&"icon-input",g&&f==="right"&&"icon-right-input",p&&"button-input",h&&"button-input",h&&p&&"right-items-input");return r(a,{key:"d80b379db9fbab569c49f5939b25ecf37422053a"},g&&f==="left"&&r("div",{key:"fb21f63609ba02307bba1e5c0f5c5de3d9ce2f5a",class:c?"field-icon-left disabled":"field-icon-left"},r("ls-icon",{key:"5110918d66dfe91f8fbd7bb94fa0e44447120ac6",name:g})),n==="password"?r("input",{type:u?"text":"password",class:m,id:e,name:e,value:o,maxlength:b,placeholder:t,"aria-label":d,required:l,disabled:c,onInput:n=>this.textChange.emit({value:n.target.value})}):n==="displayonly"?r("input",{class:m,id:e,name:e,value:o,maxlength:b,placeholder:t,"aria-label":d,required:l,disabled:true}):r("input",{class:m,id:e,name:e,value:o,maxlength:b,placeholder:t,"aria-label":d,required:l,disabled:c,onInput:n=>this.textChange.emit({value:n.target.value})}),r("div",{key:"963b036b1302e90a5f134b4ee1a9bc35f02516da",class:"right-items"},p&&!c&&r("div",{key:"6d2c444c8f35f96c01b9c31082f267048518963f",class:s?"valid-icon":"invalid-icon"},r("ls-icon",{key:"1b33a0fd6c9b95f5ceb7f5ecb99b7e1b03f81609",name:s?"check-circle-icon":"exclamation-circle-icon"})),h&&r("button",{key:"044ecda76ef3302435fead9df5461c78f34068be",class:"button",onClick:x},r("ls-icon",{key:"b4fd81de88a70f6b44f663a319e62815acb6fa78",name:h})),n==="password"&&!h&&r("ls-icon-button",{key:"a90bacba0539c673bee3567d90d90c8e1d152f82",id:"password-icon",icon:u?"eye-icon":"eye-off-icon",onClick:v}),g&&f==="right"&&r("div",{key:"8592bd6db912d95d8f56c670cc0c33317224abf8",class:c?"field-icon-right disabled":"field-icon-right"},r("ls-icon",{key:"62b1ad9499caff0eafc1e98e97447c6807e87de4",name:g}))))}};b.style=p();const x=()=>`* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n:host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n.host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon,\n#fieldIconDisabled {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  display: block;\n}\n\n#fieldIcon {\n  color: var(--gray-80);\n}\n\n#fieldIconDisabled {\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}\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.right-items ls-icon {\n  display: flex;\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 h=class{constructor(r){n(this,r);this.textareaChange=e(this,"textareaChange",7);this.rows=15}render(){const{name:n,value:e,placeholder:a,aria:o,disabled:t,displayOnly:d,required:c,valid:l,dirty:s,countMax:p,rows:b,buttonClick:x,buttonIcon:h,fieldIcon:g}=this;const f=i("input-base",t?"disabled":s&&l?"valid":s&&!l?"invalid":d?"displayOnly":"default",g&&"icon-input",s&&"button-input",h&&"button-input",h&&s&&"right-items-input");return r("host",{key:"b905b3af5fa8b9f05a56948d631d40f302a33566",class:"host"},g&&r("ls-icon",{key:"6e001b53dbf4c33b0655d277c58ad23b988b5999",id:t?"fieldIconDisabled":"fieldIcon",name:g}),r("textarea",{key:"05422687845db48083c7290ce0cf88039fb89678",class:f,id:n,name:n,value:e,maxlength:p,placeholder:a,"aria-label":o,required:c,disabled:t,rows:b,onInput:n=>this.textareaChange.emit({value:n.target.value})}),r("div",{key:"9b4dca0e623c5683f27647a498fa9d6284c93bdc",class:"right-items"},s&&!t&&r("ls-icon",{key:"33dde75f5a4bb7786ba34593838939c1869a70a3",id:l?"validIcon":"invalidIcon",name:l?"check-circle-icon":"exclamation-circle-icon"}),h&&r("button",{key:"a0c2cca1f7797761200ea8328ddb7cf28754a8ca",class:"button",onClick:x},r("ls-icon",{key:"8f37b8cf717086edc31010a1486e3969af7f455a",id:"buttonIcon",name:h}))))}};h.style=x();export{t as ls_checkbox_input,c as ls_number_input,s as ls_select_input,b as ls_text_input,h as ls_textarea_input};
+//# sourceMappingURL=p-5e4e4662.entry.js.map

package/dist/ls-document-viewer/{p-3da9d77b.entry.js → p-61e1b37b.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,h as e,H as o}from"./p-CqgU9BMJ.js";import{c as t}from"./p-ChV9xqsO.js";const r=()=>`* {\n  box-sizing: border-box;\n}\n\n.container {\n  position: relative;\n  display: flex;\n  padding: 0.5rem;\n  border-radius: 0.625rem;\n  background-color: var(--gray-10);\n  gap: 0.5rem;\n  border: 1px solid var(--gray-20);\n  min-height: 2.375rem;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.flex-row {\n  flex-direction: row;\n}\n\n.icon-padding {\n  padding-right: 2.25rem;\n}\n\n.title-text {\n  overflow: hidden;\n  color: var(--Grey-80, #6c6e73);\n  text-overflow: ellipsis;\n  font-size: 0.75rem;\n  line-height: 0.875rem;\n  vertical-align: middle;\n  font-weight: var(--font-base, 400);\n  text-transform: uppercase;\n  width: 100%;\n  padding: 3px 0;\n}\n\n.content {\n  width: 100%;\n  p {\n    color: var(--Grey-80, #787a80);\n    font-size: 0.875rem;\n    font-style: normal;\n    font-weight: var(--font-medium, 500);\n  }\n}\n\n.icon-container {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n}\n`;const c=class{constructor(e){n(this,e);this.layout="column"}render(){const{header:n,layout:r,actionIcon:c,customStyle:i}=this;const a=t("container",r==="row"?"flex-row":"flex-col",c&&r==="row"&&"icon-padding");return e(o,{key:"b3da2b39568f6fba458786128040005b0f61436c",class:a,style:i},e("p",{key:"8b86e84de5ae36b1d41dd5cbbd39cbcca49053b2",class:"title-text"},n),c&&e("div",{key:"8c0968fc8a3335cc1f6a8ffe91634555f8666cd2",class:"icon-container"},e("ls-icon-button",{key:"4d5553f40fc1392335ea0e6c1d418b8bac6de302",icon:c})),e("div",{key:"a2afd783093a207bf077a88cb664deff97cf19ed",class:"content",style:i},e("slot",{key:"2f4d3cb8c6835ee7a070a2c4142cee510d17f1d9"})))}};c.style=r();export{c as ls_details_section};
-//# sourceMappingURL=p-3da9d77b.entry.js.map
+import{r as n,h as e,H as o}from"./p-CItPoq74.js";import{c as t}from"./p-ChV9xqsO.js";const r=()=>`* {\n  box-sizing: border-box;\n}\n\n.container {\n  position: relative;\n  display: flex;\n  padding: 0.5rem;\n  border-radius: 0.625rem;\n  background-color: var(--gray-10);\n  gap: 0.5rem;\n  border: 1px solid var(--gray-20);\n  min-height: 2.375rem;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.flex-row {\n  flex-direction: row;\n}\n\n.icon-padding {\n  padding-right: 2.25rem;\n}\n\n.title-text {\n  overflow: hidden;\n  color: var(--Grey-80, #6c6e73);\n  text-overflow: ellipsis;\n  font-size: 0.75rem;\n  line-height: 0.875rem;\n  vertical-align: middle;\n  font-weight: var(--font-base, 400);\n  text-transform: uppercase;\n  width: 100%;\n  padding: 3px 0;\n}\n\n.content {\n  width: 100%;\n  p {\n    color: var(--Grey-80, #787a80);\n    font-size: 0.875rem;\n    font-style: normal;\n    font-weight: var(--font-medium, 500);\n  }\n}\n\n.icon-container {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n}\n`;const c=class{constructor(e){n(this,e);this.layout="column"}render(){const{header:n,layout:r,actionIcon:c,customStyle:i}=this;const a=t("container",r==="row"?"flex-row":"flex-col",c&&r==="row"&&"icon-padding");return e(o,{key:"b3da2b39568f6fba458786128040005b0f61436c",class:a,style:i},e("p",{key:"8b86e84de5ae36b1d41dd5cbbd39cbcca49053b2",class:"title-text"},n),c&&e("div",{key:"8c0968fc8a3335cc1f6a8ffe91634555f8666cd2",class:"icon-container"},e("ls-icon-button",{key:"4d5553f40fc1392335ea0e6c1d418b8bac6de302",icon:c})),e("div",{key:"a2afd783093a207bf077a88cb664deff97cf19ed",class:"content",style:i},e("slot",{key:"2f4d3cb8c6835ee7a070a2c4142cee510d17f1d9"})))}};c.style=r();export{c as ls_details_section};
+//# sourceMappingURL=p-61e1b37b.entry.js.map

package/dist/ls-document-viewer/{p-0d1fc411.entry.js → p-6244f792.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./p-CqgU9BMJ.js";import{c as a}from"./p-ChV9xqsO.js";const o=()=>`.header{display:flex;position:relative;justify-content:space-between;align-items:center;height:2.25rem;background-color:white;max-width:100vw;border-bottom:1px solid var(--gray-20)}.text-container{position:absolute;right:50%;transform:translateX(50%);display:flex;align-items:center;gap:0.25rem;color:var(--gray-100);margin-left:auto;margin-right:auto;max-height:1.5rem;max-width:calc(100vw - 200px);white-space:nowrap;background-color:white}.left-text{display:flex;gap:0.5rem;align-items:center;background-color:transparent;border:none;color:var(--gray-80);text-transform:capitalize;margin-left:0.25rem}.left-text:hover{cursor:pointer;color:var(--gray-100)}.left-text.disabled,.left-text:disabled{color:var(--gray-60);cursor:not-allowed}.left-span{font-size:14px}.text1{font-weight:var(--font-semibold);font-size:14px}.text2{font-weight:var(--font-medium);font-size:14px}`;var r=undefined&&undefined.__rest||function(e,t){var a={};for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0)a[o]=e[o];if(e!=null&&typeof Object.getOwnPropertySymbols==="function")for(var r=0,o=Object.getOwnPropertySymbols(e);r<o.length;r++){if(t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r]))a[o[r]]=e[o[r]]}return a};const i=class{constructor(t){e(this,t);this.loading=false}render(){const e=this,{text1:o,text2:i,leftText:l,icon:c,loading:d,customStyle:n,leftClick:s}=e,f=r(e,["text1","text2","leftText","icon","loading","customStyle","leftClick"]);return t("host",{key:"65426f80daec93c74a40bf6f1d050d403e62a2c9",class:"host"},t("header",{key:"959fc744d1ad852c401e635219aa939fa3b73b93",class:"header",style:n},l&&t("button",Object.assign({key:"3ab541aef3341a0336137e7ddf4770c044ec3020",class:a("left-text",d&&"disabled"),disabled:d,"aria-label":l,onClick:s},f),t("span",{key:"d939eb1b936060980ea51a93908a20cb795118a8"},t("ls-icon",{key:"6895e994b4a0f5db92b5c418dfed0c30b5f4d06e",name:"arrow-left-icon",solid:true,size:18})),t("span",{key:"32f29961a579d3006a4a42929f3d2138e0b5db4b",class:"left-span"},l)),t("div",{key:"8dd63f59108324052dad659bc9af2e93b160cd90",class:"text-container","aria-label":`${o} ${i}`},(o||i)&&!d&&t("div",{key:"75bd27f6a8a35ea7d79f41076790729bc3ee33a0",class:"text-container"},c&&t("ls-icon",{key:"f10c63651aab7b32fd9ad0dd9d63ca93fca58170",name:c,solid:false,size:20}),t("p",{key:"b025c2722262c6c24af696afaa5bdc5ddc741a99",class:"text1"},`${o} / `),t("p",{key:"a38bd3dc06fee8d0c80bb324b12b509a25d69424",class:"text2","data-tooltip-id":"le-tooltip","data-tooltip-delay-show":200,"data-tooltip-content":i},i!==null&&i!==void 0?i:"")),d&&t("ls-loading",{key:"5b568cbf93621be0b29962e6c747e30b48654093",text:"loading...",iconSize:28}))))}};i.style=o();export{i as ls_header_bar};
-//# sourceMappingURL=p-0d1fc411.entry.js.map
+import{r as e,h as t}from"./p-CItPoq74.js";import{c as a}from"./p-ChV9xqsO.js";const o=()=>`.header{display:flex;position:relative;justify-content:space-between;align-items:center;height:2.25rem;background-color:white;max-width:100vw;border-bottom:1px solid var(--gray-20)}.text-container{position:absolute;right:50%;transform:translateX(50%);display:flex;align-items:center;gap:0.25rem;color:var(--gray-100);margin-left:auto;margin-right:auto;max-height:1.5rem;max-width:calc(100vw - 200px);white-space:nowrap;background-color:white}.left-text{display:flex;gap:0.5rem;align-items:center;background-color:transparent;border:none;color:var(--gray-80);text-transform:capitalize;margin-left:0.25rem}.left-text:hover{cursor:pointer;color:var(--gray-100)}.left-text.disabled,.left-text:disabled{color:var(--gray-60);cursor:not-allowed}.left-span{font-size:14px}.text1{font-weight:var(--font-semibold);font-size:14px}.text2{font-weight:var(--font-medium);font-size:14px}`;var r=undefined&&undefined.__rest||function(e,t){var a={};for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0)a[o]=e[o];if(e!=null&&typeof Object.getOwnPropertySymbols==="function")for(var r=0,o=Object.getOwnPropertySymbols(e);r<o.length;r++){if(t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r]))a[o[r]]=e[o[r]]}return a};const i=class{constructor(t){e(this,t);this.loading=false}render(){const e=this,{text1:o,text2:i,leftText:l,icon:c,loading:d,customStyle:n,leftClick:s}=e,f=r(e,["text1","text2","leftText","icon","loading","customStyle","leftClick"]);return t("host",{key:"65426f80daec93c74a40bf6f1d050d403e62a2c9",class:"host"},t("header",{key:"959fc744d1ad852c401e635219aa939fa3b73b93",class:"header",style:n},l&&t("button",Object.assign({key:"3ab541aef3341a0336137e7ddf4770c044ec3020",class:a("left-text",d&&"disabled"),disabled:d,"aria-label":l,onClick:s},f),t("span",{key:"d939eb1b936060980ea51a93908a20cb795118a8"},t("ls-icon",{key:"6895e994b4a0f5db92b5c418dfed0c30b5f4d06e",name:"arrow-left-icon",solid:true,size:18})),t("span",{key:"32f29961a579d3006a4a42929f3d2138e0b5db4b",class:"left-span"},l)),t("div",{key:"8dd63f59108324052dad659bc9af2e93b160cd90",class:"text-container","aria-label":`${o} ${i}`},(o||i)&&!d&&t("div",{key:"75bd27f6a8a35ea7d79f41076790729bc3ee33a0",class:"text-container"},c&&t("ls-icon",{key:"f10c63651aab7b32fd9ad0dd9d63ca93fca58170",name:c,solid:false,size:20}),t("p",{key:"b025c2722262c6c24af696afaa5bdc5ddc741a99",class:"text1"},`${o} / `),t("p",{key:"a38bd3dc06fee8d0c80bb324b12b509a25d69424",class:"text2","data-tooltip-id":"le-tooltip","data-tooltip-delay-show":200,"data-tooltip-content":i},i!==null&&i!==void 0?i:"")),d&&t("ls-loading",{key:"5b568cbf93621be0b29962e6c747e30b48654093",text:"loading...",iconSize:28}))))}};i.style=o();export{i as ls_header_bar};
+//# sourceMappingURL=p-6244f792.entry.js.map

package/dist/ls-document-viewer/{p-0b3a5fbd.entry.js → p-7c5b3574.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as r,a as s}from"./p-CqgU9BMJ.js";import{c as t}from"./p-ChV9xqsO.js";const a=()=>`.buttonClass{background-color:transparent;border:none;border-radius:0.25rem;padding:0px;color:var(--gray-60)}.buttonClass:focus{box-shadow:var(--focus-box-shadow);outline-offset:var(--focus-outline-offset)}.buttonClass:hover{background-color:transparent;color:var(--gray-80);cursor:pointer}.buttonClass:disabled{background-color:var(--gray-10);color:var(--gray-40);cursor:not-allowed}`;var e=undefined&&undefined.__rest||function(o,r){var s={};for(var t in o)if(Object.prototype.hasOwnProperty.call(o,t)&&r.indexOf(t)<0)s[t]=o[t];if(o!=null&&typeof Object.getOwnPropertySymbols==="function")for(var a=0,t=Object.getOwnPropertySymbols(o);a<t.length;a++){if(r.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(o,t[a]))s[t[a]]=o[t[a]]}return s};const n=class{constructor(r){o(this,r);this.disabled=false;this.solid=false}render(){const o=this,{icon:s,disabled:a,solid:n,customStyle:c}=o,l=e(o,["icon","disabled","solid","customStyle"]);const d=t("buttonClass");return r("button",Object.assign({key:"5228effe25bc955625b033a432d532ab26f140ad",class:d,style:c,disabled:a},l),r("ls-icon",{key:"5228f006781330cd61bd9c601807945bc22377d4",name:s,solid:n}))}get el(){return s(this)}};n.style=a();export{n as ls_icon_button};
-//# sourceMappingURL=p-0b3a5fbd.entry.js.map
+import{r as o,h as r,a as s}from"./p-CItPoq74.js";import{c as t}from"./p-ChV9xqsO.js";const a=()=>`.buttonClass{background-color:transparent;border:none;border-radius:0.25rem;padding:0px;color:var(--gray-60)}.buttonClass:focus{box-shadow:var(--focus-box-shadow);outline-offset:var(--focus-outline-offset)}.buttonClass:hover{background-color:transparent;color:var(--gray-80);cursor:pointer}.buttonClass:disabled{background-color:var(--gray-10);color:var(--gray-40);cursor:not-allowed}`;var e=undefined&&undefined.__rest||function(o,r){var s={};for(var t in o)if(Object.prototype.hasOwnProperty.call(o,t)&&r.indexOf(t)<0)s[t]=o[t];if(o!=null&&typeof Object.getOwnPropertySymbols==="function")for(var a=0,t=Object.getOwnPropertySymbols(o);a<t.length;a++){if(r.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(o,t[a]))s[t[a]]=o[t[a]]}return s};const n=class{constructor(r){o(this,r);this.disabled=false;this.solid=false}render(){const o=this,{icon:s,disabled:a,solid:n,customStyle:c}=o,l=e(o,["icon","disabled","solid","customStyle"]);const d=t("buttonClass");return r("button",Object.assign({key:"5228effe25bc955625b033a432d532ab26f140ad",class:d,style:c,disabled:a},l),r("ls-icon",{key:"5228f006781330cd61bd9c601807945bc22377d4",name:s,solid:n}))}get el(){return s(this)}};n.style=a();export{n as ls_icon_button};
+//# sourceMappingURL=p-7c5b3574.entry.js.map