rebill-web-components-sdk 1.8.23 → 1.8.25

package/dist/rebill-web-components-sdk/p-c7c48b15.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,g as i,h as r}from"./p-D8cwEAmw.js";const l=".input-container{display:flex;flex-direction:column}.input-label{font-size:0.875rem;color:var(--rebill-color-text-primary);font-weight:500;margin-bottom:0.375rem}.input-label.disabled{cursor:not-allowed}.input-element{border-radius:var(--input-group-inner-border-radius, 8px);border:1.5px solid var(--rebill-color-border);padding:10px 14px;font-size:0.875rem;color:var(--rebill-color-text-primary);outline:none;transition:border-color 0.2s;background:var(--rebill-color-background);height:38.33px;box-sizing:border-box}.input-element.input-error{border-color:var(--rebill-color-error)}.input-element:disabled{background-color:var(--rebill-color-background);border-color:var(--rebill-color-disabled);color:var(--rebill-color-text-secondary);cursor:not-allowed;opacity:0.7}select.input-element{padding:10px 30px 10px 14px;appearance:none;cursor:pointer}select.input-element:disabled{cursor:not-allowed}.input-element:focus{border-color:var(--rebill-color-primary)}.input-element:disabled:focus{border-color:var(--rebill-color-disabled)}.input-element::placeholder{color:var(--rebill-color-text-secondary-light);font-size:0.875rem;opacity:1}.select-wrapper.disabled .select-icon{color:var(--rebill-color-disabled)}.error-message{color:var(--rebill-color-error);font-size:0.75rem;margin-top:0.375rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-element{width:100%;box-sizing:border-box}.icon-left,.icon-right{position:absolute;display:flex;align-items:center;justify-content:center;top:50%;transform:translateY(-50%)}.icon-left{left:0.75rem;color:var(--rebill-color-text-secondary-light)}.icon-right{right:0.75rem;cursor:pointer;color:var(--rebill-color-text-secondary-light)}.input-element.input-error:focus{flex-direction:column;box-shadow:0 0 0 2px var(--rebill-color-error-light)}.floating-label{position:relative}.floating-label .input-text__input-label{position:absolute;top:50%;left:0.75rem;transform:translateY(-50%);color:var(--rebill-color-text-secondary-light);transition:all 0.1s ease-in-out;pointer-events:none}.floating-label .input-element::placeholder{color:transparent}.floating-label .input-element:focus~.input-text__input-label,.floating-label .input-element:not(:placeholder-shown)~.input-text__input-label{top:0;font-size:0.62rem;color:var(--rebill-color-text-secondary);background-color:var(--rebill-color-background);padding:0 4px;left:0.75rem}.floating-label.has-left-icon .input-text__input-label{left:2.5rem}.input-element:disabled{color:var(--rebill-color-neutrals-500)}.input-wrapper:has(.input-element:disabled) .icon-left,.input-wrapper:has(.input-element:disabled) .icon-right{color:var(--rebill-color-text-secondary-light) !important}";const o=class{constructor(i){e(this,i);this.input=t(this,"input");this.rightIconClick=t(this,"rightIconClick");this.blur=t(this,"blur")}get el(){return i(this)}inputElement;label="";placeholder="";value="";error="";id="";disabled=false;leftIcon;rightIcon;clearable=false;variant="default";uppercase=false;input;rightIconClick;blur;handleFormChange(e){const t=e.detail;if(t&&this.id in t){this.value=t[this.id]}}onInput=e=>{if(this.disabled)return;const t=e.target;let i=t.value;if(this.id==="email"){i=i.toLowerCase();t.value=i}else if(this.uppercase){i=i.toUpperCase();t.value=i}this.value=i;this.input.emit({id:this.id,value:this.value})};onClear=()=>{if(this.disabled)return;this.value="";this.input.emit({id:this.id,value:this.value})};onRightIconClick=()=>{if(this.disabled)return;this.rightIconClick.emit({id:this.id})};onBlur=()=>{const e=this.value.trim();if(e!==this.value){this.value=e;this.input.emit({id:this.id,value:this.value})}this.blur.emit({id:this.id,value:this.value})};async getInputElement(){return this.inputElement}render(){const e=this.variant==="floating";const t={"input-element":true,"input-error":!!this.error};const i={"input-wrapper":true,"floating-label":e,"has-left-icon":!!this.leftIcon,"has-right-icon":!!this.rightIcon};return r("div",{key:"6dedbdf73d7aa79093c9c9e017ec82b19e3d30ed",class:"input-container"},!e&&this.label&&r("label",{key:"29f98e215aba802d2267cb7695ad40787a59752c",class:`input-label ${this.disabled?"disabled":""}`},this.label),r("div",{key:"02b986ca2e7fb3c6647b1224bb37e36416051261",class:i},this.leftIcon&&r("div",{key:"07594ef5be6aacaebaab5f91e96f3f41fb19c839",class:"icon-left"},r("rebill-icon",{key:"66fc04009f59b706adca59a8269e555e94122fe6",name:this.leftIcon})),r("input",{key:"0dd9bc46c784a50544aebacfacf6cb2952c7fadd",ref:e=>this.inputElement=e,type:"text",class:t,placeholder:e?this.label:this.placeholder,value:this.value,onInput:this.onInput,onBlur:this.onBlur,disabled:this.disabled,style:{paddingLeft:this.leftIcon?"2.5rem":"0.75rem",paddingRight:this.clearable||this.rightIcon?"2.5rem":"0.75rem"}}),e&&r("label",{key:"fb4f450cf92b47b57f3a37dc4625a7654e18d377",class:"input-text__input-label input-label"},this.label),this.clearable&&this.value&&r("div",{key:"793b62e77d01084b19d1c5833cc2d08763b22249",class:"icon-right",onClick:this.onClear},r("rebill-icon",{key:"e4cf34a66851ab158ceeaf571f2e09c08c87d93e",name:"x"})),this.rightIcon&&!this.clearable&&r("div",{key:"c3045d50ba0ca99874357a862aa509166d2e2625",class:"icon-right",onClick:this.onRightIconClick},r("rebill-icon",{key:"6742b1b7d6f4f34f1dfde4751e065a0bb0b7e24d",name:this.rightIcon}))),this.error&&r("span",{key:"acb71d3639f3ce71c9691d7c018d73e05b9bb0b1",class:"error-message"},this.error))}};o.style=l;export{o as rebill_input_text};
-//# sourceMappingURL=p-c7c48b15.entry.js.map