{"version":3,"names":["ifxFormTextInputCss","IfxFormTextInput","exports","class_1","prototype","render","_this","this","inputId","concat","name","formGroupClass","labelClass","inputCopy","h","class","template","id","htmlFor","label","toolTipText","required","showAsterisk","inputClass","ref","el","textInput","type","value","errorMessage","match","minLength","maxlength","maxLength","pattern","Host"],"sources":["src/components/ifx-form-text-input/ifx-form-text-input.scss?tag=ifx-form-text-input","src/components/ifx-form-text-input/ifx-form-text-input.tsx"],"sourcesContent":["/* stylelint-disable */ // Used only for files created before adding the linter -> please remove when changing the file!\nifx-form-text-input {\n  display: block;\n  $tooltip-bg: #9bc3b7;\n\n  .tooltip {\n    vertical-align: top;\n    position: relative;\n    display: inline-block;\n    font-size: 6pt;\n    color: white;\n    background-color: $tooltip-bg;\n    margin-left: 2pt;\n    padding: 0pt 3pt 0pt 3pt;\n    border-radius: 2000px;\n\n    //box around the tooltip\n\n    .tooltiptext {\n      visibility: hidden;\n      font-size: 10pt;\n      width: 200px;\n      background-color: $tooltip-bg;\n      color: #fff;\n      text-align: center;\n      padding: 2pt 2pt;\n      position: absolute;\n      z-index: 1;\n      top: 1px;\n      left: 15px;\n      opacity: 0;\n      transition: opacity 0.3s;\n    }\n\n    //left triangle\n\n    .tooltiptext::after {\n      content: \"\";\n      position: absolute;\n      top: 1px;\n      left: -10px;\n      margin-left: 0px;\n      border-width: 5px;\n      border-style: solid;\n      border-color: transparent $tooltip-bg transparent transparent;\n    }\n\n  }\n\n  .tooltip:hover .tooltiptext {\n    visibility: visible;\n    opacity: 1;\n  }\n\n}\n","/* eslint-disable */ // Used only for files created before adding the linter -> please remove when changing the file!\nimport {Component, h, Host, Prop,} from '@stencil/core';\n\n@Component({\n\ttag: 'ifx-form-text-input',\n\tstyleUrl: 'ifx-form-text-input.scss',\n\tshadow: false,\n})\nexport class IfxFormTextInput {\n\t@Prop() errorMessage: string;\n\t@Prop() formGroupClass: string;\n\t@Prop() inputClass: string;\n\t@Prop() inputCopy: string;\n\t@Prop() label: string;\n\t@Prop() labelClass: string;\n\t@Prop() match: string;\n\t@Prop() maxLength: string;\n\t@Prop() minLength: string;\n\t@Prop() name: string;\n\t@Prop() pattern: string;\n\t@Prop() required: boolean;\n\t@Prop() showAsterisk = false;\n\t@Prop() toolTipText: string;\n\t@Prop() type: string;\n\t@Prop() value: string;\n\n\ttextInput: HTMLInputElement;\n\n\trender() {\n\t\tconst inputId = `${this.name}FormGroup`;\n\t\tconst formGroupClass = this.formGroupClass ? `form-group ${this.formGroupClass}` : 'form-group';\n\t\tconst labelClass = this.labelClass ? `${this.labelClass} control-label` : 'control-label';\n\t\tconst inputCopy = this.inputCopy ? <span class=\"copy-block\">{this.inputCopy}</span> : '';\n\n\t\tconst template = <div class={formGroupClass} id={inputId}>\n\t\t\t<label htmlFor={this.name} class={labelClass}>\n\t\t\t\t{this.label}\n\t\t\t\t{this.toolTipText && <span class=\"tooltip\"> !<span class=\"tooltiptext\">{this.toolTipText}</span></span>}\n\t\t\t\t{this.required && this.showAsterisk ? <span>*</span> : ''}\n\t\t\t</label>\n\n\t\t\t<div class={this.inputClass}>\n\t\t\t\t<input ref={(el) => this.textInput = el}\n\t\t\t\t\t   type={this.type} name={this.name} id={this.name} value={this.value}\n\t\t\t\t\t   class=\"form-control\"\n\t\t\t\t\t   data-validation-error-message={this.errorMessage}\n\t\t\t\t\t   data-validation-match={this.match}\n\t\t\t\t\t   data-minlength={this.minLength}\n\t\t\t\t\t   maxlength={this.maxLength}\n\t\t\t\t\t   data-maxlength={this.maxLength}\n\t\t\t\t\t   data-pattern={this.pattern}\n\t\t\t\t\t   data-fieldhint={this.toolTipText}\n\t\t\t\t\t   data-required={this.required == true ? 'true' : 'false'}\n\t\t\t\t/>\n\t\t\t\t<span class=\"help-block form-group__error\"></span>\n\t\t\t\t{inputCopy}\n\t\t\t</div>\n\t\t</div>;\n\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t{template}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"sJAAA,IAAMA,EAAsB,i8G,ICQfC,EAAgBC,EAAA,iC,gVAaL,M,oEAOvBC,EAAAC,UAAAC,OAAA,eAAAC,EAAAC,KACC,IAAMC,EAAU,GAAAC,OAAGF,KAAKG,KAAI,aAC5B,IAAMC,EAAiBJ,KAAKI,eAAiB,cAAAF,OAAcF,KAAKI,gBAAmB,aACnF,IAAMC,EAAaL,KAAKK,WAAa,GAAAH,OAAGF,KAAKK,WAAU,kBAAmB,gBAC1E,IAAMC,EAAYN,KAAKM,UAAYC,EAAA,QAAMC,MAAM,cAAcR,KAAKM,WAAoB,GAEtF,IAAMG,EAAWF,EAAA,OAAKC,MAAOJ,EAAgBM,GAAIT,GAChDM,EAAA,SAAOI,QAASX,KAAKG,KAAMK,MAAOH,GAChCL,KAAKY,MACLZ,KAAKa,aAAeN,EAAA,QAAMC,MAAM,WAAS,KAAGD,EAAA,QAAMC,MAAM,eAAeR,KAAKa,cAC5Eb,KAAKc,UAAYd,KAAKe,aAAeR,EAAA,iBAAiB,IAGxDA,EAAA,OAAKC,MAAOR,KAAKgB,YAChBT,EAAA,SAAOU,IAAK,SAACC,GAAO,OAAAnB,EAAKoB,UAAYD,CAAjB,EAChBE,KAAMpB,KAAKoB,KAAMjB,KAAMH,KAAKG,KAAMO,GAAIV,KAAKG,KAAMkB,MAAOrB,KAAKqB,MAC7Db,MAAM,eAAc,gCACWR,KAAKsB,aAAY,wBACzBtB,KAAKuB,MAAK,iBACjBvB,KAAKwB,UACrBC,UAAWzB,KAAK0B,UAAS,iBACT1B,KAAK0B,UAAS,eAChB1B,KAAK2B,QAAO,iBACV3B,KAAKa,YAAW,gBACjBb,KAAKc,UAAY,KAAO,OAAS,UAEpDP,EAAA,QAAMC,MAAM,iCACXF,IAIH,OACCC,EAACqB,EAAI,KACHnB,E,WArDwB,I"}