@sankhyalabs/ezui 1.1.113 → 1.1.116
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ez-combo-box.cjs.entry.js +13 -4
- package/dist/cjs/ez-date-input.cjs.entry.js +6 -2
- package/dist/cjs/ez-date-time-input.cjs.entry.js +6 -2
- package/dist/cjs/ez-filter-input.cjs.entry.js +73 -0
- package/dist/cjs/ez-grid.cjs.entry.js +74 -12
- package/dist/cjs/ez-number-input.cjs.entry.js +5 -1
- package/dist/cjs/ez-search.cjs.entry.js +17 -13
- package/dist/cjs/ez-text-area.cjs.entry.js +28 -9
- package/dist/cjs/ez-text-input.cjs.entry.js +11 -6
- package/dist/cjs/ez-time-input.cjs.entry.js +7 -2
- package/dist/cjs/ez-toast.cjs.entry.js +3 -2
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/test-du.cjs.entry.js +2 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/ez-combo-box/ez-combo-box.js +31 -4
- package/dist/collection/components/ez-date-input/ez-date-input.js +24 -2
- package/dist/collection/components/ez-date-time-input/ez-date-time-input.js +24 -2
- package/dist/collection/components/ez-filter-input/ez-filter-input.css +4 -0
- package/dist/collection/components/ez-filter-input/ez-filter-input.js +248 -0
- package/dist/collection/components/ez-grid/controller/DataUnitBridge.js +14 -1
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +60 -11
- package/dist/collection/components/ez-number-input/ez-number-input.js +23 -1
- package/dist/collection/components/ez-search/ez-search.js +35 -13
- package/dist/collection/components/ez-text-area/ez-text-area.css +71 -1
- package/dist/collection/components/ez-text-area/ez-text-area.js +67 -9
- package/dist/collection/components/ez-text-input/ez-text-input.css +78 -0
- package/dist/collection/components/ez-text-input/ez-text-input.js +29 -6
- package/dist/collection/components/ez-time-input/ez-time-input.js +25 -2
- package/dist/collection/components/ez-toast/ez-toast.css +1 -1
- package/dist/collection/components/ez-toast/ez-toast.js +2 -1
- package/dist/collection/components/test-du/test-du.js +2 -1
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +250 -63
- package/dist/esm/ez-combo-box.entry.js +13 -4
- package/dist/esm/ez-date-input.entry.js +6 -2
- package/dist/esm/ez-date-time-input.entry.js +6 -2
- package/dist/esm/ez-filter-input.entry.js +69 -0
- package/dist/esm/ez-grid.entry.js +74 -12
- package/dist/esm/ez-number-input.entry.js +5 -1
- package/dist/esm/ez-search.entry.js +17 -13
- package/dist/esm/ez-text-area.entry.js +28 -9
- package/dist/esm/ez-text-input.entry.js +11 -6
- package/dist/esm/ez-time-input.entry.js +7 -2
- package/dist/esm/ez-toast.entry.js +3 -2
- package/dist/esm/ezui.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/test-du.entry.js +2 -1
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/p-01169201.entry.js +1 -0
- package/dist/ezui/p-055f1b6a.entry.js +1 -0
- package/dist/ezui/p-2f14fe3d.entry.js +1 -0
- package/dist/ezui/{p-a038e7a5.entry.js → p-3cd17150.entry.js} +1 -1
- package/dist/ezui/p-43feac7d.entry.js +1 -0
- package/dist/ezui/p-6f39077b.entry.js +1 -0
- package/dist/ezui/p-7247379d.entry.js +1 -0
- package/dist/ezui/p-83d5f1ca.entry.js +1 -0
- package/dist/ezui/p-8c447785.entry.js +1 -0
- package/dist/ezui/p-8f2d46f8.entry.js +1 -0
- package/dist/ezui/p-d3d3e2ac.entry.js +1 -0
- package/dist/types/components/ez-combo-box/ez-combo-box.d.ts +4 -0
- package/dist/types/components/ez-date-input/ez-date-input.d.ts +4 -0
- package/dist/types/components/ez-date-time-input/ez-date-time-input.d.ts +4 -0
- package/dist/types/components/ez-filter-input/ez-filter-input.d.ts +52 -0
- package/dist/types/components/ez-grid/controller/EzGridController.d.ts +16 -0
- package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +5 -0
- package/dist/types/components/ez-number-input/ez-number-input.d.ts +4 -0
- package/dist/types/components/ez-search/ez-search.d.ts +24 -20
- package/dist/types/components/ez-text-area/ez-text-area.d.ts +11 -0
- package/dist/types/components/ez-text-input/ez-text-input.d.ts +4 -0
- package/dist/types/components/ez-time-input/ez-time-input.d.ts +4 -0
- package/dist/types/components/ez-toast/ez-toast.d.ts +1 -0
- package/dist/types/components.d.ts +153 -0
- package/package.json +6 -5
- package/react/components.d.ts +1 -0
- package/react/components.js +1 -0
- package/react/components.js.map +1 -1
- package/dist/ezui/p-25e87823.entry.js +0 -1
- package/dist/ezui/p-3a8bf0a8.entry.js +0 -1
- package/dist/ezui/p-44d4f8d6.entry.js +0 -1
- package/dist/ezui/p-65893e25.entry.js +0 -1
- package/dist/ezui/p-9aecc079.entry.js +0 -1
- package/dist/ezui/p-9ea5b22e.entry.js +0 -1
- package/dist/ezui/p-bc2834fa.entry.js +0 -1
- package/dist/ezui/p-c27495d9.entry.js +0 -1
- package/dist/ezui/p-fb73f557.entry.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as s,H as i,g as e}from"./p-89a57641.js";import{MaskFormatter as h,TimeFormatter as r,NumberUtils as a}from"@sankhyalabs/core";import{C as o}from"./p-d54c157f.js";import{g as n}from"./p-477bb703.js";let l=class{constructor(s){t(this,s),this.enabled=!0,this.showSeconds=!1,this.mode="regular"}prepareMask(){this.showSeconds?null==this._maskFormatter?this._maskFormatter=new h("##:##:##"):this._maskFormatter.mask="##:##:##":null==this._maskFormatter?this._maskFormatter=new h("##:##"):this._maskFormatter.mask="##:##"}onValueChanged(){NaN===this.value&&(this.value=void 0,this.handleFocusout())}async setFocus(){this._inputElem.focus()}async setBlur(){this._inputElem.blur()}handleFocusout(){this.errorMessage="",this.prepareValue(this.viewValue),r.validateTime(this.viewValue,this.showSeconds)||(this.clearField(),this.errorMessage="Favor inserir um horário válido.")}prepareValue(t){try{this.viewValue=r.prepareValue(t,this.showSeconds)}catch(t){this.clearField(),this.errorMessage=t.message}}clearField(){this.viewValue="",this.value=void 0}handleChange(){this.viewValue=this._inputElem.value,this.value=a.stringToNumber(this.viewValue.replace(/\D/g,""))}componentDidLoad(){this.onValueChanged(),o.applyVarsTextInput(this._elem,this._inputElem)}componentWillLoad(){this.prepareMask(),this.value?this.prepareValue(this.value.toString()):this.viewValue&&this.prepareValue(this.viewValue)}render(){return s(i,null,s("ez-text-input",{ref:t=>this._inputElem=t,value:this.viewValue,enabled:this.enabled,label:this.label,onInput:()=>{this.handleChange()},onFocusout:()=>{this.handleFocusout()},errorMessage:this.errorMessage,mode:this.mode},s("ez-icon",{slot:"leftIcon",href:n("timer-outline")})))}static get assetsDirs(){return["../assets"]}get _elem(){return e(this)}static get watchers(){return{showSeconds:["prepareMask"],value:["onValueChanged"]}}};l.style=":host{display:flex;flex-wrap:wrap;position:relative;width:100%}";export{l as ez_time_input}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as e,H as o,g as r}from"./p-89a57641.js";import{MaskFormatter as n}from"@sankhyalabs/core";let a=class{constructor(e){t(this,e),this.ezChange=i(this,"ezChange",7),this.enabled=!0,this.canShowError=!0,this.mode="regular"}showError(){var t,i;"string"==typeof this.errorMessage&&""!==this.errorMessage?(this._inputElem.classList.add("hasError"),null===(t=this._messageBoxElem)||void 0===t||t.classList.add("hasError")):(this._inputElem.classList.remove("hasError"),null===(i=this._messageBoxElem)||void 0===i||i.classList.remove("hasError"))}prepareMask(){this.mask&&(null==this._maskFormatter?this._maskFormatter=new n(this.mask):this._maskFormatter.mask=this.mask)}updateInputValue(){this._inputElem&&(this._inputElem.value=this.value),this.handleChange(),this.errorMessage="",this.ezChange.emit(this.value),this.adjustFloatingLabel()}adjustFloatingLabel(){if(this.label&&this._labelElem){this._inputElem&&!this._inputElem.classList.contains("input--with--label")&&this._inputElem.classList.add("input--with--label");const t=this.value&&this.value.toString().length>0,i=this._labelElem.classList.contains("input__label--floated");t||this.isFocused()?i||this._labelElem.classList.add("input__label--floated"):i&&this._labelElem.classList.remove("input__label--floated")}}isFocused(){return null!==this._hostElement.shadowRoot.activeElement}async setFocus(){this._inputElem.focus()}async setBlur(){this._inputElem.blur()}handleFocusout(){const t=this._inputElem.value;if(t&&this._maskFormatter)try{this._inputElem.value=this._maskFormatter.format(t)}catch(t){this.errorMessage=t.message}this.value=this._inputElem.value,this.adjustFloatingLabel()}isValidValue(t){return!this.restrict||Array.from(t).reduce(((t,i)=>t&&this.restrict.indexOf(i)>-1),!0)}handleChange(){if(!this._inputElem)return;const t=this._inputElem.value;this.isValidValue(t)?this._lastValidValue=t:this._inputElem.value=void 0===this._lastValidValue?"":this._lastValidValue,this.value=this._inputElem.value}handleSlotChange(t){const i=t.target,e=i.assignedElements()[0];e&&(e.style.position="absolute",e.style.display="flex",e.style.alignItems="center",e.style.justifyContent="center",e.style.overflow="hidden",e.style.top="0px",e.style.width="var(--ez-text-input__icon--width)",e.style.height="slim"!=this.mode?"var(--ez-text-input--height)":"var(--ez-text-input--height--slim)","leftIcon"==i.name?(e.style.left="0px",e.style.borderRadius="var(--ez-text-input--border-radius) 0 0 var(--ez-text-input--border-radius)",this._inputElem.classList.add("icon--left"),this._labelElem&&this._labelElem.classList.add("input__label--left")):"rightIcon"==i.name&&(e.style.right="0px",e.style.borderRadius="0 var(--ez-text-input--border-radius) var(--ez-text-input--border-radius) 0",this._inputElem.classList.add("icon--right"),this._labelElem&&this._labelElem.classList.add("input__label--right"))),this.showError()}doFocus(){this.label&&this._labelElem&&!this._labelElem.classList.contains("input__label--floated")&&this._labelElem.classList.add("input__label--floated")}componentDidLoad(){this.showError(),this.prepareMask(),this.adjustFloatingLabel()}componentWillLoad(){if(this.prepareMask(),this.value){if(this._maskFormatter)try{this.value=this._maskFormatter.format(this.value)}catch(t){this.errorMessage=t.message}this.isValidValue(this.value)||(this._lastValidValue="",this.value="")}}render(){return e(o,null,e("slot",{name:"leftIcon",onSlotchange:t=>{this.handleSlotChange(t)}}),this.label&&"slim"!=this.mode?e("label",{ref:t=>this._labelElem=t,class:this.enabled?"input__label":"input__label input__label--disabled",onClick:()=>this._inputElem.focus(),title:this.label},this.label):null,e("input",{onFocus:()=>this.doFocus(),ref:t=>this._inputElem=t,type:"text",class:"slim"==this.mode?"input--slim":"",placeholder:"slim"==this.mode&&this.label?this.label:"",value:this.value,disabled:!this.enabled,onInput:()=>{this.handleChange()},onFocusout:()=>{this.handleFocusout()}}),e("slot",{name:"rightIcon",onSlotchange:t=>{this.handleSlotChange(t)}}),this.canShowError&&"slim"!=this.mode&&e("span",{class:"message-box",ref:t=>this._messageBoxElem=t,title:this.errorMessage},this.errorMessage))}get _hostElement(){return r(this)}static get watchers(){return{errorMessage:["showError"],mask:["prepareMask"],value:["updateInputValue"]}}};a.style=":host{--ez-text-input--height:42px;--ez-text-input--width:100%;--ez-text-input__icon--width:48px;--ez-text-input--height--slim:32px;--ez-text-input--border-radius:var(--border--radius-medium, 12px);--ez-text-input--font-size:var(--text--medium, 14px);--ez-text-input--font-family:var(--font-pattern, Arial);--ez-text-input--font-weight:var(--text-weight--medium, 400);--ez-text-input--color:var(--title--primary, #000);--ez-text-input__input--background-color:var(--background--medium, #e0e0e0);--ez-text-input__input--border:var(--border--medium, 2px solid);--ez-text-input__input--border-color:var(--ez-text-input__input--background-color);--ez-text-input__input--focus--border-color:var(--color--primary, #008561);--ez-text-input__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-text-input__input--disabled--color:var(--text--disable, #AFB6C0);--ez-text-input__input--error--border-color:#CC2936;--ez-text-input__message_box--font-size:var(--text--small, 12px);--ez-text-input__message_box--info--color:var(--color--success, #22085d);--ez-text-input__message_box--error--color:var(--color--error, #FF0000);--ez-text-input__label--floating--top:6px;--ez-text-input__label--padding-top:12px;--ez-text-input__label--padding-left:14px;--ez-text-input__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--ez-text-input--width)}input{width:100%;box-sizing:border-box;padding:var(--space--medium, 6px);font-weight:var(--text-weight--large, 600);height:var(--ez-text-input--height);border-radius:var(--ez-text-input--border-radius);font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);border:var(--ez-text-input__input--border);border-color:var(--ez-text-input__input--border-color);background-color:var(--ez-text-input__input--background-color);color:var(--ez-text-input--color)}input:disabled{background-color:var(--ez-text-input__input--disabled--background-color);color:var(--ez-text-input__input--disabled--color)}input:focus{outline:none;border-color:var(--ez-text-input__input--focus--border-color)}input.icon--left{padding-left:var(--ez-text-input__icon--width)}input.icon--right{padding-right:var(--ez-text-input__icon--width)}input.hasError{color:var(--ez-text-input--color);border-color:var(--ez-text-input__input--error--border-color)}input:disabled.hasError{color:var(--ez-text-input__input--disabled--color)}input.text--right{text-align:right}.message-box{min-height:16px;min-width:100%;margin-top:3px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input__message_box--font-size);color:var(--ez-text-input__message_box--info--color)}.hasError{color:var(--ez-text-input__message_box--error--color)}.input__label{box-sizing:border-box;position:absolute;z-index:var(--visible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;width:calc(100% - var(--ez-text-input__label--padding-right));left:var(--ez-text-input--space--medium);font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color);top:var(--ez-text-input__label--padding-top);left:var(--ez-text-input__label--padding-left);padding-right:var(--ez-text-input__label--padding-right)}.input__label--floated{font-family:var(--ez-text-input--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--ez-text-input__label--floating--top)}.input__label--disabled{color:var(--ez-text-input__input--disabled--color)}.input__label--left{text-align:left;left:calc(var(--ez-text-input__icon--width) + 2px);width:calc(100% - var(--ez-text-input__icon--width))}.input__label--right{right:var(--ez-text-input__icon--width);width:calc(100% - var(--ez-text-input__icon--width))}.input__label--left.input__label--right{left:calc(var(--ez-text-input__icon--width) + 2px);width:calc(100% - var(--ez-text-input__icon--width) * 2)}.input--with--label{padding-bottom:0}.input--slim{padding-top:var(--space--small, 3px);padding-bottom:var(--space--small, 3px);height:var(--ez-text-input--height--slim)}.input--slim::-webkit-input-placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim:-moz-placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim::-moz-placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim:-ms-input-placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim::placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim:disabled::-webkit-input-placeholder{color:var(--ez-text-input__input--disabled--color)}.input--slim:disabled:-moz-placeholder{color:var(--ez-text-input__input--disabled--color)}.input--slim:disabled::-moz-placeholder{color:var(--ez-text-input__input--disabled--color)}.input--slim:disabled:-ms-input-placeholder{color:var(--ez-text-input__input--disabled--color)}.input--slim:disabled::placeholder{color:var(--ez-text-input__input--disabled--color)}";export{a as ez_text_input}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e}from"./p-89a57641.js";let o=class{constructor(e){t(this,e),this._lang="pt",this.fadeTime=5e3,this.useIcon=!1,this.canClose=!0}async show(){this.container.classList.add("toast__container--oppened"),this.container.style.animation=`fadein 0.5s, fadeout 0.5s ${this.fadeTime/1e3}s`,setTimeout((()=>{this.container.classList.remove("toast__container--oppened"),this.container.style.animation="none"}),this.fadeTime+400)}render(){return e("div",{ref:t=>this.container=t,class:"toast__container"},this.useIcon&&e("slot",{name:"icon"}),e("div",{lang:this._lang,class:this.useIcon?"message__container message__conteiner--icon":"message__container",title:this.message,innerHTML:this.message}),this.canClose&&e("button",{class:"btn-close",onClick:()=>{this.container.classList.remove("toast__container--oppened"),this.container.style.animation="none"}}))}};o.style=':host{--ez-toast__btn__close__image:url(\'data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg%22%3E<path d="M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z"/></svg>\');--ez-toast__container-z-index:var(--more-visible, 2);--ez-toast__container--background-color:var(--color--secondary, #383c45);--ez-toast__icon--padding-left:var(--space--small, 6px)}.toast__container{position:fixed;display:flex;bottom:100px;z-index:var(--ez-toast__container-z-index);left:100px;width:280px;box-sizing:border-box;background-color:var(--ez-toast__container--background-color);border-radius:6px;align-items:center;padding:12px;visibility:hidden}.message__container{font-family:"Sora", "Algerian";text-shadow:0 0 0 #353535, 0 0 1px transparent;color:#FFFFFF;font-size:14px;width:90%;overflow:hidden;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;text-overflow:ellipsis}.message__conteiner--icon{padding-left:var(--ez-toast__icon--padding-left);width:80%}.btn-close{margin-top:3px;display:flex;justify-content:flex-end;align-self:flex-start;padding:0;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:\'\';display:flex;background-color:#FFFFFF;width:12px;height:12px;-webkit-mask-image:var(--ez-toast__btn__close__image);mask-image:var(--ez-toast__btn__close__image)}.toast__container--oppened{animation:fadein 0.5s, fadeout 0.5s 3s;visibility:visible}@-webkit-keyframes fadein{from{left:-100px;opacity:0}to{left:100px;opacity:1}}@keyframes fadein{from{left:-100px;opacity:0}to{left:100px;opacity:1}}@-webkit-keyframes fadeout{from{left:100px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{left:100px;opacity:1}to{bottom:0;opacity:0}}';export{o as ez_toast}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,c as t,h as e,g as h}from"./p-89a57641.js";import{C as i}from"./p-d54c157f.js";let o=class{constructor(e){s(this,e),this.ezChange=t(this,"ezChange",7),this.showPopup=t(this,"showPopup",7),this.enabled=!0,this.showSelectedValue=!0,this.showOptionValue=!0,this.suppressEmptyOption=!1,this.mode="regular"}updateValue(){this._comboElement&&(this._comboElement.value=this.value)}async setFocus(){this._comboElement.setFocus()}async setBlur(){this._comboElement.setBlur()}onComboChange(s){s.stopPropagation(),this.value=s.detail,this.ezChange.emit(s.detail)}componentDidLoad(){i.applyVarsTextInput(this._elem,this._comboElement)}render(){return e("ez-combo-box",{ref:s=>this._comboElement=s,value:this.value,label:this.label,enabled:this.enabled,errorMessage:this.errorMessage,optionLoader:this.optionLoader,searchMode:!0,onEzChange:s=>this.onComboChange(s),showSelectedValue:this.showSelectedValue,showOptionValue:this.showOptionValue,suppressEmptyOption:this.suppressEmptyOption,mode:this.mode})}get _elem(){return h(this)}static get watchers(){return{value:["updateValue"]}}};o.style=":host{width:100%}";export{o as ez_search}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as a,H as i,g as s}from"./p-89a57641.js";import{DateUtils as r}from"@sankhyalabs/core";import{C as n}from"./p-d54c157f.js";let o=class{constructor(a){t(this,a),this.ezChange=e(this,"ezChange",7),this.enabled=!0,this.mode="regular"}setLabel(){this._textInput.label=this.label}setErrorMessage(){this._textInput.errorMessage=this.errorMessage}applyValueToInput(){this._textInput&&(this._textInput.value=this.getTextValue(this.value))}async setFocus(){this._textInput.setFocus()}async setBlur(){this._textInput.setBlur()}changeValue(t){var e;t=t instanceof Date?r.clearTime(t):null,this.value=this.value instanceof Date?r.clearTime(this.value):null,this._textInput.errorMessage="",(null==t?void 0:t.toString())!==(null===(e=this.value)||void 0===e?void 0:e.toString())&&(this.value=t,this.ezChange.emit(this.value))}showCalendar(){this.parseDate(),this._calendar.value=this.value,this._calendar.fitVertical(this._textInput.errorMessage||"slim"==this.mode?0:-19,this._elem.clientHeight)}hideCalendar(){this.changeValue(this._calendar.value),this._calendar.hide()}parseDate(){const t=this._textInput.value,e=r.strToDate(t);e||!t?this.changeValue(this.value===e?this.value:e):this._textInput.errorMessage="O valor digitado não é uma data válida"}getTextValue(t){return t?new Intl.DateTimeFormat("pt-BR").format(t):null}componentDidLoad(){n.applyVarsTextInput(this._elem,this._textInput)}render(){return a(i,null,a("ez-text-input",{ref:t=>this._textInput=t,onBlur:()=>this.parseDate(),onKeyDown:t=>{"H"!==t.key&&"h"!==t.key||this.changeValue(new Date)},label:this.label,onEzChange:t=>t.stopPropagation(),value:this.getTextValue(this.value),restrict:"0123456789/",enabled:this.enabled,errorMessage:this.errorMessage,mode:this.mode},a("button",{disabled:!this.enabled,tabindex:-1,class:"btn-open-cal",onClick:()=>this.showCalendar(),slot:"leftIcon"})),a("ez-calendar",{onEzChange:t=>{this.hideCalendar(),t.stopPropagation()},floating:!0,ref:t=>this._calendar=t}))}get _elem(){return s(this)}static get watchers(){return{label:["setLabel"],errorMessage:["setErrorMessage"],value:["applyValueToInput"]}}};o.style=':host{display:block;width:100%;--ez-date-input__input--background-color:var(--background--medium, #e0e0e0);--ez-date-input__input--border-color:var(--ez-date-input__input--background-color);--ez-date-input__calendar-image:url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="15px"><path d="M 3.171875,5.25 C 2.6485088,5.25 2.21875,5.6797588 2.21875,6.203125 2.21875,6.7264912 2.6485088,7.15625 3.171875,7.15625 3.6952412,7.15625 4.125,6.7264912 4.125,6.203125 4.125,5.6797588 3.6952412,5.25 3.171875,5.25 Z m 2.875,0 C 5.5235088,5.25 5.09375,5.6797588 5.09375,6.203125 5.09375,6.7264912 5.5235088,7.15625 6.046875,7.15625 6.5702412,7.15625 7,6.7264912 7,6.203125 7,5.6797588 6.5702412,5.25 6.046875,5.25 Z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.9511719,-0.4297588 0.9511719,-0.953125 C 9.8730469,5.6797588 9.4452412,5.25 8.921875,5.25 Z m 2.873047,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.953125 0.953125,0.953125 0.523366,0 0.953125,-0.4297588 0.953125,-0.953125 C 12.748047,5.6797588 12.318288,5.25 11.794922,5.25 Z M 3.171875,8.1230469 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 0.5233662,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 C 6.5702412,10.029297 7,9.5995381 7,9.0761719 7,8.5528057 6.5702412,8.1230469 6.046875,8.1230469 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297587,0.9531251 0.953125,0.9531251 0.5233661,0 0.9531249,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.9531251 0.953125,0.9531251 0.523367,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.171875,10.998047 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 C 6.5702412,12.904297 7,12.474538 7,11.951172 7,11.427806 6.5702412,10.998047 6.046875,10.998047 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297587,0.953125 0.953125,0.953125 0.5233661,0 0.9531249,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.429759,0.953125 0.953125,0.953125 0.523367,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.5,0 c -0.554,0 -1,0.446 -1,1 v 0.050781 C 1.0853217,1.2909766 0,2.5186658 0,4 v 9 c 0,1.652487 1.3475134,3 3,3 h 9 c 1.652487,0 3,-1.347513 3,-3 V 4 C 15,2.5186658 13.914678,1.2909766 12.5,1.0507812 V 1 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 C 4.5,0.446 4.054,0 3.5,0 Z m 1,2.0996094 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 v -0.640625 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 V 2.1738281 C 13.311725,2.3905225 13.900391,3.11278 13.900391,4 v 9 c 0,1.062113 -0.838278,1.900391 -1.900391,1.900391 H 3 C 1.9378864,14.900391 1.0996094,14.062113 1.0996094,13 V 4 C 1.0996094,3.11278 1.6882747,2.3905225 2.5,2.1738281 v 0.5664063 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 z"/></svg>\')}.btn-open-cal{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-cal:disabled{cursor:unset}.btn-open-cal::after{content:\'\';display:flex;background-color:var(--text--primary, #008561);width:15px;height:16px;-webkit-mask-image:var(--ez-date-input__calendar-image);mask-image:var(--ez-date-input__calendar-image)}.btn-open-cal:disabled:after{background-color:var(--text--disable, #AFB6C0)}.btn-open-cal:enabled:hover::after{background-color:var(--color--primary, #4e4e4e)}ez-text-input{--text-input__input--background-color:var(--ez-date-input__input--background-color, #FFFFFF);--text-input__input--border-color:var(--ez-date-input__input--border-color, #DCE0E8)}';export{o as ez_date_input}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,h as e,g as i}from"./p-89a57641.js";import{NumberUtils as r}from"@sankhyalabs/core";import{C as h}from"./p-d54c157f.js";let a=class{constructor(e){t(this,e),this.ezChange=s(this,"ezChange",7),this.enabled=!0,this.mode="regular"}setLabel(){this._textInput.label=this.label}setErrorMessage(){this._textInput.errorMessage=this.errorMessage}applyValueToInput(){this._textInput&&(this._textInput.value=this.getTextValue(this.value))}async setFocus(){this._textInput.setFocus()}async setBlur(){this._textInput.setBlur()}changeValue(t){this.errorMessage="",t&&t!==this.value&&(this.value=t,this.ezChange.emit(this.value))}parseNumber(){const t=this._textInput.value?r.stringToNumber(this._textInput.value):null;if(null!=t&&isNaN(t))this.errorMessage="O valor digitado não é um número válido";else try{this.changeValue(t)}catch(t){return void(this.errorMessage=t.message)}}getTextValue(t){return t?this.precision>0?r.format(t.toString(),Number(this.precision),Number(this.prettyPrecision)):t.toString():null}componentDidLoad(){h.applyVarsTextInput(this._elem,this._textInput)}render(){return e("ez-text-input",{ref:t=>this._textInput=t,onBlur:()=>this.parseNumber(),label:this.label,onEzChange:t=>t.stopPropagation(),value:this.getTextValue(this.value),restrict:this.precision>0?"0123456789-,.":"0123456789-",enabled:this.enabled,errorMessage:this.errorMessage,mode:this.mode})}get _elem(){return i(this)}static get watchers(){return{label:["setLabel"],errorMessage:["setErrorMessage"],value:["applyValueToInput"]}}};a.style=":host{display:block;width:100%}";export{a as ez_number_input}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as t,h as e,H as i,g as s}from"./p-89a57641.js";import{FloatingManager as r}from"@sankhyalabs/core";import{C as a}from"./p-d54c157f.js";let n=class{constructor(e){o(this,e),this.ezChange=t(this,"ezChange",7),this.enabled=!0,this.showSelectedValue=!1,this.showOptionValue=!1,this.suppressEmptyOption=!1,this.canShowError=!0,this.mode="regular"}internalUpdate(){this._inputElement&&(this._inputElement.value=this.getText()),this.hideOptions(),this._criteria=void 0,this._preSelection=void 0,this.updateVisibleOptions()}async setFocus(){this._inputElement.setFocus()}async setBlur(){this._inputElement.setBlur()}getText(){let o="";const t=this.getSelectedOption();return t&&(o=this.showSelectedValue?`${t.value} - ${t.label}`:t.label),o}getSelectedOption(){return"string"==typeof this.value||this.value instanceof String?this._visibleOptions.find((o=>o.value===this.value)):this.value}updateVisibleOptions(){let o=this._source||[];if(!this.searchMode&&this._criteria){const t=this._criteria.toUpperCase();o=o.filter((o=>o.label.toLocaleUpperCase().indexOf(t)>-1))}this._visibleOptions=this.suppressEmptyOption?o:[{value:void 0,label:""}].concat(o)}buildItem(o,t){return e("li",{class:t===this._preSelection?"item preselected":"item",id:`item_${o.value}`,onMouseDown:()=>this.selectOption(o),onMouseOver:()=>this._preSelection=void 0},e("span",{class:"item--label",title:o.label},o.label),this.showOptionValue?e("span",{class:"item--value",title:o.value},o.value):void 0)}showOptions(){this.enabled&&(this._floatingID=r.float(this._optionsList,this._listContainer,{autoClose:!0,top:this.errorMessage||!this.canShowError||"slim"==this.mode?"0px":"-19px"}),window.requestAnimationFrame((()=>{this._optionsList.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})})))}hideOptions(){void 0!==this._floatingID&&r.close(this._floatingID),this._floatingID=void 0}isOptionsVisible(){return void 0!==this._floatingID&&r.isFloating(this._floatingID)}nextOption(){this.searchMode&&!this.isOptionsVisible()||(this.showOptions(),this._preSelection=void 0===this._preSelection?0:Math.min(this._preSelection+1,this._visibleOptions.length-1),this.scrollToOption(this._visibleOptions[this._preSelection],!0))}previousOption(){this._preSelection=void 0===this._preSelection?0:Math.max(this._preSelection-1,0),this.scrollToOption(this._visibleOptions[this._preSelection],!1)}scrollToOption(o,t){window.requestAnimationFrame((()=>{const e=this._optionsList.querySelector(`li#item_${o.value}`);if(e){const o=e.parentElement,i=o.getBoundingClientRect(),s=e.getBoundingClientRect();t&&s.bottom>i.bottom?o.scrollTop=s.top:!t&&s.top<i.top&&(o.scrollTop=0)}}))}selectCurrentOption(){void 0!==this._preSelection&&(this.selectOption(this._visibleOptions[this._preSelection]),this._preSelection=void 0)}selectOption(o){if(this.getSelectedOption()!==o){const t=(null==o?void 0:o.value)?o:void 0;this.value=t,this.errorMessage="",this.ezChange.emit(t)}else this.internalUpdate()}updateSource(o){o instanceof Promise?(o.then((o=>this.updateSource(o))),this.updateVisibleOptions()):Array.isArray(o)?(this._source=o,this.updateVisibleOptions()):this.value=o}loadOptions(o,t=""){this._criteria=t,this.updateSource(this.optionLoader?this.optionLoader({mode:o,argument:t}):this.options)}cancelPreselection(){!this._inputElement.value&&this.value?this.selectOption(void 0):this.internalUpdate()}componentWillLoad(){if(void 0===this.options){this.options=[];const o=this.el.querySelectorAll("option");o&&o.forEach((o=>{let t=o.innerText,e=o.getAttribute("value");e||(e=t),this.options.push({label:t,value:e}),o.hidden=!0}))}this.searchMode?this.updateSource([]):this.loadOptions("PRELOAD")}componentDidRender(){void 0===this._floatingID&&this._optionsList.remove()}componentDidLoad(){a.applyVarsTextInput(this.el,this._inputElement)}onTextInputChangeHandler(o){this._criteria||(this._inputElement.value=o.data);const t=o.target.value;this._criteria=t,this._criteria&&(this.searchMode?(this._changeDeboucingTimeout&&window.clearTimeout(this._changeDeboucingTimeout),this._changeDeboucingTimeout=window.setTimeout((()=>{this.loadOptions("PREDICTIVE",t)}),200)):this.updateVisibleOptions(),this.showOptions())}onTextInputClickHandler(){this.searchMode||this.showOptions()}keyDownHandler(o){switch(o.key){case"ArrowDown":this.nextOption();break;case"ArrowUp":this.previousOption();break;case"Enter":this.selectCurrentOption();break;case"Escape":this.cancelPreselection()}o.stopPropagation()}onTextInputFocusOutHandler(){this.cancelPreselection()}render(){return e(i,null,e("ez-text-input",{ref:o=>this._inputElement=o,enabled:this.enabled,onInput:o=>this.onTextInputChangeHandler(o),onClick:()=>this.onTextInputClickHandler(),onFocusout:()=>this.onTextInputFocusOutHandler(),onEzChange:o=>o.stopPropagation(),onKeyDown:o=>this.keyDownHandler(o),label:this.label,value:this.getText(),canShowError:this.canShowError,errorMessage:this.errorMessage,mode:this.mode},e("button",this.searchMode?{disabled:!this.enabled,tabindex:-1,class:"btn-open-search",onClick:()=>{this.loadOptions("ADVANCED")},slot:"leftIcon"}:{disabled:!this.enabled,tabindex:-1,class:"btn-open-options",slot:"rightIcon",onClick:()=>this.showOptions()})),e("section",{class:"list-container",ref:o=>this._listContainer=o},e("div",{class:"options-list",ref:o=>this._optionsList=o},this._visibleOptions.map(((o,t)=>this.buildItem(o,t))))))}get el(){return s(this)}static get watchers(){return{value:["internalUpdate"]}}};n.style=':host{--ez-combo-box--height:42px;--ez-combo-box--width:100%;--ez-combo-box__icon--width:48px;--ez-combo-box--border-radius:var(--border--radius-medium, 12px);--ez-combo-box--border-radius-small:var(--border--radius-small, 6px);--ez-combo-box--font-size:var(--text--medium, 14px);--ez-combo-box--font-family:var(--font-pattern, Arial);--ez-combo-box--font-weight--large:var(--text-weight--large, 500);--ez-combo-box--font-weight--medium:var(--text-weight--medium, 400);--ez-combo-box--background-color--xlight:var(--background--xlight, #fff);--ez-combo-box--background-medium:var(--background--medium, #f0f3f7);--ez-combo-box__input--background-color:var(--background--medium, #e0e0e0);--ez-combo-box__input--border:var(--border--medium, 2px solid);--ez-combo-box__input--border-color:var(--ez-combo-box__input--background-color);--ez-combo-box__input--focus--border-color:var(--color--primary, #008561);--ez-combo-box__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-combo-box__input--disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__input--error--border-color:#CC2936;--ez-combo-box__btn-search--background-color:var(--text--primary, #626e82);--ez-combo-box__btn-search-disabled--background-color:var(--text--disable, #AFB6C0);--ez-combo-box__btn-search-hover--background-color:var(--color--primary, #4e4e4e);--ez-combo-box__btn-options--background-color:var(--text--primary, #626e82);--ez-combo-box__btn-options-disabled--background-color:var(--text--disable, #AFB6C0);--ez-combo-box__btn-options-hover--background-color:var(--color--primary, #4e4e4e);--ez-combo-box__label--color:var(--title--primary, #919191);--ez-combo-box__list-text--primary:var(--text--primary, #626e82);--ez-combo-box__list-height:calc(var(--ez-combo-box--font-size) + var(--ez-combo-box--space--medium));--ez-combo-box__drop-down-image:url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="16px"><path d="M 1.8585859,3.0707069 7.9999998,9.2121212 14.141414,3.0707069 16,5.0101006 7.9999998,12.929293 0,4.9292932 Z"/></svg>\');--ez-combo-box__search-image:url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="22px" width="22px"><path d="m 9.4,2.3 c 4.1,0 7.4,3.2 7.4,7.2 0,1.8 -0.7,3.4 -1.8,4.7 l 0.3,0.3 h 0.9 l 5.7,5.6 -1.7,1.7 -5.7,-5.6 V 15.3 L 14.3,15 C 13,16.1 11.3,16.7 9.5,16.7 5.3,16.7 2,13.5 2,9.5 2,5.5 5.3,2.3 9.4,2.3 m 0,2.2 c -2.9,0 -5.1,2.2 -5.1,5 0,2.8 2.3,5 5.1,5 2.8,0 5.1,-2.2 5.1,-5 0,-2.8 -2.2,-5 -5.1,-5 z"/></svg>\');--ez-combo-box--space--medium:var(--space--medium, 12px);--ez-combo-box--space--small:var(--space--small, 6px);display:flex;flex-wrap:wrap;position:relative;width:var(--ez-combo-box--width)}.list-container{position:relative;width:100%}.options-list{box-sizing:border-box;width:100%;z-index:var(--more-visible, 2);display:flex;flex-direction:column;background-color:var(--ez-combo-box--background-color--xlight);padding:var(--ez-combo-box--space--small);border-radius:var(--ez-combo-box--border-radius);box-shadow:var(--shadow, 0px 0px 16px 0px #000);scroll-behavior:smooth;max-height:calc(4*var(--ez-combo-box__list-height) + 2*var(--ez-combo-box--space--small));overflow:auto}.item{text-align:left;display:flex;justify-content:space-between;align-items:center;border-radius:var(--ez-combo-box--border-radius-small);padding:0 var(--ez-combo-box--space--small);list-style-type:none;min-height:var(--ez-combo-box__list-height)}.item--label{text-align:left;flex-basis:85%;flex-grow:1;color:var(--ez-combo-box__list-text--primary);font-weight:var(--ez-combo-box--font-weight--large);font-family:var(--ez-combo-box--font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item--value{text-align:right;flex-basis:15%;flex-grow:0;color:var(--ez-combo-box__list-text--primary);font-weight:var(--ez-combo-box--font-weight--large);font-family:var(--ez-combo-box--font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}li:hover{background-color:var(--ez-combo-box--background-medium)}.preselected{background-color:var(--background--medium)}.btn-open-options{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-options:disabled{cursor:unset}.btn-open-options::after{content:\'\';display:flex;background-color:var(--ez-combo-box__btn-options--background-color);width:16px;height:16px;-webkit-mask-image:var(--ez-combo-box__drop-down-image);mask-image:var(--ez-combo-box__drop-down-image)}.btn-open-options:disabled:after{background-color:var(--ez-combo-box__btn-options-disabled--background-color)}.btn-open-options:enabled:hover::after{background-color:var(--ez-combo-box__btn-options-hover--background-color)}.btn-open-search{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-search:disabled{cursor:unset}.btn-open-search::after{content:\'\';display:flex;background-color:var(--ez-combo-box__btn-search--background-color);width:22px;height:22px;-webkit-mask-image:var(--ez-combo-box__search-image);mask-image:var(--ez-combo-box__search-image)}.btn-open-search:disabled:after{background-color:var(--ez-combo-box__btn-search-disabled--background-color)}.btn-open-search:enabled:hover::after{background-color:var(--ez-combo-box__btn-search-hover--background-color)}';export{n as ez_combo_box}
|
|
@@ -55,6 +55,10 @@ export declare class EzComboBox {
|
|
|
55
55
|
* Permite exibir a mensagem de erro.
|
|
56
56
|
*/
|
|
57
57
|
canShowError: boolean;
|
|
58
|
+
/**
|
|
59
|
+
* Define o modo do tamanho do campo; opções: slim e regular.
|
|
60
|
+
*/
|
|
61
|
+
mode: string;
|
|
58
62
|
private internalUpdate;
|
|
59
63
|
/**
|
|
60
64
|
* Realiza o foco no componente de seleção
|
|
@@ -23,6 +23,10 @@ export declare class EzDateInput {
|
|
|
23
23
|
* Quando há um problema de validação, serve como orientação ao usuário
|
|
24
24
|
*/
|
|
25
25
|
errorMessage: string;
|
|
26
|
+
/**
|
|
27
|
+
* Define o modo do tamanho do campo; opções: slim e regular.
|
|
28
|
+
*/
|
|
29
|
+
mode: string;
|
|
26
30
|
setLabel(): void;
|
|
27
31
|
setErrorMessage(): void;
|
|
28
32
|
applyValueToInput(): void;
|
|
@@ -27,6 +27,10 @@ export declare class EzDateTimeInput {
|
|
|
27
27
|
* Exibe ou não os segundos no input
|
|
28
28
|
*/
|
|
29
29
|
showSeconds: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Define o modo do tamanho do campo; opções: slim e regular.
|
|
32
|
+
*/
|
|
33
|
+
mode: string;
|
|
30
34
|
setLabel(): void;
|
|
31
35
|
setErrorMessage(): void;
|
|
32
36
|
applyValueToInput(): void;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { EventEmitter } from "../../stencil-public-runtime";
|
|
2
|
+
export declare class EzFilterInput {
|
|
3
|
+
private _elem;
|
|
4
|
+
private _textInput;
|
|
5
|
+
/**
|
|
6
|
+
* Evento disparado quando o estado do componente é alterado (onEzChange).
|
|
7
|
+
*/
|
|
8
|
+
ezChange: EventEmitter<string>;
|
|
9
|
+
/**
|
|
10
|
+
* Título do campo
|
|
11
|
+
*/
|
|
12
|
+
label: string;
|
|
13
|
+
/**
|
|
14
|
+
* O valor informado pelo usuário
|
|
15
|
+
*/
|
|
16
|
+
value: string;
|
|
17
|
+
/**
|
|
18
|
+
* Deixa o campo disponível ou não para uso.
|
|
19
|
+
*/
|
|
20
|
+
enabled: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Deixa o componente em modo "carregando".
|
|
23
|
+
*/
|
|
24
|
+
loading: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Quando há um problema de validação, serve como orientação ao usuário
|
|
27
|
+
*/
|
|
28
|
+
errorMessage: string;
|
|
29
|
+
/**
|
|
30
|
+
* Restringe o que o usuário pode digitar. Cada caractere digitado será testado
|
|
31
|
+
* e deve estar contido nessa string ou será descartado.
|
|
32
|
+
*/
|
|
33
|
+
restrict: string;
|
|
34
|
+
/**
|
|
35
|
+
* Define o modo do tamanho do campo; opções: slim e regular.
|
|
36
|
+
*/
|
|
37
|
+
mode: string;
|
|
38
|
+
setLabel(): void;
|
|
39
|
+
setErrorMessage(): void;
|
|
40
|
+
applyValueToInput(): void;
|
|
41
|
+
/**
|
|
42
|
+
* Realiza o foco no componente de input
|
|
43
|
+
*/
|
|
44
|
+
setFocus(): Promise<void>;
|
|
45
|
+
/**
|
|
46
|
+
* Remove o foco no componente de input
|
|
47
|
+
*/
|
|
48
|
+
setBlur(): Promise<void>;
|
|
49
|
+
changeValue(evt: CustomEvent<string>): void;
|
|
50
|
+
componentDidLoad(): void;
|
|
51
|
+
render(): any;
|
|
52
|
+
}
|
|
@@ -57,6 +57,22 @@ export default interface EzGridController {
|
|
|
57
57
|
* as linhas da grade (os dados propriamente ditos).
|
|
58
58
|
*/
|
|
59
59
|
setData(data: Array<any>): void;
|
|
60
|
+
/**
|
|
61
|
+
* Método responsável por adicionar linhas novas
|
|
62
|
+
*/
|
|
63
|
+
addRows(rows: Array<any>): void;
|
|
64
|
+
/**
|
|
65
|
+
* Método responsável por selecionar linhas
|
|
66
|
+
*/
|
|
67
|
+
selectRows(rowIds: Array<string>): void;
|
|
68
|
+
/**
|
|
69
|
+
* Método responsável por remover linhas da grade
|
|
70
|
+
*/
|
|
71
|
+
removeRows(rowIds: Array<string>): void;
|
|
72
|
+
/**
|
|
73
|
+
* Método responsável por alterar o valores nos registros
|
|
74
|
+
*/
|
|
75
|
+
changeValues(changes: any, rowIds?: Array<string>): void;
|
|
60
76
|
/**
|
|
61
77
|
* Método responsável por atualizar as linhas da grade
|
|
62
78
|
*/
|
|
@@ -14,6 +14,7 @@ export default class AgGridController implements EzGridController, SortingProvid
|
|
|
14
14
|
private _pageSize;
|
|
15
15
|
private _serverURL;
|
|
16
16
|
private _dataUnit;
|
|
17
|
+
private _idAttribName;
|
|
17
18
|
constructor(enterprise: boolean);
|
|
18
19
|
getSort(): Array<Sort>;
|
|
19
20
|
initDatagrid(container: HTMLElement, options: EzGridOptions): void;
|
|
@@ -21,6 +22,10 @@ export default class AgGridController implements EzGridController, SortingProvid
|
|
|
21
22
|
private setOptionsPagination;
|
|
22
23
|
private setOptionsSupress;
|
|
23
24
|
setData(data: Array<any>): void;
|
|
25
|
+
addRows(rows: Array<any>): void;
|
|
26
|
+
selectRows(rowIds: Array<string>): void;
|
|
27
|
+
removeRows(rowIds: Array<string>): void;
|
|
28
|
+
changeValues(changes: any, rowIds?: Array<string>): void;
|
|
24
29
|
refresh(): void;
|
|
25
30
|
setColumnsDef(cols: Array<EzGridColumn>, showCheckSelection: boolean): void;
|
|
26
31
|
getColumnsDef(): Array<EzGridColumn>;
|
|
@@ -36,6 +36,10 @@ export declare class EzNumberInput {
|
|
|
36
36
|
* (1,1234 = 1,1234) mas a partir da quinta casa sim (1,12345 = 1,1235).
|
|
37
37
|
*/
|
|
38
38
|
prettyPrecision: number;
|
|
39
|
+
/**
|
|
40
|
+
* Define o modo do tamanho do campo; opções: slim e regular.
|
|
41
|
+
*/
|
|
42
|
+
mode: string;
|
|
39
43
|
setLabel(): void;
|
|
40
44
|
setErrorMessage(): void;
|
|
41
45
|
applyValueToInput(): void;
|
|
@@ -4,24 +4,24 @@ export declare class EzSearch {
|
|
|
4
4
|
private _elem;
|
|
5
5
|
private _comboElement;
|
|
6
6
|
/**
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
* Código do registro selecionado
|
|
8
|
+
*/
|
|
9
9
|
value: Option | string;
|
|
10
10
|
/**
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
* Título do campo
|
|
12
|
+
*/
|
|
13
13
|
label: string;
|
|
14
14
|
/**
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
* Deixa o campo disponível ou não.
|
|
16
|
+
*/
|
|
17
17
|
enabled: boolean;
|
|
18
18
|
/**
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
* Um evento disparado quando o estado do componente é alterado (onEzChange).
|
|
20
|
+
*/
|
|
21
21
|
ezChange: EventEmitter<Option>;
|
|
22
22
|
/**
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
* Evento emitido ao clicar para abrir o popup
|
|
24
|
+
*/
|
|
25
25
|
showPopup: EventEmitter;
|
|
26
26
|
/**
|
|
27
27
|
* Quando há um problema de validação, serve como orientação ao usuário
|
|
@@ -32,25 +32,29 @@ export declare class EzSearch {
|
|
|
32
32
|
*/
|
|
33
33
|
optionLoader: Function;
|
|
34
34
|
/**
|
|
35
|
-
|
|
36
|
-
|
|
35
|
+
* Ajusta a opção de mostrar o "value" ao selecionar uma opção.
|
|
36
|
+
*/
|
|
37
37
|
showSelectedValue: boolean;
|
|
38
38
|
/**
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
* Ajusta a opção de mostrar o "value" para cada opção.
|
|
40
|
+
*/
|
|
41
41
|
showOptionValue: boolean;
|
|
42
42
|
/**
|
|
43
|
-
|
|
44
|
-
|
|
43
|
+
* Remove a opção vazia da lista de opções
|
|
44
|
+
*/
|
|
45
45
|
suppressEmptyOption: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* Define o modo do tamanho do campo; opções: slim e regular.
|
|
48
|
+
*/
|
|
49
|
+
mode: string;
|
|
46
50
|
updateValue(): void;
|
|
47
51
|
/**
|
|
48
|
-
|
|
49
|
-
|
|
52
|
+
* Realiza o foco no componente de pesquisa
|
|
53
|
+
*/
|
|
50
54
|
setFocus(): Promise<void>;
|
|
51
55
|
/**
|
|
52
|
-
|
|
53
|
-
|
|
56
|
+
* Remove o foco no componente de pesquisa
|
|
57
|
+
*/
|
|
54
58
|
setBlur(): Promise<void>;
|
|
55
59
|
onComboChange(evt: any): void;
|
|
56
60
|
componentDidLoad(): void;
|
|
@@ -4,6 +4,7 @@ export declare class EzTextArea {
|
|
|
4
4
|
private _labelElem;
|
|
5
5
|
private _messageBoxElem;
|
|
6
6
|
private _container;
|
|
7
|
+
private _initialRows;
|
|
7
8
|
private _hostElement;
|
|
8
9
|
/**
|
|
9
10
|
* Evento disparado quando o estado do componente é alterado (onEzChange).
|
|
@@ -33,8 +34,18 @@ export declare class EzTextArea {
|
|
|
33
34
|
* Ajusta o número de linhas e consequentemente o height do textarea. Valor default: 4
|
|
34
35
|
*/
|
|
35
36
|
rows: number;
|
|
37
|
+
/**
|
|
38
|
+
* Permite exibir a mensagem de erro.
|
|
39
|
+
*/
|
|
40
|
+
canShowError: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* Define o modo do tamanho do campo; opções: slim e regular.
|
|
43
|
+
*/
|
|
44
|
+
mode: string;
|
|
36
45
|
showError(): void;
|
|
37
46
|
updateInputValue(): void;
|
|
47
|
+
adjustRowsForMode(): void;
|
|
48
|
+
adjustRowsValue(): void;
|
|
38
49
|
adjustFloatingLabel(): void;
|
|
39
50
|
isFocused(): boolean;
|
|
40
51
|
/**
|
|
@@ -43,6 +43,10 @@ export declare class EzTextInput {
|
|
|
43
43
|
* e deve estar contido nessa string ou será descartado.
|
|
44
44
|
*/
|
|
45
45
|
restrict: string;
|
|
46
|
+
/**
|
|
47
|
+
* Define o modo do tamanho do campo; opções: slim e regular.
|
|
48
|
+
*/
|
|
49
|
+
mode: string;
|
|
46
50
|
showError(): void;
|
|
47
51
|
prepareMask(): void;
|
|
48
52
|
updateInputValue(): void;
|
|
@@ -26,6 +26,10 @@ export declare class EzTimeInput {
|
|
|
26
26
|
* Define se o componente irá ou não considerar os segundos
|
|
27
27
|
*/
|
|
28
28
|
showSeconds: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Define o modo do tamanho do campo; opções: slim e regular.
|
|
31
|
+
*/
|
|
32
|
+
mode: string;
|
|
29
33
|
prepareMask(): void;
|
|
30
34
|
onValueChanged(): void;
|
|
31
35
|
/**
|