bromcom-ui 2.7.1 → 2.7.2

package/dist/bromcom-ui/{p-a2e25964.entry.js → p-c6dae946.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,H as h}from"./p-9d960649.js";import{G as e}from"./p-9d04f3af.js";import{B as a}from"./p-beba9505.js";import"./p-112455b1.js";import{c as r}from"./p-7294ec8e.js";import"./p-6d018a8f.js";import{S as n}from"./p-208caef1.js";import{d as o}from"./p-fc2b2e5c.js";import{N as l}from"./p-44d6172f.js";import{V as c}from"./p-7e8b7a25.js";import{C as u}from"./p-fee1f12b.js";import{I as p}from"./p-cabaa43d.js";const d=class{constructor(i){t(this,i),this.focus=s(this,"bcm-focus",7),this.blur=s(this,"bcm-blur",7),this.clear=s(this,"bcm-clear",7),this.change=s(this,"bcm-change",7),this.input=s(this,"bcm-input",7),this._id=e.UID(),this._internal_id=e.UID(),this.value="",this.size=a.Size.medium,this.disabled=!1,this.readonly=!1,this.clearable=!1,this.type=a.InputType.text,this.hidden=!1,this.required=!1,this.fullWidth=!1,this.noMargin=!1,this.disableWatchValue=!1,this.passwordToggle=!1,this.maxLength=null,this.unitPrefix=null,this.decimal=!0,this.noCaption=!1,this.captionType=a.Status.default,this.inValid=!1,this.valueCache="",this.focused=!1,this.isPasswordVisible=!1,this.isBlur=!1}connectedCallback(){this.valueCache=this.value,this.captionCache=this.caption,this.captionTypeCache=this.captionType}componentWillRender(){const{type:t,isBlur:s,value:i}=this;if(i)switch(this.value.length>0&&this.checkPattern(),t){case"number":!this.checkValid("number")&&this.validationRange();break;case"email":s&&this.checkValid("email");break;case"tel":s&&this.checkValid("phone")}else!this.required&&this.resetCaption()}async onBcmFocus(){this.inputElement.focus()}async onBcmBlur(){this.inputElement.blur()}async onBcmSelect(){this.inputElement.select()}async set(t){await this.setValue(t)}async get(){return this.value||null}async setValue(t){return this.inputElement.value=t,this.value=t,this.handleChange(),t}async setClear(){return this.inputElement.value="",this.value="",await o(10),Promise.resolve()}async resetCaption(){return await o(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,this.inValid=!1,await o(10),Promise.resolve()}async getValue(){return this.value}watchValue(){this.disableWatchValue||"number"==this.type||this.handleChange()}listenKeyDown(t){if(!this.disabled&&!this.readonly&&(this.onBcmFocus(),"number"==this.type)){var s=t.which||0,i=t.key;38==s&&(t.preventDefault(),this.stepUpOrDown("up")),40==s&&(t.preventDefault(),this.stepUpOrDown("down")),(190==s||110==s||"."==i)&&this.value.indexOf(".")>-1&&t.preventDefault(),189!=s&&109!=s&&"-"!=i||("-"==this.value.charAt(0)||this.value.indexOf("-")>-1)&&t.preventDefault()}}handleFocus(){this.focused=!0,this.focus.emit(),this.whatchHasFocus()}handleBlur(){this.focused=!1,this.isBlur=!0,this.whatchHasFocus(),this.blur.emit()}handleChange(){this.value=this.inputElement.value,this.change.emit(this.value)}handleInput(){if("number"==this.type&&this.maxLength){const t=this.inputElement.value;t&&t.length>0&&t.length>this.maxLength&&(this.inputElement.value=t.substring(0,this.maxLength))}this.value=this.inputElement.value,this.input.emit(this.value)}handleClear(t){this.inputElement.value="",this.value="",this.inputElement.focus(),this.clear.emit(t),t.stopPropagation()}changePasswordVisibility(){this.isPasswordVisible=!this.isPasswordVisible}setCaption(t=null,s=null){this.caption=t||this.captionCache,this.captionType=s||this.captionTypeCache,this.captionError="error"==s?t:null}stepUpOrDown(t){if(!this.inValid&&!this.disabled&&!this.readonly){let s=+this.step||1,i=+this.value;i="up"==t?+(i+s):+(i-s),this.value=i.toString()}}validationRange(){const{min:t,max:s,value:i}=this;if(i)if(t&&s){if(i<t||i>s)return this.setCaption(n.getMessage("between",[t,s]),"error"),!1}else if(t){if(i<t)return this.setCaption(n.getMessage("min",[t]),"error"),!1}else if(s&&i>s)return this.setCaption(n.getMessage("max",[s]),"error"),!1;return this.setCaption(),!0}checkPattern(){const{pattern:t,value:s}=this;t&&(c.pattern(s,t)?(this.setCaption(),this.inValid=!1):(this.setCaption(n.getMessage("pattern"),"error"),this.inValid=!0))}checkValid(t){const{value:s}=this;return c.isValidate(s,t)?(this.setCaption(),this.inValid=!1):(this.setCaption(n.getMessage(t),"error"),this.inValid=!0),this.inValid}whatchHasFocus(){const{type:t,focused:s,valueCache:i,inValid:h}=this;t==a.InputType.number&&h&&(this.value=s?"":n.isNullOrEmpty(this.value)?i:this.value?this.fixToNumber(this.value):"")}fixToNumber(t){if(t){const s=l.getDecimalLength(this.step);return s>0?l.parseFloatFixed(t,s):t}return t}render(){const{value:t,size:s,label:e,type:a,captionType:n,caption:o,captionError:l,placeholder:c,fullWidth:d,disabled:m,readonly:f,clearable:b,passwordToggle:y,isPasswordVisible:w,noDefaultIcon:g,unit:C,inValid:V,focused:j,unitPrefix:v,noCaption:x,required:P,hidden:B,noMargin:k,_id:I}=this,T=(null==t?void 0:t.length)>0&&b,F=r("bcm-input",{hidden:B,"no-margin":k,"full-width":d,"size-1":"small"===s||"medium"===s,"size-2":"large"===s});return i(h,{tabindex:"-1",onfocus:()=>this.onBcmFocus(),class:F,onClick:()=>this.onBcmFocus()},e&&i("bcm-label",{tooltip:this.tooltip,type:n,value:e,required:P,htmlFor:I}),i(p,{id:I,type:a,value:t,pattern:this.pattern,placeholder:c,disabled:m,readonly:f,clearable:T,passwordToggle:y,isPasswordVisible:w,noDefaultIcon:g,focused:j,inValid:V,unitPrefix:v,maxLength:this.maxLength,internalId:this._internal_id,captionType:n,unit:C,size:s,handleFocus:()=>this.handleFocus(),handleBlur:()=>this.handleBlur(),handleChange:()=>this.handleChange(),handleInput:()=>this.handleInput(),steps:t=>this.stepUpOrDown(t),changePasswordVisibility:()=>this.changePasswordVisibility(),handleClear:t=>this.handleClear(t),ref:t=>this.inputElement=t,_suffix:this._suffix,_prefix:this._prefix}),i(u,{noCaption:x,captionType:n,captionError:l,caption:o,customErrorMessage:this.customErrorMessage}))}static get watchers(){return{value:["watchValue"]}}};export{d as bcm_input}
+import{r as t,c as s,h as i,H as h}from"./p-9d960649.js";import{G as e}from"./p-c9bd3da3.js";import{B as a}from"./p-beba9505.js";import"./p-112455b1.js";import{c as r}from"./p-7294ec8e.js";import"./p-6d018a8f.js";import{S as n}from"./p-208caef1.js";import{d as o}from"./p-fc2b2e5c.js";import{N as l}from"./p-44d6172f.js";import{V as c}from"./p-7e8b7a25.js";import{C as u}from"./p-fee1f12b.js";import{I as p}from"./p-cabaa43d.js";const d=class{constructor(i){t(this,i),this.focus=s(this,"bcm-focus",7),this.blur=s(this,"bcm-blur",7),this.clear=s(this,"bcm-clear",7),this.change=s(this,"bcm-change",7),this.input=s(this,"bcm-input",7),this._id=e.UID(),this._internal_id=e.UID(),this.value="",this.size=a.Size.medium,this.disabled=!1,this.readonly=!1,this.clearable=!1,this.type=a.InputType.text,this.hidden=!1,this.required=!1,this.fullWidth=!1,this.noMargin=!1,this.disableWatchValue=!1,this.passwordToggle=!1,this.maxLength=null,this.unitPrefix=null,this.decimal=!0,this.noCaption=!1,this.captionType=a.Status.default,this.inValid=!1,this.valueCache="",this.focused=!1,this.isPasswordVisible=!1,this.isBlur=!1}connectedCallback(){this.valueCache=this.value,this.captionCache=this.caption,this.captionTypeCache=this.captionType}componentWillRender(){const{type:t,isBlur:s,value:i}=this;if(i)switch(this.value.length>0&&this.checkPattern(),t){case"number":!this.checkValid("number")&&this.validationRange();break;case"email":s&&this.checkValid("email");break;case"tel":s&&this.checkValid("phone")}else!this.required&&this.resetCaption()}async onBcmFocus(){this.inputElement.focus()}async onBcmBlur(){this.inputElement.blur()}async onBcmSelect(){this.inputElement.select()}async set(t){await this.setValue(t)}async get(){return this.value||null}async setValue(t){return this.inputElement.value=t,this.value=t,this.handleChange(),t}async setClear(){return this.inputElement.value="",this.value="",await o(10),Promise.resolve()}async resetCaption(){return await o(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,this.inValid=!1,await o(10),Promise.resolve()}async getValue(){return this.value}watchValue(){this.disableWatchValue||"number"==this.type||this.handleChange()}listenKeyDown(t){if(!this.disabled&&!this.readonly&&(this.onBcmFocus(),"number"==this.type)){var s=t.which||0,i=t.key;38==s&&(t.preventDefault(),this.stepUpOrDown("up")),40==s&&(t.preventDefault(),this.stepUpOrDown("down")),(190==s||110==s||"."==i)&&this.value.indexOf(".")>-1&&t.preventDefault(),189!=s&&109!=s&&"-"!=i||("-"==this.value.charAt(0)||this.value.indexOf("-")>-1)&&t.preventDefault()}}handleFocus(){this.focused=!0,this.focus.emit(),this.whatchHasFocus()}handleBlur(){this.focused=!1,this.isBlur=!0,this.whatchHasFocus(),this.blur.emit()}handleChange(){this.value=this.inputElement.value,this.change.emit(this.value)}handleInput(){if("number"==this.type&&this.maxLength){const t=this.inputElement.value;t&&t.length>0&&t.length>this.maxLength&&(this.inputElement.value=t.substring(0,this.maxLength))}this.value=this.inputElement.value,this.input.emit(this.value)}handleClear(t){this.inputElement.value="",this.value="",this.inputElement.focus(),this.clear.emit(t),t.stopPropagation()}changePasswordVisibility(){this.isPasswordVisible=!this.isPasswordVisible}setCaption(t=null,s=null){this.caption=t||this.captionCache,this.captionType=s||this.captionTypeCache,this.captionError="error"==s?t:null}stepUpOrDown(t){if(!this.inValid&&!this.disabled&&!this.readonly){let s=+this.step||1,i=+this.value;i="up"==t?+(i+s):+(i-s),this.value=i.toString()}}validationRange(){const{min:t,max:s,value:i}=this;if(i)if(t&&s){if(i<t||i>s)return this.setCaption(n.getMessage("between",[t,s]),"error"),!1}else if(t){if(i<t)return this.setCaption(n.getMessage("min",[t]),"error"),!1}else if(s&&i>s)return this.setCaption(n.getMessage("max",[s]),"error"),!1;return this.setCaption(),!0}checkPattern(){const{pattern:t,value:s}=this;t&&(c.pattern(s,t)?(this.setCaption(),this.inValid=!1):(this.setCaption(n.getMessage("pattern"),"error"),this.inValid=!0))}checkValid(t){const{value:s}=this;return c.isValidate(s,t)?(this.setCaption(),this.inValid=!1):(this.setCaption(n.getMessage(t),"error"),this.inValid=!0),this.inValid}whatchHasFocus(){const{type:t,focused:s,valueCache:i,inValid:h}=this;t==a.InputType.number&&h&&(this.value=s?"":n.isNullOrEmpty(this.value)?i:this.value?this.fixToNumber(this.value):"")}fixToNumber(t){if(t){const s=l.getDecimalLength(this.step);return s>0?l.parseFloatFixed(t,s):t}return t}render(){const{value:t,size:s,label:e,type:a,captionType:n,caption:o,captionError:l,placeholder:c,fullWidth:d,disabled:m,readonly:f,clearable:b,passwordToggle:y,isPasswordVisible:w,noDefaultIcon:g,unit:C,inValid:V,focused:j,unitPrefix:v,noCaption:x,required:P,hidden:B,noMargin:k,_id:I}=this,T=(null==t?void 0:t.length)>0&&b,F=r("bcm-input",{hidden:B,"no-margin":k,"full-width":d,"size-1":"small"===s||"medium"===s,"size-2":"large"===s});return i(h,{tabindex:"-1",onfocus:()=>this.onBcmFocus(),class:F,onClick:()=>this.onBcmFocus()},e&&i("bcm-label",{tooltip:this.tooltip,type:n,value:e,required:P,htmlFor:I}),i(p,{id:I,type:a,value:t,pattern:this.pattern,placeholder:c,disabled:m,readonly:f,clearable:T,passwordToggle:y,isPasswordVisible:w,noDefaultIcon:g,focused:j,inValid:V,unitPrefix:v,maxLength:this.maxLength,internalId:this._internal_id,captionType:n,unit:C,size:s,handleFocus:()=>this.handleFocus(),handleBlur:()=>this.handleBlur(),handleChange:()=>this.handleChange(),handleInput:()=>this.handleInput(),steps:t=>this.stepUpOrDown(t),changePasswordVisibility:()=>this.changePasswordVisibility(),handleClear:t=>this.handleClear(t),ref:t=>this.inputElement=t,_suffix:this._suffix,_prefix:this._prefix}),i(u,{noCaption:x,captionType:n,captionError:l,caption:o,customErrorMessage:this.customErrorMessage}))}static get watchers(){return{value:["watchValue"]}}};export{d as bcm_input}

package/dist/bromcom-ui/{p-9d04f3af.js → p-c9bd3da3.js}

@@ -1 +1 @@
-var e,r;!function(e){e.info="info",e.error="error",e.warning="warning",e.success="success",e.default="default"}(e||(e={})),function(e){e.banner="banner",e.basic="basic"}(r||(r={}));const o=["localhost","beta-regression.bromcomcloud.com","beta-scrum.bromcomcloud.com","beta-kanban.bromcomcloud.com"];(()=>{const e=window.location.hostname;return o.includes(e)})()&&console.log("%cbromcom ui%c version: 2.7.1-p ","color: white; background:#1890FF; font-weight: 300;  font-size:10px;  padding:2px 6px;  border-radius: 5px","font-size:10px;");class c{}c.UID=()=>Math.random().toString(36).substr(2,9),c.getIconAttrWithStatusType=(r,o=!1)=>{if(o)return{icon:"loading",color:"blue-6"};switch(r){case e.info:return{color:"blue-6",icon:"info-circle"};case e.error:return{color:"red-6",icon:"close-circle"};case e.warning:return{color:"warmyellow-6",icon:"exclamation-circle"};case e.success:return{color:"green-6",icon:"check-circle"}}},c.createComponent=(e,r,o="append-area")=>{let c=o?document.querySelector(o):document.body;o&&!c&&(c=document.createElement("div"),c.id="append-area",document.body.appendChild(c),c.style.visibility="hidden",c.style.opacity="0");let n=document.getElementById(r.id);return n||(n=document.createElement(e)),Object.keys(r).forEach((e=>{n[e]=r[e]})),c.appendChild(n),n},c.debounceInput=(e,r,o,c)=>{let n;return function(){let t=this,i=arguments;c&&c.apply(t,i);let l=function(){n=null,o||e.apply(t,i)},a=o&&!n;clearTimeout(n),n=setTimeout(l,r),a&&e.apply(t,i)}},c.flatArray=e=>e.reduce(((e,r)=>e.concat(Array.isArray(r)?c.flatArray(r):r)),[]),c.reverseNodeList=e=>{let r=[];for(let o=e.length-1;o>=0;o--)r.push(e[o]);return r},c.findEventPathWithKey=(e,r,o)=>{o=Array.isArray(o)?o:[o];let c=e.composedPath()||e.path;if(c)return void 0!==c.filter((e=>o.includes(e[r])))[0]},c.findEventTarget=(e,r)=>{r=Array.isArray(r)?r:[r];let o=e.target||e.srcElement;if(console.log(o),o)return r.includes(o)},c.findEventPathWithNodeName=(e,r)=>{let o=e.composedPath()||e.path;if(o)return o.filter((e=>e.nodeName===r))[0]},c.findEventPath=(e,r)=>{r=Array.isArray(r)?r:[r];let o=e.composedPath()||e.path;if(o)return void 0!==o.filter((e=>r.includes(e)))[0]},c.objectIsEmpty=e=>0===Object.keys(e).length&&e.constructor===Object,c.convertIdsToNestedData=(e,r)=>{let o=[],n=[];return r.forEach((r=>{e&&e.indexOf(r.id)>-1?o.push(r):r.items&&(n=c.convertIdsToNestedData(e,r.items),n.length>0&&(r.items=n,o.push(r)))})),o},c.nodeListToArray=e=>Array.prototype.slice.call(e),c.setAttributes=(e,r)=>{Object.keys(r).forEach((o=>{e.setAttribute(o,r[o])}))};export{c as G,e as S,r as T}
+var e,r;!function(e){e.info="info",e.error="error",e.warning="warning",e.success="success",e.default="default"}(e||(e={})),function(e){e.banner="banner",e.basic="basic"}(r||(r={}));const o=["localhost","beta-regression.bromcomcloud.com","beta-scrum.bromcomcloud.com","beta-kanban.bromcomcloud.com"];(()=>{const e=window.location.hostname;return o.includes(e)})()&&console.log("%cbromcom ui%c version: 2.7.2-p ","color: white; background:#1890FF; font-weight: 300;  font-size:10px;  padding:2px 6px;  border-radius: 5px","font-size:10px;");class c{}c.UID=()=>Math.random().toString(36).substr(2,9),c.getIconAttrWithStatusType=(r,o=!1)=>{if(o)return{icon:"loading",color:"blue-6"};switch(r){case e.info:return{color:"blue-6",icon:"info-circle"};case e.error:return{color:"red-6",icon:"close-circle"};case e.warning:return{color:"warmyellow-6",icon:"exclamation-circle"};case e.success:return{color:"green-6",icon:"check-circle"}}},c.createComponent=(e,r,o="append-area")=>{let c=o?document.querySelector(o):document.body;o&&!c&&(c=document.createElement("div"),c.id="append-area",document.body.appendChild(c),c.style.visibility="hidden",c.style.opacity="0");let n=document.getElementById(r.id);return n||(n=document.createElement(e)),Object.keys(r).forEach((e=>{n[e]=r[e]})),c.appendChild(n),n},c.debounceInput=(e,r,o,c)=>{let n;return function(){let t=this,i=arguments;c&&c.apply(t,i);let l=function(){n=null,o||e.apply(t,i)},a=o&&!n;clearTimeout(n),n=setTimeout(l,r),a&&e.apply(t,i)}},c.flatArray=e=>e.reduce(((e,r)=>e.concat(Array.isArray(r)?c.flatArray(r):r)),[]),c.reverseNodeList=e=>{let r=[];for(let o=e.length-1;o>=0;o--)r.push(e[o]);return r},c.findEventPathWithKey=(e,r,o)=>{o=Array.isArray(o)?o:[o];let c=e.composedPath()||e.path;if(c)return void 0!==c.filter((e=>o.includes(e[r])))[0]},c.findEventTarget=(e,r)=>{r=Array.isArray(r)?r:[r];let o=e.target||e.srcElement;if(console.log(o),o)return r.includes(o)},c.findEventPathWithNodeName=(e,r)=>{let o=e.composedPath()||e.path;if(o)return o.filter((e=>e.nodeName===r))[0]},c.findEventPath=(e,r)=>{r=Array.isArray(r)?r:[r];let o=e.composedPath()||e.path;if(o)return void 0!==o.filter((e=>r.includes(e)))[0]},c.objectIsEmpty=e=>0===Object.keys(e).length&&e.constructor===Object,c.convertIdsToNestedData=(e,r)=>{let o=[],n=[];return r.forEach((r=>{e&&e.indexOf(r.id)>-1?o.push(r):r.items&&(n=c.convertIdsToNestedData(e,r.items),n.length>0&&(r.items=n,o.push(r)))})),o},c.nodeListToArray=e=>Array.prototype.slice.call(e),c.setAttributes=(e,r)=>{Object.keys(r).forEach((o=>{e.setAttribute(o,r[o])}))};export{c as G,e as S,r as T}