Socket
Socket
Sign inDemoInstall

polythene-core-textfield

Package Overview
Dependencies
3
Maintainers
1
Versions
37
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.0.0-rc.5 to 1.0.0-rc.6

2

dist/polythene-core-textfield.js

@@ -1,2 +0,2 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("polythene-core"),require("polythene-core-css"),require("polythene-theme")):"function"==typeof define&&define.amd?define(["exports","polythene-core","polythene-core-css","polythene-theme"],t):t(e.polythene={},e["polythene-core"],e["polythene-core-css"],e["polythene-theme"])}(this,function(e,t,i,l){"use strict";function r(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function n(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function o(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var a={component:"pe-textfield",counter:"pe-textfield__counter",error:"pe-textfield__error",errorPlaceholder:"pe-textfield__error-placeholder",focusHelp:"pe-textfield__help-focus",help:"pe-textfield__help",input:"pe-textfield__input",inputArea:"pe-textfield__input-area",label:"pe-textfield__label",optionalIndicator:"pe-textfield__optional-indicator",requiredIndicator:"pe-textfield__required-indicator",hasCounter:"pe-textfield--counter",hasFloatingLabel:"pe-textfield--floating-label",hasFullWidth:"pe-textfield--full-width",hideClear:"pe-textfield--hide-clear",hideSpinner:"pe-textfield--hide-spinner",hideValidation:"pe-textfield--hide-validation",isDense:"pe-textfield--dense",isRequired:"pe-textfield--required",stateDirty:"pe-textfield--dirty",stateDisabled:"pe-textfield--disabled",stateFocused:"pe-textfield--focused",stateInvalid:"pe-textfield--invalid",stateReadonly:"pe-textfield--readonly"},_={vertical_spacing_top:6,vertical_spacing_bottom:7,input_focus_border_width:2,input_focus_border_animation_duration:l.vars.animation_duration,floating_label_vertical_spacing_top:30,floating_label_vertical_spacing_bottom:7,floating_label_top:14,floating_label_animation_duration:".12s",input_padding_h:0,input_padding_v:7,input_border_width:1,margin_top_error_message:6,font_size_input:16,font_size_error:12,font_size_floating_label:12,line_height_input:20,dense_floating_label_vertical_spacing_top:23,dense_floating_label_vertical_spacing_bottom:4,dense_floating_label_top:10,dense_font_size_input:13,dense_font_size_floating_label:13,full_width_input_padding_h:20,full_width_input_padding_v:18,dense_full_width_input_padding_h:16,dense_full_width_input_padding_v:15,dense_full_width_font_size_input:13,color_light_input_text:i.rgba(l.vars.color_light_foreground,l.vars.blend_light_text_primary),color_light_input_background:"transparent",color_light_highlight_text:i.rgba(l.vars.color_primary,l.vars.blend_light_text_primary),color_light_input_bottom_border:i.rgba(l.vars.color_light_foreground,l.vars.blend_light_border_light),color_light_input_error_text:i.rgba("221, 44, 0"),color_light_input_error_border:i.rgba("221, 44, 0"),color_light_input_placeholder:i.rgba(l.vars.color_light_foreground,l.vars.blend_light_text_tertiary),color_light_label_text:i.rgba(l.vars.color_light_foreground,l.vars.blend_light_text_tertiary),color_light_disabled_label_text:i.rgba(l.vars.color_light_foreground,l.vars.blend_light_text_disabled),color_light_readonly_label_text:i.rgba(l.vars.color_light_foreground,l.vars.blend_light_text_tertiary),color_light_help_text:i.rgba(l.vars.color_light_foreground,l.vars.blend_light_text_tertiary),color_light_required_symbol:i.rgba("221, 44, 0"),color_light_focus_border:i.rgba(l.vars.color_primary),color_light_counter_ok_border:i.rgba(l.vars.color_primary),color_dark_input_text:i.rgba(l.vars.color_dark_foreground,l.vars.blend_dark_text_primary),color_dark_input_background:"transparent",color_dark_highlight_text:i.rgba(l.vars.color_primary,l.vars.blend_dark_text_primary),color_dark_input_bottom_border:i.rgba(l.vars.color_dark_foreground,l.vars.blend_dark_border_light),color_dark_input_error_text:i.rgba("222, 50, 38"),color_dark_input_error_border:i.rgba("222, 50, 38"),color_dark_input_placeholder:i.rgba(l.vars.color_dark_foreground,l.vars.blend_dark_text_tertiary),color_dark_label_text:i.rgba(l.vars.color_dark_foreground,l.vars.blend_dark_text_tertiary),color_dark_disabled_label_text:i.rgba(l.vars.color_dark_foreground,l.vars.blend_dark_text_disabled),color_dark_readonly_label_text:i.rgba(l.vars.color_dark_foreground,l.vars.blend_dark_text_tertiary),color_dark_help_text:i.rgba(l.vars.color_dark_foreground,l.vars.blend_dark_text_tertiary),color_dark_required_symbol:i.rgba("221, 44, 0"),color_dark_focus_border:i.rgba(l.vars.color_primary),color_dark_counter_ok_border:i.rgba(l.vars.color_primary)},d=function(e,t){return[r({},e,[i.mixin.clearfix(),{position:"relative",lineHeight:l.vars.line_height,display:"inline-block",boxSizing:"border-box",margin:0,overflow:"visible",paddingBottom:t.vertical_spacing_bottom+"px",width:"100%",maxWidth:"100%"," .pe-textfield__input-area":{position:"relative",paddingTop:t.vertical_spacing_top+"px","&:after":[i.mixin.defaultTransition("opacity",t.input_focus_border_animation_duration),{position:"absolute",content:'""',bottom:0,left:0,height:t.input_focus_border_width+"px",width:"100%",opacity:0}]},".pe-textfield--focused .pe-textfield__input-area:after":{opacity:1}," .pe-textfield__input":{display:"block",fontSize:t.font_size_input+"px",lineHeight:t.line_height_input+"px",width:"100%",background:"none",textAlign:"left",color:"inherit",borderWidth:t.input_border_width+"px",borderStyle:"none none solid none",borderRadius:0,margin:0,padding:t.input_padding_v+"px "+t.input_padding_h+"px","&:textfield--invalid":{boxShadow:"none"},":invalid":{boxShadow:"none"}}," textarea.pe-textfield__input":{margin:t.input_padding_v+"px "+t.input_padding_h+"px",padding:0,display:"block"}," textfield__input:focus, &.pe-textfield--focused .pe-textfield__input":{"border-width":t.input_border_width+"px",outline:"none"}," .pe-textfield__label":{position:"absolute",display:"block",top:t.vertical_spacing_top+t.input_padding_v+"px",bottom:0,left:t.input_padding_h+"px",right:t.input_padding_h+"px",fontSize:t.font_size_input+"px",lineHeight:t.line_height_input+"px",pointerEvents:"none",whiteSpace:"nowrap",textAlign:"left",cursor:"text"},".pe-textfield--dirty .pe-textfield__label":{visibility:"hidden"},"&:not(.pe-textfield--no-char)":{" .pe-textfield__required-indicator, .pe-textfield__optional-indicator":{padding:"0 0 0 .25em"}},".pe-textfield--floating-label":{paddingBottom:t.floating_label_vertical_spacing_bottom+"px"," .pe-textfield__input-area":{paddingTop:t.floating_label_vertical_spacing_top+"px"}," .pe-textfield__label":[i.mixin.defaultTransition("all",t.floating_label_animation_duration),{top:t.floating_label_vertical_spacing_top+t.input_padding_v+"px"}],".pe-textfield--focused, &.pe-textfield--dirty":{" .pe-textfield__label":{fontSize:t.font_size_floating_label+"px",top:t.floating_label_top+"px",visibility:"visible"}},".pe-textfield--dense":{fontSize:t.dense_font_size_input+"px",paddingBottom:t.dense_floating_label_vertical_spacing_bottom+"px"," .pe-textfield__input-area":{paddingTop:t.dense_floating_label_vertical_spacing_top+"px"}," .pe-textfield__input":{fontSize:t.dense_font_size_input+"px"}," .pe-textfield__label":{fontSize:t.dense_font_size_input+"px",top:t.dense_floating_label_vertical_spacing_top+t.input_padding_v+"px"},".pe-textfield--focused, &.pe-textfield--dirty":{" .pe-textfield__label":{fontSize:t.dense_font_size_floating_label+"px",top:t.dense_floating_label_top+"px"}}}},".pe-textfield--disabled, &.pe-textfield--readonly":{" .pe-textfield__label":{cursor:"auto"}," .pe-textfield__input":{"border-bottom":"none"}," .pe-textfield__input-area:after":{opacity:1,height:"1px",bottom:"-1px",backgroundPosition:"top",backgroundSize:"4px 1px",backgroundRepeat:"repeat-x"}}," .pe-textfield__error, .pe-textfield__error-placeholder, .pe-textfield__help, .pe-textfield__counter":{marginTop:t.margin_top_error_message+"px",fontSize:t.font_size_error+"px",lineHeight:l.vars.line_height,minHeight:t.font_size_error*l.vars.line_height+"px"}," .pe-textfield__counter":{textAlign:"right",float:"right",padding:"0 0 0 16px"}," .pe-textfield__help-focus":[i.mixin.defaultTransition("opacity"),{opacity:0}],".pe-textfield--focused .pe-textfield__help-focus, &.pe-textfield--dirty .pe-textfield__help-focus":{opacity:1},".pe-textfield--hide-clear":{" .pe-textfield__input::-ms-clear":{display:"none"}},".pe-textfield--hide-spinner":{" input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button":{"-webkit-appearance":"none",margin:0}," input[type=number]":{"-moz-appearance":"textfield"}}},{".pe-textfield--full-width":{width:"100%",padding:0," .pe-textfield__input-area":{padding:0}," .pe-textfield__input":{padding:t.full_width_input_padding_v+"px "+t.full_width_input_padding_h+"px"}," .pe-textfield__error, .pe-textfield__help, .pe-textfield__counter":{paddingLeft:t.full_width_input_padding_h+"px",paddingRight:t.full_width_input_padding_h+"px"}," .pe-textfield__label":{top:t.full_width_input_padding_v+"px",left:t.full_width_input_padding_h+"px",right:t.full_width_input_padding_h+"px"},".pe-textfield--dense":{" .pe-textfield__input":{fontSize:t.dense_full_width_font_size_input+"px",padding:t.dense_full_width_input_padding_v+"px "+t.dense_full_width_input_padding_h+"px"}," .pe-textfield__label":{fontSize:t.dense_full_width_font_size_input+"px",top:t.dense_full_width_input_padding_v+"px",left:t.dense_full_width_input_padding_h+"px",right:t.dense_full_width_input_padding_h+"px"}}}}])]},p=function(e,t,i,l){return[n({},e.map(function(e){return e+t}).join(","),{color:i["color_"+l+"_focus_border"]," .pe-textfield__input-area":{color:"inherit",backgroundColor:i["color_"+l+"_input_background"],"&:after":{backgroundColor:"currentcolor"}},"&.pe-textfield--counter ":{" .pe-textfield__input-area:after":{backgroundColor:i["color_"+l+"_counter_ok_border"]}}," .pe-textfield__input":{color:i["color_"+l+"_input_text"],borderColor:i["color_"+l+"_input_bottom_border"]}," .pe-textfield__label":{color:i["color_"+l+"_label_text"]},"&.pe-textfield--disabled, &.pe-textfield--readonly":{" .pe-textfield__input-area:after":{backgroundColor:"transparent",backgroundImage:"linear-gradient(to right, "+i["color_"+l+"_disabled_label_text"]+" 20%, rgba(255, 255, 255, 0) 0%)"}},"&.pe-textfield--disabled":{" .pe-textfield__input, .pe-textfield__label":{color:i["color_"+l+"_disabled_label_text"]}},"&.pe-textfield--readonly":{" .pe-textfield__input, .pe-textfield__label":{color:i["color_"+l+"_readonly_label_text"]}},"&.pe-textfield--focused":{"&.pe-textfield--floating-label .pe-textfield__label":{color:i["color_"+l+"_highlight_text"]},"&.pe-textfield--required.pe-textfield--floating-label":{" .pe-textfield__required-indicator":{color:i["color_"+l+"_required_symbol"]}}}," .pe-textfield__help, .pe-textfield__counter":{color:i["color_"+l+"_help_text"]},"&.pe-textfield--invalid:not(.pe-textfield--hide-validation)":{" .pe-textfield__input":{borderColor:i["color_"+l+"_input_error_border"],boxShadow:"none"}," .pe-textfield__label":{color:i["color_"+l+"_input_error_text"]}," .pe-textfield__error, .pe-textfield__counter, .pe-textfield__help":{color:i["color_"+l+"_input_error_text"]},"&.pe-textfield--required .pe-textfield__label":{color:i["color_"+l+"_input_error_text"]},"&, &.pe-textfield--counter":{" .pe-textfield__input-area:after":{backgroundColor:i["color_"+l+"_input_error_border"]}}}," .pe-textfield__input:-webkit-autofill":{"-webkit-box-shadow":"0 0 0px 1000px "+i["color_"+l+"_input_background"]+" inset",color:i["color_"+l+"_input_text"]+" !important"}})]},u=function(e,t){return[p([".pe-dark-tone",".pe-dark-tone "],e,t,"dark"),p(["",".pe-light-tone",".pe-light-tone "],e,t,"light")]},s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var l in i)Object.prototype.hasOwnProperty.call(i,l)&&(e[l]=i[l])}return e},c=[d,u],f="."+a.component,g=function(e,t){return i.styler.generateStyles([e,f],s({},_,t),c)};i.styler.generateStyles([f],_,c);var x=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var l in i)Object.prototype.hasOwnProperty.call(i,l)&&(e[l]=i[l])}return e},b=function(e){return e.attrs.element||"div"},h=g,v=function(e,t){var i=t.validate(e.inputEl().value);return{invalid:i&&!i.valid,message:i&&i.error}},m=function(e,t){return{invalid:e.inputEl().value.length>t.counter,message:t.error}},y=function(e,t){return{invalid:!e.inputEl().checkValidity(),message:t.error}},k=function(e,t){var i={invalid:!1,message:void 0};return e.isTouched()&&e.isInvalid()&&0===e.inputEl().value.length&&t.validateResetOnClear&&(e.isTouched(!1),e.isInvalid(!1),e.error(void 0)),!i.invalid&&t.counter&&(i=m(e,t)),!i.invalid&&e.inputEl()&&e.inputEl().checkValidity&&(i=y(e,t)),!i.invalid&&t.validate&&(i=v(e,t)),i},w=function(e){var t=e.state,i=e.attrs,l=t.isTouched()||i.validateAtStart?k(t,i):{invalid:!1,message:void 0},r=t.isInvalid();t.error(l.message),l.invalid!==r&&t.isInvalid(l.invalid),l.invalid||t.error(void 0)},z=function(e){var t=e.state,i=e.attrs;if(i.onChange){var l=k(t,i);i.onChange({focus:t.hasFocus(),dirty:t.isDirty(),el:t.inputEl(),invalid:l.invalid,error:l.error,value:t.inputEl().value})}},E=function(e,t){return e.ignoreEvents&&-1!==e.ignoreEvents.indexOf(t)},S=function(e,t){var i=e.attrs,l=void 0!==i.defaultValue?i.defaultValue:void 0!==i.value?i.value:"",r=t(),n=t(),o=t(),a=t(i.error),_=t(i.focus||!1),d=t(),p=t(!1),u=t(""!==l),s=t(!1);return{defaultValue:l,previousValue:t(),el:r,error:a,hasFocus:_,inputEl:n,isInvalid:s,isTouched:p,isDirty:u,setFocus:d,setValue:o,redrawOnUpdate:t.merge([n,s,u])}},q=function(e){var t=e.dom,i=e.state,l=e.attrs;i.el(t);var r=l.multiLine?"textarea":"input",n=t.querySelector(r);e.state.inputEl(n),i.inputEl().value=i.defaultValue,i.setValue.map(function(t){var r=t.type,n=t.focus;return void 0!==n&&i.setFocus(n),"input"===r&&(l.validateOnInput||l.counter)&&i.isTouched(""!==i.inputEl().value),"input"!==r&&i.isTouched(""!==i.inputEl().value),"onblur"===r&&i.isTouched(!0),i.isDirty(""!==i.inputEl().value),w(e),z(e),i.previousValue(i.inputEl().value)}),i.setFocus.map(function(e){i.hasFocus(e),e&&i.inputEl()&&setTimeout(function(){return i.inputEl()&&i.inputEl().focus&&i.inputEl().focus()},0)}),z(e)},F=function(e,i){var l=i.keys,r=e.state,n=e.attrs,o=r.isInvalid();return x({},t.filterSupportedAttributes(n),{className:[a.component,o?a.stateInvalid:"",r.hasFocus()?a.stateFocused:"",r.isDirty()?a.stateDirty:"",n.floatingLabel?a.hasFloatingLabel:"",n.disabled?a.stateDisabled:"",n.readonly?a.stateReadonly:"",n.dense?a.isDense:"",n.required?a.isRequired:"",n.fullWidth?a.hasFullWidth:"",n.counter?a.hasCounter:"",!1!==n.hideSpinner?a.hideSpinner:"",!1!==n.hideClear?a.hideClear:"",n.hideValidation?a.hideValidation:"","dark"===n.tone?"pe-dark-tone":null,"light"===n.tone?"pe-light-tone":null,n.className||n[l.class]].join(" ")})},I=function(e,i){var l=i.renderer,r=i.keys,n=e.state,_=e.attrs,d=n.inputEl(),p=n.isInvalid(),u=_.multiLine?"textarea":"input",s=_.multiLine?null:_.type&&"submit"!==_.type&&"search"!==_.type?_.type:"text",c=p&&void 0!==n.error(),f=_.validate||_.min||_.max||_[r.minlength]||_[r.maxlength]||_.required||_.pattern,g=_.disabled||_[r.readonly];!_.focus||n.hasFocus()||g||n.setFocus(!0);var b=void 0!==_.value?_.value:d?d.value:n.previousValue(),h=void 0===b?"":b.toString();d&&n.previousValue()!==h&&(d.value=h,n.previousValue(h),setTimeout(function(){return n.setValue({type:"input"})},0));var v=_.required&&""!==_.requiredIndicator?l("span",{key:"required",className:a.requiredIndicator},_.requiredIndicator||"*"):null,m=!_.required&&_.optionalIndicator?l("span",{key:"optional",className:a.optionalIndicator},_.optionalIndicator):null,y=_.label?[_.label,v,m]:null;return[l("div",{className:a.inputArea,key:"input-area"},[y?l("label",o({key:"label",className:a.label},r["on"+t.pointerStartEvent],function(){g||setTimeout(function(){n.inputEl.focus()},0)}),y):null,l(u,x({},{key:"input",className:a.input,disabled:_.disabled},s?{type:s}:null,_.name?{name:_.name}:null,E(_,[r.onclick])?null:o({},r.onclick,function(){g||(n.setFocus(!0),z(e))}),E(_,[r.onfocus])?null:o({},r.onfocus,function(){g||(n.setFocus(!0),n.el()&&n.el().classList.add(a.stateFocused),z(e))}),E(_,[r.onblur])?null:o({},r.onblur,function(){n.setValue({type:"onblur",focus:!1}),n.el().classList.remove(a.stateFocused)}),E(_,[r.oninput])?null:o({},r.oninput,function(){n.setValue({type:"input"})}),E(_,[r.onkeydown])?null:o({},r.onkeydown,function(e){"Enter"===e.key?n.isTouched(!0):"Escape"===e.key&&d.blur(e)}),_.events?_.events:null,void 0!==_[r.readonly]?o({},r.readonly,!0):null,void 0!==_.pattern?{pattern:_.pattern}:null,void 0!==_[r.maxlength]?o({},r.maxlength,_[r.maxlength]):null,void 0!==_[r.minlength]?o({},r.minlength,_[r.minlength]):null,void 0!==_.max?{max:_.max}:null,void 0!==_.min?{min:_.min}:null,void 0!==_[r.autofocus]?o({},r.autofocus,_[r.autofocus]):null,void 0!==_.required?{required:_.required}:null,void 0!==_[r.tabindex]?o({},r.tabindex,_[r.tabindex]):null,void 0!==_.rows?{rows:_.rows}:null))]),_.counter?l("div",{key:"counter",className:a.counter},(d&&d.value.length||0)+" / "+_.counter):null,_.help&&!c?l("div",{key:"help",className:[a.help,_.focusHelp?a.focusHelp:null].join(" ")},_.help):null,c?l("div",{key:"error",className:a.error},n.error()):f&&!_.help?l("div",{key:"error-placeholder",className:a.errorPlaceholder}):null]},T=Object.freeze({getElement:b,theme:h,getInitialState:S,onMount:q,createProps:F,createContent:I});e.coreTextField=T,e.classes=a,e.vars=_,Object.defineProperty(e,"__esModule",{value:!0})});
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("polythene-core"),require("polythene-theme")):"function"==typeof define&&define.amd?define(["exports","polythene-core","polythene-theme"],t):t(e.polythene={},e["polythene-core"],e["polythene-theme"])}(this,function(e,t,r){"use strict";function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var i={component:"pe-textfield",counter:"pe-textfield__counter",error:"pe-textfield__error",errorPlaceholder:"pe-textfield__error-placeholder",focusHelp:"pe-textfield__help-focus",help:"pe-textfield__help",input:"pe-textfield__input",inputArea:"pe-textfield__input-area",label:"pe-textfield__label",optionalIndicator:"pe-textfield__optional-indicator",requiredIndicator:"pe-textfield__required-indicator",hasCounter:"pe-textfield--counter",hasFloatingLabel:"pe-textfield--floating-label",hasFullWidth:"pe-textfield--full-width",hideClear:"pe-textfield--hide-clear",hideSpinner:"pe-textfield--hide-spinner",hideValidation:"pe-textfield--hide-validation",isDense:"pe-textfield--dense",isRequired:"pe-textfield--required",stateDirty:"pe-textfield--dirty",stateDisabled:"pe-textfield--disabled",stateFocused:"pe-textfield--focused",stateInvalid:"pe-textfield--invalid",stateReadonly:"pe-textfield--readonly"},o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},n=function(e){return e.attrs.element||"div"},a=function(e,t){var r=t.validate(e.inputEl().value);return{invalid:r&&!r.valid,message:r&&r.error}},d=function(e,t){return{invalid:e.inputEl().value.length>t.counter,message:t.error}},u=function(e,t){return{invalid:!e.inputEl().checkValidity(),message:t.error}},_=function(e,t){var r={invalid:!1,message:void 0};return e.isTouched()&&e.isInvalid()&&0===e.inputEl().value.length&&t.validateResetOnClear&&(e.isTouched(!1),e.isInvalid(!1),e.error(void 0)),!r.invalid&&t.counter&&(r=d(e,t)),!r.invalid&&e.inputEl()&&e.inputEl().checkValidity&&(r=u(e,t)),!r.invalid&&t.validate&&(r=a(e,t)),r},s=function(e){var t=e.state,r=e.attrs,l=t.isTouched()||r.validateAtStart?_(t,r):{invalid:!1,message:void 0},i=t.isInvalid();t.error(l.message),l.invalid!==i&&t.isInvalid(l.invalid),l.invalid||t.error(void 0)},c=function(e){var t=e.state,r=e.attrs;if(r.onChange){var l=_(t,r);r.onChange({focus:t.hasFocus(),dirty:t.isDirty(),el:t.inputEl(),invalid:l.invalid,error:l.error,value:t.inputEl().value})}},p=function(e,t){return e.ignoreEvents&&-1!==e.ignoreEvents.indexOf(t)},v=function(e,t){var r=e.attrs,l=void 0!==r.defaultValue?r.defaultValue:void 0!==r.value?r.value:"",i=t(),o=t(),n=t(),a=t(r.error),d=t(r.focus||!1),u=t(),_=t(!1),s=t(""!==l),c=t(!1);return{defaultValue:l,previousValue:t(),el:i,error:a,hasFocus:d,inputEl:o,isInvalid:c,isTouched:_,isDirty:s,setFocus:u,setValue:n,redrawOnUpdate:t.merge([o,c,s])}},f=function(e){var t=e.dom,r=e.state,l=e.attrs;r.el(t);var i=l.multiLine?"textarea":"input",o=t.querySelector(i);e.state.inputEl(o),r.inputEl().value=r.defaultValue,r.setValue.map(function(t){var i=t.type,o=t.focus;return void 0!==o&&r.setFocus(o),"input"===i&&(l.validateOnInput||l.counter)&&r.isTouched(""!==r.inputEl().value),"input"!==i&&r.isTouched(""!==r.inputEl().value),"onblur"===i&&r.isTouched(!0),r.isDirty(""!==r.inputEl().value),s(e),c(e),r.previousValue(r.inputEl().value)}),r.setFocus.map(function(e){r.hasFocus(e),e&&r.inputEl()&&setTimeout(function(){return r.inputEl()&&r.inputEl().focus&&r.inputEl().focus()},0)}),c(e)},h=function(e,r){var l=r.keys,n=e.state,a=e.attrs,d=n.isInvalid();return o({},t.filterSupportedAttributes(a),{className:[i.component,d?i.stateInvalid:"",n.hasFocus()?i.stateFocused:"",n.isDirty()?i.stateDirty:"",a.floatingLabel?i.hasFloatingLabel:"",a.disabled?i.stateDisabled:"",a.readonly?i.stateReadonly:"",a.dense?i.isDense:"",a.required?i.isRequired:"",a.fullWidth?i.hasFullWidth:"",a.counter?i.hasCounter:"",!1!==a.hideSpinner?i.hideSpinner:"",!1!==a.hideClear?i.hideClear:"",a.hideValidation?i.hideValidation:"","dark"===a.tone?"pe-dark-tone":null,"light"===a.tone?"pe-light-tone":null,a.className||a[l.class]].join(" ")})},g=function(e,r){var n=r.renderer,a=r.keys,d=e.state,u=e.attrs,_=d.inputEl(),s=d.isInvalid(),v=u.multiLine?"textarea":"input",f=u.multiLine?null:u.type&&"submit"!==u.type&&"search"!==u.type?u.type:"text",h=s&&void 0!==d.error(),g=u.validate||u.min||u.max||u[a.minlength]||u[a.maxlength]||u.required||u.pattern,b=u.disabled||u[a.readonly];!u.focus||d.hasFocus()||b||d.setFocus(!0);var m=void 0!==u.value?u.value:_?_.value:d.previousValue(),y=void 0===m?"":m.toString();_&&d.previousValue()!==y&&(_.value=y,d.previousValue(y),setTimeout(function(){return d.setValue({type:"input"})},0));var x=u.required&&""!==u.requiredIndicator?n("span",{key:"required",className:i.requiredIndicator},u.requiredIndicator||"*"):null,k=!u.required&&u.optionalIndicator?n("span",{key:"optional",className:i.optionalIndicator},u.optionalIndicator):null,E=u.label?[u.label,x,k]:null;return[n("div",{className:i.inputArea,key:"input-area"},[E?n("label",l({key:"label",className:i.label},a["on"+t.pointerStartEvent],function(){b||setTimeout(function(){d.inputEl.focus()},0)}),E):null,n(v,o({},{key:"input",className:i.input,disabled:u.disabled},f?{type:f}:null,u.name?{name:u.name}:null,p(u,[a.onclick])?null:l({},a.onclick,function(){b||(d.setFocus(!0),c(e))}),p(u,[a.onfocus])?null:l({},a.onfocus,function(){b||(d.setFocus(!0),d.el()&&d.el().classList.add(i.stateFocused),c(e))}),p(u,[a.onblur])?null:l({},a.onblur,function(){d.setValue({type:"onblur",focus:!1}),d.el().classList.remove(i.stateFocused)}),p(u,[a.oninput])?null:l({},a.oninput,function(){d.setValue({type:"input"})}),p(u,[a.onkeydown])?null:l({},a.onkeydown,function(e){"Enter"===e.key?d.isTouched(!0):"Escape"===e.key&&_.blur(e)}),u.events?u.events:null,void 0!==u[a.readonly]?l({},a.readonly,!0):null,void 0!==u.pattern?{pattern:u.pattern}:null,void 0!==u[a.maxlength]?l({},a.maxlength,u[a.maxlength]):null,void 0!==u[a.minlength]?l({},a.minlength,u[a.minlength]):null,void 0!==u.max?{max:u.max}:null,void 0!==u.min?{min:u.min}:null,void 0!==u[a.autofocus]?l({},a.autofocus,u[a.autofocus]):null,void 0!==u.required?{required:u.required}:null,void 0!==u[a.tabindex]?l({},a.tabindex,u[a.tabindex]):null,void 0!==u.rows?{rows:u.rows}:null))]),u.counter?n("div",{key:"counter",className:i.counter},(_&&_.value.length||0)+" / "+u.counter):null,u.help&&!h?n("div",{key:"help",className:[i.help,u.focusHelp?i.focusHelp:null].join(" ")},u.help):null,h?n("div",{key:"error",className:i.error},d.error()):g&&!u.help?n("div",{key:"error-placeholder",className:i.errorPlaceholder}):null]},b=Object.freeze({getElement:n,getInitialState:v,onMount:f,createProps:h,createContent:g}),m=function(e){return"rgba("+e+", "+(arguments.length>1&&void 0!==arguments[1]?arguments[1]:1)+")"},y={vertical_spacing_top:6,vertical_spacing_bottom:7,input_focus_border_width:2,input_focus_border_animation_duration:r.vars.animation_duration,floating_label_vertical_spacing_top:30,floating_label_vertical_spacing_bottom:7,floating_label_top:14,floating_label_animation_duration:".12s",input_padding_h:0,input_padding_v:7,input_border_width:1,margin_top_error_message:6,font_size_input:16,font_size_error:12,font_size_floating_label:12,line_height_input:20,dense_floating_label_vertical_spacing_top:23,dense_floating_label_vertical_spacing_bottom:4,dense_floating_label_top:10,dense_font_size_input:13,dense_font_size_floating_label:13,full_width_input_padding_h:20,full_width_input_padding_v:18,dense_full_width_input_padding_h:16,dense_full_width_input_padding_v:15,dense_full_width_font_size_input:13,color_light_input_text:m(r.vars.color_light_foreground,r.vars.blend_light_text_primary),color_light_input_background:"transparent",color_light_highlight_text:m(r.vars.color_primary,r.vars.blend_light_text_primary),color_light_input_bottom_border:m(r.vars.color_light_foreground,r.vars.blend_light_border_light),color_light_input_error_text:m("221, 44, 0"),color_light_input_error_border:m("221, 44, 0"),color_light_input_placeholder:m(r.vars.color_light_foreground,r.vars.blend_light_text_tertiary),color_light_label_text:m(r.vars.color_light_foreground,r.vars.blend_light_text_tertiary),color_light_disabled_label_text:m(r.vars.color_light_foreground,r.vars.blend_light_text_disabled),color_light_readonly_label_text:m(r.vars.color_light_foreground,r.vars.blend_light_text_tertiary),color_light_help_text:m(r.vars.color_light_foreground,r.vars.blend_light_text_tertiary),color_light_required_symbol:m("221, 44, 0"),color_light_focus_border:m(r.vars.color_primary),color_light_counter_ok_border:m(r.vars.color_primary),color_dark_input_text:m(r.vars.color_dark_foreground,r.vars.blend_dark_text_primary),color_dark_input_background:"transparent",color_dark_highlight_text:m(r.vars.color_primary,r.vars.blend_dark_text_primary),color_dark_input_bottom_border:m(r.vars.color_dark_foreground,r.vars.blend_dark_border_light),color_dark_input_error_text:m("222, 50, 38"),color_dark_input_error_border:m("222, 50, 38"),color_dark_input_placeholder:m(r.vars.color_dark_foreground,r.vars.blend_dark_text_tertiary),color_dark_label_text:m(r.vars.color_dark_foreground,r.vars.blend_dark_text_tertiary),color_dark_disabled_label_text:m(r.vars.color_dark_foreground,r.vars.blend_dark_text_disabled),color_dark_readonly_label_text:m(r.vars.color_dark_foreground,r.vars.blend_dark_text_tertiary),color_dark_help_text:m(r.vars.color_dark_foreground,r.vars.blend_dark_text_tertiary),color_dark_required_symbol:m("221, 44, 0"),color_dark_focus_border:m(r.vars.color_primary),color_dark_counter_ok_border:m(r.vars.color_primary)};e.coreTextField=b,e.classes=i,e.vars=y,Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=polythene-core-textfield.js.map
{
"name": "polythene-core-textfield",
"version": "1.0.0-rc.5",
"version": "1.0.0-rc.6",
"description": "",

@@ -10,3 +10,3 @@ "main": "dist/polythene-core-textfield.js",

"rollup": "../../node_modules/rollup/bin/rollup -c ../../scripts/rollup.umd.js && ../../node_modules/rollup/bin/rollup -c ../../scripts/rollup.es.js",
"build": "npm run rollup"
"build": "yarn run rollup"
},

@@ -18,5 +18,4 @@ "files": [

"dependencies": {
"polythene-core": "^1.0.0-rc.4",
"polythene-core-css": "^1.0.0-rc.4",
"polythene-theme": "^1.0.0-rc.5"
"polythene-core": "^1.0.0-rc.6",
"polythene-theme": "^1.0.0-rc.6"
},

@@ -23,0 +22,0 @@ "author": "Arthur Clemens <arthurclemens@gmail.com> (http://visiblearea.com)",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc