@sankhyalabs/ezui 1.1.159 → 1.1.161
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 +63 -28
- package/dist/cjs/ez-date-input.cjs.entry.js +71 -25
- package/dist/cjs/ez-date-time-input.cjs.entry.js +94 -31
- package/dist/cjs/ez-filter-input.cjs.entry.js +10 -4
- package/dist/cjs/ez-form.cjs.entry.js +54 -9
- package/dist/cjs/{grid-config.cjs.entry.js → ez-grid-config.cjs.entry.js} +6 -6
- package/dist/cjs/ez-grid.cjs.entry.js +16 -9
- package/dist/cjs/ez-list.cjs.entry.js +1 -1
- package/dist/cjs/ez-modal.cjs.entry.js +1 -1
- package/dist/cjs/ez-number-input.cjs.entry.js +69 -25
- package/dist/cjs/ez-search.cjs.entry.js +20 -5
- package/dist/cjs/{select-box.cjs.entry.js → ez-select-box.cjs.entry.js} +3 -3
- package/dist/cjs/ez-text-area.cjs.entry.js +8 -2
- package/dist/cjs/ez-text-input.cjs.entry.js +30 -21
- package/dist/cjs/ez-time-input.cjs.entry.js +75 -40
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/ez-combo-box/ez-combo-box.css +10 -4
- package/dist/collection/components/ez-combo-box/ez-combo-box.js +81 -28
- package/dist/collection/components/ez-date-input/ez-date-input.js +87 -25
- package/dist/collection/components/ez-date-time-input/ez-date-time-input.js +108 -31
- package/dist/collection/components/ez-filter-input/ez-filter-input.js +26 -4
- package/dist/collection/components/ez-form/DataBinder.js +12 -3
- package/dist/collection/components/ez-form/ez-form.js +43 -6
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +7 -3
- package/dist/collection/components/ez-grid/ez-grid.css +4 -0
- package/dist/collection/components/ez-grid/ez-grid.js +21 -14
- package/dist/collection/components/ez-grid/subcomponents/{gridconfig/grid-config.css → ez-grid-config/ez-grid-config.css} +46 -20
- package/dist/collection/components/ez-grid/subcomponents/{gridconfig/grid-config.js → ez-grid-config/ez-grid-config.js} +12 -12
- package/dist/collection/components/ez-grid/subcomponents/{select-box/select-box.css → ez-select-box/ez-select-box.css} +3 -4
- package/dist/collection/components/ez-grid/subcomponents/{select-box/select-box.js → ez-select-box/ez-select-box.js} +3 -3
- package/dist/collection/components/ez-list/ez-list.css +84 -46
- package/dist/collection/components/ez-modal/ez-modal.css +2 -2
- package/dist/collection/components/ez-number-input/ez-number-input.js +83 -25
- package/dist/collection/components/ez-search/ez-search.js +38 -5
- package/dist/collection/components/ez-text-area/ez-text-area.css +1 -1
- package/dist/collection/components/ez-text-area/ez-text-area.js +23 -1
- package/dist/collection/components/ez-text-input/ez-text-input.css +1 -1
- package/dist/collection/components/ez-text-input/ez-text-input.js +45 -38
- package/dist/collection/components/ez-time-input/ez-time-input.js +95 -59
- package/dist/custom-elements/index.d.ts +12 -12
- package/dist/custom-elements/index.js +1121 -810
- package/dist/esm/ez-combo-box.entry.js +63 -28
- package/dist/esm/ez-date-input.entry.js +71 -25
- package/dist/esm/ez-date-time-input.entry.js +94 -31
- package/dist/esm/ez-filter-input.entry.js +10 -4
- package/dist/esm/ez-form.entry.js +54 -9
- package/dist/esm/{grid-config.entry.js → ez-grid-config.entry.js} +6 -6
- package/dist/esm/ez-grid.entry.js +16 -9
- package/dist/esm/ez-list.entry.js +1 -1
- package/dist/esm/ez-modal.entry.js +1 -1
- package/dist/esm/ez-number-input.entry.js +69 -25
- package/dist/esm/ez-search.entry.js +20 -5
- package/dist/esm/{select-box.entry.js → ez-select-box.entry.js} +3 -3
- package/dist/esm/ez-text-area.entry.js +8 -2
- package/dist/esm/ez-text-input.entry.js +30 -21
- package/dist/esm/ez-time-input.entry.js +76 -41
- package/dist/esm/ezui.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/p-003d53b1.entry.js +1 -0
- package/dist/ezui/p-1fecaeb8.entry.js +1 -0
- package/dist/ezui/p-267fa515.entry.js +1 -0
- package/dist/ezui/p-2acf7d59.entry.js +1 -0
- package/dist/ezui/p-403de0a4.entry.js +1 -0
- package/dist/ezui/p-4c3d136c.entry.js +1 -0
- package/dist/ezui/p-53bbba8e.entry.js +1 -0
- package/dist/ezui/p-6668c3b0.entry.js +1 -0
- package/dist/ezui/p-7fd6deec.entry.js +1 -0
- package/dist/ezui/p-8c1b9fe0.entry.js +1 -0
- package/dist/ezui/{p-be87ac5e.entry.js → p-8d73594f.entry.js} +1 -1
- package/dist/ezui/p-988ff301.entry.js +1 -0
- package/dist/ezui/p-cf56d3e8.entry.js +1 -0
- package/dist/ezui/{p-727a39e5.entry.js → p-fd6f3bf9.entry.js} +1 -1
- package/dist/ezui/p-ff7b4b13.entry.js +1 -0
- package/dist/types/components/ez-combo-box/ez-combo-box.d.ts +13 -7
- package/dist/types/components/ez-date-input/ez-date-input.d.ts +10 -3
- package/dist/types/components/ez-date-time-input/ez-date-time-input.d.ts +15 -7
- package/dist/types/components/ez-filter-input/ez-filter-input.d.ts +5 -1
- package/dist/types/components/ez-form/DataBinder.d.ts +1 -1
- package/dist/types/components/ez-form/ez-form.d.ts +1 -0
- package/dist/types/components/ez-grid/controller/EzGridController.d.ts +1 -1
- package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +1 -0
- package/dist/types/components/ez-grid/ez-grid.d.ts +9 -6
- package/dist/types/components/ez-grid/subcomponents/{gridconfig/grid-config.d.ts → ez-grid-config/ez-grid-config.d.ts} +4 -4
- package/dist/types/components/ez-grid/subcomponents/{select-box/select-box.d.ts → ez-select-box/ez-select-box.d.ts} +0 -0
- package/dist/types/components/ez-number-input/ez-number-input.d.ts +14 -5
- package/dist/types/components/ez-search/ez-search.d.ts +6 -1
- package/dist/types/components/ez-text-area/ez-text-area.d.ts +4 -0
- package/dist/types/components/ez-text-input/ez-text-input.d.ts +7 -6
- package/dist/types/components/ez-time-input/ez-time-input.d.ts +17 -13
- package/dist/types/components.d.ts +84 -61
- package/package.json +1 -1
- package/react/components.d.ts +2 -2
- package/react/components.js +2 -2
- package/react/components.js.map +1 -1
- package/dist/ezui/p-1859a3d8.entry.js +0 -1
- package/dist/ezui/p-49fdfa4b.entry.js +0 -1
- package/dist/ezui/p-4fdceb7d.entry.js +0 -1
- package/dist/ezui/p-6d4b1628.entry.js +0 -1
- package/dist/ezui/p-8f4fac31.entry.js +0 -1
- package/dist/ezui/p-91377c65.entry.js +0 -1
- package/dist/ezui/p-b524dfca.entry.js +0 -1
- package/dist/ezui/p-bc8aa27f.entry.js +0 -1
- package/dist/ezui/p-bea6f8a6.entry.js +0 -1
- package/dist/ezui/p-c2de757f.entry.js +0 -1
- package/dist/ezui/p-ec21ecce.entry.js +0 -1
- package/dist/ezui/p-ecee9d8d.entry.js +0 -1
- package/dist/ezui/p-fc9b9487.entry.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as e,h as t,H as s}from"./p-139ed2f6.js";import{StringUtils as a}from"@sankhyalabs/core";import{A as r}from"./p-0cd386db.js";let o=class{constructor(t){i(this,t),this.configFinish=e(this,"configFinish",7),this.configCancel=e(this,"configCancel",7),this._orderListItems=[],this._orderPriorityList=[],this._columListItems=[],this._selectedIndex=-1,this._dataChanged=!1,this._componenteInternalKey=Date.now(),this.selectedTab="Colunas"}createOrderList(){let i=[];this.columns.filter((i=>{var e;return a.getBooleanValue(null===(e=null==i?void 0:i.props)||void 0===e?void 0:e.get("sortable"),!0)})).forEach((e=>{var t;let s=null===(t=this.config)||void 0===t?void 0:t.columns.find((i=>i.name===e.name)),a={name:e.name,label:e.label};s&&(a.orderIndex=s.orderIndex,a.ascending=s.ascending),e.hidden||i.push(a)})),i.sort(((i,e)=>0!=i.orderIndex||0!=e.orderIndex||null==i.ascending&&null==e.ascending?null!=i.ascending&&null!=e.ascending?i.orderIndex-e.orderIndex:null!=i.ascending||null!=e.ascending?null!=i.ascending?-1:null!=e.ascending?1:0:i.orderIndex-e.orderIndex:null!=i.ascending?-1:null!=e.ascending?1:0)),this._orderListItems=i}createColumnList(){let i={group:"Visíveis",items:[]},e={group:"Ocultas",items:[],sort:"ASC"};this.columns.forEach((t=>{let s={label:t.label};t.hidden?e.items.push(s):i.items.push(s)})),this._columListItems=[i,e]}buildColumnListSlot(i,e){return t("div",null,t("ez-check",{mode:"switch",id:"switch"+i+e,value:"Visíveis"===e.group,onEzChange:e=>{this.switchColumnGroup(e,i)}}))}buildOrderListSlot(i){let e="na";return null!=(null==i?void 0:i.ascending)&&(e=1==i.ascending?"asc":"desc"),t("div",null,t("ez-select-box",{selectedOption:e,key:"ez-select-box-"+this._componenteInternalKey+"-"+i,onEzChange:e=>{e.stopPropagation(),this.updateOrder(e.detail,i.label)}}))}updateOrder(i,e){var t;this._dataChanged=!0;let s,a=[...this.columns],r=a.find((i=>i.label===e));r&&(r.sort="na"===i.value?void 0:i.value),(null===(t=this._orderPriorityList)||void 0===t?void 0:t.length)>0?(this._orderPriorityList.find((i=>i.label===r.label)).sort=i,this._orderPriorityList.filter((i=>i.sort)).map(((i,e)=>{i.label===r.label&&(r.sortIndex=e)}))):(s=a.filter((i=>i.sort&&!0!==i.hidden)).map(((i,e)=>({label:i.label,orderIndex:e}))),s.forEach((i=>{a.find((e=>e.label===i.label)).sortIndex=i.orderIndex}))),this.columns=a}switchColumnGroup(i,e){i.stopPropagation();let t=[...this._columListItems];if(this._dataChanged=!0,!0===i.detail){let i=t.find((i=>"Ocultas"===i.group)),s=i.items.findIndex((i=>i.label===e.label));s>=0&&i.items.splice(s,1),t.find((i=>"Visíveis"===i.group)).items.push(e),this._columListItems=t,this.createOrderList()}else if(!1===i.detail){let i=t.find((i=>"Visíveis"===i.group)),s=i.items.findIndex((i=>i.label===e.label));s>=0&&i.items.splice(s,1),t.find((i=>"Ocultas"===i.group)).items.push(e),this._columListItems=t,this.createOrderList()}}finish(){let i=[];this._columListItems.forEach((e=>{e.items.forEach((t=>{const s=this.columns.find((i=>i.label===t.label));let a=Object.assign({},s);a.hidden="Ocultas"===e.group,i.push(a)}))})),this.columns=i,this._dataChanged=!1,this.closeConfig(),r.info("As configurações foram salvas com sucesso!"),this.save()}save(){var i;let e;e=this.config?this.config:this.createConfigFromState(this.columns);let t,s=[];if((null===(i=this._orderPriorityList)||void 0===i?void 0:i.length)>0){t=this.columns.filter((i=>i.sort&&!0!==i.hidden)).map((i=>({label:i.label,orderIndex:0})));let i=0,e=[];this._orderPriorityList.forEach((s=>{let a=t.find((i=>i.label===s.label));a&&(a.orderIndex=i,e.push(a),i++)})),e.length>0&&(t=e)}for(let i=0;i<this.columns.length;i++){const r=this.columns[i];let o=e.columns.find((i=>r.name===i.name));!0===r.hidden&&o||(o?o.width=r.width:!1===r.hidden&&(o={name:r.name,width:r.width,orderIndex:0}),o&&(r.sort?(o.ascending="ASC"===r.sort.toUpperCase(),t?a(r,o):o.orderIndex=r.sortIndex):(delete o.ascending,o.orderIndex=0),s.push(o)))}function a(i,e){if(t){let s=t.find((e=>e.label===i.label));s&&(e.orderIndex=s.orderIndex)}}e.columns=s,this.configFinish.emit(e),this._orderList.clearHistory()}createConfigFromState(i){let e={columns:[]};return i.forEach((i=>{if(!i.hidden){let t={name:i.name};i.width&&(t.width=i.width),i.sort?(t.ascending="ASC"===i.sort.toUpperCase(),t.orderIndex=i.sortIndex):t.orderIndex=0,t&&e.columns.push(t)}})),e}async locateColumn(i,e){var t;const s="Enter"===i.key;e||(e=null===(t=i.currentTarget)||void 0===t?void 0:t.value);let a=-1;if("Ordenação das linhas"===this.selectedTab)if(e){const i=[];let t,r;if(await this._orderList.getList().then((s=>{t=s,t.forEach(((t,s)=>{this.compareWords(t,e)&&i.push(s)}))})),i.length>0){if(s)for(let e=0;e<i.length;e++)if(i[e]>this._selectedIndex){a=i[e];break}-1===a&&(a=i[0])}this._selectedIndex=a,r=t[a],r?this._orderList.setSelection({label:r.label},!0):this._orderList.setSelection(void 0)}else this._orderList.setSelection(void 0);else if(e){const i=[];if(this.columns.forEach(((t,s)=>{this.compareWords(t,e)&&i.push(s)})),i.length>0){if(s)for(let e=0;e<i.length;e++)if(i[e]>this._selectedIndex){a=i[e];break}-1===a&&(a=i[0])}this._selectedIndex=a;let t=this.columns[a];t?this._columnList.setSelection({label:t.label},!0):this._columnList.setSelection(void 0)}else this._columnList.setSelection(void 0)}compareWords(i,e){return a.replaceAccentuatedChars(i.label).indexOf(a.replaceAccentuatedChars(e))>-1}closeConfig(){this._orderList.scrollToTop(),this._columnList.scrollToTop(),this._searchElement.value="",this._dataChanged?r.confirm("Aviso","As alterações realizadas serão descartadas. Gostaria de salvar antes de sair?",null,!1,{canClose:!1,labelCancel:"Descartar",labelConfirm:"Salvar",btnConfirmDanger:!1}).then((i=>{i?this.finish():(this._dataChanged=!1,this.configCancel.emit(),this._orderList.clearHistory(),this._componenteInternalKey=Date.now())})):(this.configCancel.emit(),this._orderList.clearHistory())}handleTabChange(i){var e;(null===(e=null==i?void 0:i.target)||void 0===e?void 0:e.selectedTab)&&(this.selectedTab!==i.target.selectedTab&&("Colunas"===i.target.selectedTab?this._orderList.scrollToTop():"Ordenação das linhas"===i.target.selectedTab&&this._columnList.scrollToTop(),this._searchElement.value=""),"Ordenação das linhas"===i.target.selectedTab&&this.createOrderList(),this.selectedTab=i.target.selectedTab)}handleColumnListChange(i){var e;if(i.detail){let t=null===(e=i.detail.find((i=>"Visíveis"===i.group)))||void 0===e?void 0:e.items;t&&(this._dataChanged=!0,this._orderListItems=t)}}handleOrderListChange(i){if(i.detail){let e=i.detail;e&&(this._dataChanged=!0,this._orderPriorityList=e)}}componentWillRender(){var i;(null===(i=this.columns)||void 0===i?void 0:i.length)>0&&this.createColumnList()}componentDidRender(){var i;(null===(i=this.columns)||void 0===i?void 0:i.length)>0&&this.locateColumn(new KeyboardEvent("arrow-right",{key:"ArrowRight"}),this._searchElement.value)}render(){return t(s,null,t("div",{class:"grid-config__header"},t("div",{class:"title-container"},t("div",{class:""},t("label",{class:"title"},"Configuração da Grade"),t("label",{class:"subtitle"},"Defina visibilidade e ordem das colunas.")),t("div",{class:"button-close"},t("ez-button",{mode:"icon",iconName:"close",size:"medium",onClick:()=>this.closeConfig()}))),t("div",{class:"tabselector-container"},t("ez-tabselector",{selectedTab:this.selectedTab,selectedIndex:0,onEzChange:i=>{this.handleTabChange(i)},tabs:"Colunas, Ordenação das linhas"})),t("div",null,t("ez-text-input",{ref:i=>this._searchElement=i,label:"Localizar coluna",onKeyUp:i=>this.locateColumn(i)},t("ez-icon",{slot:"leftIcon",size:"medium",iconName:"search"})))),t("div",{class:"grid-config__main"},t("ez-list",{ref:i=>this._columnList=i,class:"Colunas"===this.selectedTab?"":"hidden",dataSource:this._columListItems,onEzChange:i=>this.handleColumnListChange(i),ezDraggable:!0,ezSelectable:!0,itemSlotBuilder:(i,e)=>this.buildColumnListSlot(i,e),useGroups:!0}),t("div",{class:"Ordenação das linhas"===this.selectedTab?"group-name":"hidden"},"Sequência da ordenação"),t("ez-list",{ref:i=>this._orderList=i,class:"Ordenação das linhas"===this.selectedTab?"height-calc":"hidden",dataSource:this._orderListItems,ezSelectable:!0,onEzChange:i=>this.handleOrderListChange(i),ezDraggable:!0,itemSlotBuilder:i=>this.buildOrderListSlot(i)})),t("div",{class:"grid-config__footer"},t("ez-button",{class:"padding-right--medium",label:"Cancelar",onClick:()=>this.closeConfig()}),t("ez-button",{label:"Concluir",class:"ez-button--primary",onClick:()=>this.finish()})))}static get assetsDirs(){return["../assets"]}};o.style='.sc-ez-grid-config-h{--ez-grid-config__footer--padding-top:var(--space--medium, 12px);--ez-grid-config__main--padding-right:var(--space--medium, 12px);--ez-grid-config__tabselector-container--padding:var(--space--medium, 12px);--ez-grid-config__button-close--padding-left:var(--space--medium, 12px);--ez-grid-config__subtitle--font-family:var(--font-pattern, "Sora");--ez-grid-config__title--font-family:var(--font-pattern, "Sora");--ez-grid-config__title--font-weight:var(--text-weight--large, 700);--ez-grid-config__subtitle--font-size:var(--text--medium, 14px);--ez-grid-config__scrollbar--width:var(--space--medium, 12px);--ez-grid-config__scrollbar--background-color:var(--text--primary, #626e82);--ez-grid-config__scrollbar--border-radius:var(--border--radius-medium, 12px);--ez-grid-config__group--font-family:var(--font-pattern, "Sora");--ez-grid-config__group--font-size:var(--text--medium, 14px);--ez-grid-config__group--font-weight:var(--text-weight--large, 600);--ez-grid-config__group--padding-bottom:var(--space-small, 6px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-ez-grid-config-h{width:359px;max-width:359px}}.padding-right--medium.sc-ez-grid-config{padding-right:var(--space--medium)}ez-list.sc-ez-grid-config{height:100%}.height-calc.sc-ez-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-ez-grid-config{display:flex;justify-content:flex-end;width:100%;padding-top:var(--ez-grid-config__footer--padding-top)}.hidden.sc-ez-grid-config{display:none}.grid-config__main.sc-ez-grid-config{overflow-y:auto;padding-right:var(--ez-grid-config__main--padding-right)}.tabselector-container.sc-ez-grid-config{padding:var(--ez-grid-config__tabselector-container--padding) 0}.button-close.sc-ez-grid-config{padding-left:var(--ez-grid-config__button-close--padding-left)}.title-container.sc-ez-grid-config{display:flex;justify-content:space-between;align-items:center;width:100%}.subtitle.sc-ez-grid-config{font-family:var(--ez-grid-config__subtitle--font-family);font-size:var(--ez-grid-config__subtitle--font-size);color:var(--text--primary)}.title.sc-ez-grid-config{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--title--primary);font-family:var(--ez-grid-config__title--font-family);font-size:var(--title--large);font-weight:var(--ez-grid-config__title--font-weight)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar-track{background-color:#f0f2f5}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar-thumb{background-color:var(--ez-grid-config__scrollbar--background-color);border-radius:var(--ez-grid-config__scrollbar--border-radius)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar{background-color:#f0f2f5;width:var(--ez-grid-config__scrollbar--width);max-width:var(--ez-grid-config__scrollbar--width);min-width:var(--ez-grid-config__scrollbar--width)}.group-name.sc-ez-grid-config{font-family:var(--ez-grid-config__group--font-family);font-size:var(--ez-grid-config__group--font-size);font-weight:var(--ez-grid-config__group--font-weight);padding-bottom:var(--ez-grid-config__group--padding-bottom)}';export{o as ez_grid_config}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as i,h as t,H as s,g as e}from"./p-139ed2f6.js";import{FloatingManager as r}from"@sankhyalabs/core";import{A as a}from"./p-0cd386db.js";import{C as l}from"./p-933a7475.js";let n=class{constructor(t){o(this,t),this.ezChange=i(this,"ezChange",7),this._changeDeboucingTimeout=null,this._limitCharsToSearch=3,this._deboucingTime=300,this._maxWidthValue=0,this._tabPressed=!1,this._textEmptyList="Nenhum resultado encontrado",this._startLoading=!1,this._showLoading=!0,this.enabled=!0,this.showSelectedValue=!1,this.showOptionValue=!1,this.suppressSearch=!1,this.suppressEmptyOption=!1,this.canShowError=!0,this.mode="regular"}observeErrorMessage(){var o;this._textInput&&(this._textInput.errorMessage=this.errorMessage,(null===(o=this.errorMessage)||void 0===o?void 0:o.trim())||this.setInputValue())}observeValue(o,i){var t,s,e,r;if(this._textInput&&o!=i){const a=this.getSelectedOption(o),l=this.getSelectedOption(i),n=this.getSelectedOption(this.value);(null===(t=null==n?void 0:n.value)||void 0===t?void 0:t.toString())!=(null===(s=null==a?void 0:a.value)||void 0===s?void 0:s.toString())&&(this.value=a),(null===(e=null==a?void 0:a.value)||void 0===e?void 0:e.toString())!==(null===(r=null==l?void 0:l.value)||void 0===r?void 0:r.toString())&&(this.setInputValue(),this.ezChange.emit(null===a?void 0:a)),this.hideOptions(),this._criteria=void 0,this._preSelection=void 0,this.updateVisibleOptions()}}async setFocus(){this._textInput.setFocus()}async setBlur(){this._textInput.setBlur()}async isInvalid(){return"string"==typeof this.errorMessage&&""!==this.errorMessage.trim()}getText(){let o="";const i=this.getSelectedOption(this.value);return i&&(o=this.showSelectedValue?`${i.value} - ${i.label}`:i.label),o}getSelectedOption(o){return"string"==typeof o||o instanceof String?this._visibleOptions.find((i=>i.value===o)):o}updateVisibleOptions(){let o=this._source||[];if(!this.searchMode&&this._criteria){const i=this._criteria.toUpperCase();o=o.filter((o=>o.label.toLocaleUpperCase().indexOf(i)>-1))}this._visibleOptions=this.suppressEmptyOption?o:[{value:void 0,label:""}].concat(o),this._maxWidthValue=this.getMaxWidthValue()}getMaxWidthValue(){var o;if(this.showOptionValue){const i=[];return null===(o=this._visibleOptions)||void 0===o||o.forEach((o=>{const t=this.getWidthValue(o.value);i.includes(t)||i.push(t)})),i.length>1?Math.max(...i):0}return 0}getWidthValue(o){if(this._itemValueBasis){const i=this._itemValueBasis;if(o)return i.innerHTML=o,i.clientWidth>0?i.clientWidth+1:0;i.innerHTML=""}return 0}buildItem(o,i){return t("li",{class:i===this._preSelection?"item preselected":"item",id:`item_${o.value}`,onMouseDown:()=>this.selectOption(o),onMouseOver:()=>this._preSelection=void 0},this.showOptionValue?t("span",{class:"item__value",title:o.value,style:{width:this.showOptionValue&&this._maxWidthValue>0?`${this._maxWidthValue}px`:""}},o.value):void 0,t("span",{class:"item__label",title:o.label},o.label))}showOptions(){this.enabled&&(this._floatingID=r.float(this._listWrapper,this._listContainer,{autoClose:!0,top:this.errorMessage||!this.canShowError||"slim"===this.mode?"0px":"-19px"}),window.requestAnimationFrame((()=>{this._listWrapper.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,i){window.requestAnimationFrame((()=>{const t=this._optionsList.querySelector(`li#item_${o.value}`);if(t){const o=t.parentElement,s=o.getBoundingClientRect(),e=t.getBoundingClientRect();i&&e.bottom>s.bottom?o.scrollTop=e.top:!i&&e.top<s.top&&(o.scrollTop=0)}}))}selectCurrentOption(){void 0!==this._preSelection?(this.selectOption(this._visibleOptions[this._preSelection]),this._preSelection=void 0):this.controlListWithOnlyOne()}updateSource(o){this._startLoading=!1,o instanceof Promise?(this._showLoading=!0,o.then((o=>{this._showLoading=!1,this.updateSource(o)})).catch((()=>this._showLoading=!1)),this.updateVisibleOptions()):(this._showLoading=!1,Array.isArray(o)?(this._source=o,this.updateVisibleOptions(),this._tabPressed&&(this._tabPressed=!1,this.controlEmptySearch())):this.selectOption(o))}clearSource(){this._source=[],this.updateVisibleOptions()}selectOption(o){var i,t;const s=this.getSelectedOption(this.value);(null===(i=null==s?void 0:s.value)||void 0===i?void 0:i.toString())!==(null===(t=null==o?void 0:o.value)||void 0===t?void 0:t.toString())?this.value=(null==o?void 0:o.value)?o:void 0:this.setInputValue(),this.searchMode&&(this._visibleOptions=[])}loadOptions(o,i=""){this._criteria=i,this._startLoading=!0,this.updateSource(this.optionLoader?this.optionLoader({mode:o,argument:i}):this.options)}cancelPreselection(){!this._textInput.value&&this.value?this.selectOption(void 0):this.setInputValue()}setInputValue(o=!0){const i=this.getText();(this._textInput.value||"")!==i&&(this._textInput.value=i,o&&(this.errorMessage=""))}clearSearch(){this.value=null}controlListWithOnlyOne(){if(this.searchMode){const o=this._visibleOptions;1===(null==o?void 0:o.length)&&this.selectOption(o[0])}}controlEmptySearch(){var o;this.searchMode&&((null===(o=this._visibleOptions)||void 0===o?void 0:o.length)?this.controlListWithOnlyOne():(this.clearSearch(),a.info(this._textEmptyList)))}componentWillLoad(){if(void 0===this.options){this.options=[];const o=this.el.querySelectorAll("option");o&&o.forEach((o=>{let i=o.innerText,t=o.getAttribute("value");t||(t=i),this.options.push({label:i,value:t}),o.hidden=!0}))}this.searchMode?this.updateSource([]):this.loadOptions("PRELOAD")}componentDidRender(){void 0===this._floatingID&&this._listWrapper.remove()}componentDidLoad(){l.applyVarsTextInput(this.el,this._textInput),this.setInputValue(!1)}handlerIconClick(){this.searchMode?this.loadOptions("ADVANCED"):this.showOptions()}onTextInputChangeHandler(o){var i;if(this.clearDeboucingTimeout(),this._startLoading)return void(this._changeDeboucingTimeout=window.setTimeout((()=>{this.onTextInputChangeHandler(o)}),this._deboucingTime));const t=null===(i=o.target.value)||void 0===i?void 0:i.trim(),s=Number(t||void 0);this._criteria||(this._textInput.value=o.data||t),this._criteria=t,t&&(!isNaN(s)||t.length>=this._limitCharsToSearch)?(this.searchMode?(this._showLoading=!0,this.clearSource(),this._changeDeboucingTimeout=window.setTimeout((()=>{this.loadOptions("PREDICTIVE",isNaN(s)?t:s.toString())}),this._deboucingTime)):this.updateVisibleOptions(),this.showOptions()):this.hideOptions()}clearDeboucingTimeout(){this._changeDeboucingTimeout&&(window.clearTimeout(this._changeDeboucingTimeout),this._changeDeboucingTimeout=void 0)}onTextInputClickHandler(){this.searchMode||this.showOptions()}keyDownHandler(o){switch(this._tabPressed=!1,o.key){case"ArrowDown":this.nextOption();break;case"ArrowUp":this.previousOption();break;case"Enter":this.selectCurrentOption();break;case"Escape":this.cancelPreselection();break;case"Tab":this._tabPressed=!0,this.controlListWithOnlyOne()}o.stopPropagation()}onTextInputFocusOutHandler(){this.cancelPreselection()}render(){var o;return t(s,null,t("ez-text-input",{class:this.suppressSearch?"suppressed-search-input":"",ref:o=>this._textInput=o,"data-slave-mode":"true",enabled:this.enabled&&!this.suppressSearch,onInput:o=>this.onTextInputChangeHandler(o),onClick:()=>this.onTextInputClickHandler(),onFocusout:()=>this.onTextInputFocusOutHandler(),onKeyDown:o=>this.keyDownHandler(o),label:this.label,canShowError:this.canShowError,errorMessage:this.errorMessage,mode:this.mode},t("button",{class:"btn",slot:this.searchMode?"leftIcon":"rightIcon",disabled:!this.enabled,tabindex:-1,onClick:()=>this.handlerIconClick()},t("ez-icon",{iconName:this.searchMode?"search":"chevron-down"})),this.searchMode&&(null===(o=this._textInput)||void 0===o?void 0:o.value)&&(this._criteria||this.value)?t("button",{class:"btn",slot:"rightIcon",disabled:!this.enabled,tabindex:-1,onClick:()=>this.clearSearch()},t("ez-icon",{iconName:"close"})):void 0),t("section",{class:"list-container",ref:o=>this._listContainer=o},t("div",{class:"list-wrapper",ref:o=>this._listWrapper=o},t("div",{class:"list-options",ref:o=>this._optionsList=o},0===this._visibleOptions.length&&t("div",{class:"message"},!this._showLoading&&t("span",{class:"message__no-result"},this._textEmptyList),this._showLoading&&t("div",{class:"message__loading"})),this.showOptionValue?t("span",{class:"item__value item__value--hidden",ref:o=>this._itemValueBasis=o}):void 0,this._visibleOptions.length>0&&this._visibleOptions.map(((o,i)=>this.buildItem(o,i)))))))}get el(){return e(this)}static get watchers(){return{errorMessage:["observeErrorMessage"],value:["observeValue"]}}};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--color:var(--title--primary, #2B3A54);--ez-combo-box__btn-disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__btn-hover--color:var(--color--primary, #4e4e4e);--ez-combo-box__label--color:var(--title--primary, #2B3A54);--ez-combo-box__list-title--primary:var(--title--primary, #2B3A54);--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--space--medium:var(--space--medium, 12px);--ez-combo-box--space--small:var(--space--small, 6px);--ez-combo-box__list-scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--ez-combo-box__list-scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--ez-combo-box__list-scrollbar--border-radius:var(--border--radius-small, 6px);--ez-combo-box__list-scrollbar--width:var(--space--medium, 12px);display:flex;flex-wrap:wrap;position:relative;width:var(--ez-combo-box--width)}ez-icon{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.suppressed-search-input{--ez-text-input__input--border-color:var(--color--strokes, #dce0e8);--ez-text-input__input--disabled--background-color:var(--background--xlight, #fff);--ez-text-input__input--disabled--color:var(--title--primary, #2B3A54)}.list-container{position:relative;width:100%}.list-wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:100%;z-index:var(--more-visible, 2);max-height:calc(4*var(--ez-combo-box__list-height) + 2*var(--ez-combo-box--space--small));background-color:var(--ez-combo-box--background-color--xlight);border-radius:var(--ez-combo-box--border-radius);box-shadow:var(--shadow, 0px 0px 16px 0px #000);padding:var(--ez-combo-box--space--small)}.list-options{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;scroll-behavior:smooth;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--ez-combo-box__list-scrollbar--background-color-primary) var(--ez-combo-box__list-scrollbar--background-color-secondary)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-combo-box__list-scrollbar--background-color-secondary);border-radius:var(--ez-combo-box__list-scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-combo-box__list-scrollbar--background-color-primary);border-radius:var(--ez-combo-box__list-scrollbar--border-radius)}.list-options::-webkit-scrollbar{background-color:var(--ez-combo-box__list-scrollbar--background-color-secondary);width:var(--ez-combo-box__list-scrollbar--width);max-width:var(--ez-combo-box__list-scrollbar--width);min-width:var(--ez-combo-box__list-scrollbar--width)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-combo-box--border-radius-small);padding:0 var(--ez-combo-box--space--small);min-height:var(--ez-combo-box__list-height);gap:var(--space--small, 6px)}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-combo-box__list-title--primary);font-weight:var(--ez-combo-box--font-weight--large);font-family:var(--ez-combo-box--font-family);font-size:var(--ez-combo-box--font-size)}.item__value{text-align:center;color:var(--ez-combo-box__list-text--primary)}.item__value--hidden{visibility:hidden;position:absolute;z-index:-1;top:0;left:0}.item__label{text-align:left}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;min-height:calc(var(--ez-combo-box__list-height) * 1.5)}.message__no-result{color:var(--ez-combo-box__list-title--primary);font-family:var(--ez-combo-box--font-family);font-size:var(--ez-combo-box--font-size)}.message__loading{border-radius:50%;width:16px;height:16px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid var(--ez-combo-box__list-title--primary);border-top:3px solid transparent}li:hover{background-color:var(--ez-combo-box--background-medium)}.preselected{background-color:var(--background--medium)}.btn{outline:none;border:none;background:none;cursor:pointer;color:var(--ez-combo-box__btn--color)}.btn:disabled{cursor:unset;color:var(--ez-combo-box__btn-disabled--color)}.btn:disabled:hover{cursor:unset;color:var(--ez-combo-box__btn-disabled--color)}.btn:hover{color:var(--ez-combo-box__btn-hover--color)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";export{n as ez_combo_box}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as o}from"./p-139ed2f6.js";let s=class{constructor(o){e(this,o),this.ezChange=t(this,"ezChange",7),this.selectedOption={value:"na",label:"N/A"}}render(){return o("ez-combo-box",{class:"grid-config-combo ez-input--inverted",label:"",suppressSearch:!0,value:this.selectedOption,enabled:!0,canShowError:!1,suppressEmptyOption:!0},o("option",{value:"na"},"N/A"),o("option",{value:"asc"},"A-Z"),o("option",{value:"desc"},"Z-A"))}static get assetsDirs(){return["../assets"]}};s.style="ez-combo-box{width:100px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";export{s as
|
|
1
|
+
import{r as e,c as t,h as o}from"./p-139ed2f6.js";let s=class{constructor(o){e(this,o),this.ezChange=t(this,"ezChange",7),this.selectedOption={value:"na",label:"N/A"}}render(){return o("ez-combo-box",{class:"grid-config-combo ez-input--inverted",label:"",suppressSearch:!0,value:this.selectedOption,enabled:!0,canShowError:!1,suppressEmptyOption:!0},o("option",{value:"na"},"N/A"),o("option",{value:"asc"},"A-Z"),o("option",{value:"desc"},"Z-A"))}static get assetsDirs(){return["../assets"]}};s.style="ez-combo-box{width:100px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";export{s as ez_select_box}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,c as t,h as e,g as h}from"./p-139ed2f6.js";import{C as i}from"./p-933a7475.js";let r=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"}observeErrorMessage(){this._comboElement&&(this._comboElement.errorMessage=this.errorMessage)}observeValue(){this._comboElement&&(this._comboElement.value=this.value)}async setFocus(){this._comboElement.setFocus()}async setBlur(){this._comboElement.setBlur()}async isInvalid(){return"string"==typeof this.errorMessage&&""!==this.errorMessage.trim()}onComboChange(s){s.stopPropagation(),this.value=s.detail,this.ezChange.emit(s.detail),this.errorMessage!==this._comboElement.errorMessage&&(this.errorMessage=this._comboElement.errorMessage)}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{errorMessage:["observeErrorMessage"],value:["observeValue"]}}};r.style=":host{width:100%}";export{r as ez_search}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { EventEmitter } from "../../stencil-public-runtime";
|
|
2
2
|
export declare class EzComboBox {
|
|
3
|
-
private
|
|
4
|
-
private _inputElement;
|
|
3
|
+
private _textInput;
|
|
5
4
|
private _optionsList;
|
|
6
5
|
private _listContainer;
|
|
7
6
|
private _listWrapper;
|
|
@@ -14,6 +13,7 @@ export declare class EzComboBox {
|
|
|
14
13
|
private _maxWidthValue;
|
|
15
14
|
private _tabPressed;
|
|
16
15
|
private _textEmptyList;
|
|
16
|
+
private el;
|
|
17
17
|
private _preSelection;
|
|
18
18
|
private _visibleOptions;
|
|
19
19
|
private _startLoading;
|
|
@@ -59,10 +59,6 @@ export declare class EzComboBox {
|
|
|
59
59
|
* Função responsável por carregar as opções dinamicamente
|
|
60
60
|
*/
|
|
61
61
|
optionLoader: Function;
|
|
62
|
-
/**
|
|
63
|
-
* Evento que é disparado ao alterar o valor do componente
|
|
64
|
-
*/
|
|
65
|
-
ezChange: EventEmitter<Option>;
|
|
66
62
|
/**
|
|
67
63
|
* Remove a opção vazia da lista de opções
|
|
68
64
|
*/
|
|
@@ -75,7 +71,12 @@ export declare class EzComboBox {
|
|
|
75
71
|
* Define o modo do tamanho do campo; opções: slim e regular.
|
|
76
72
|
*/
|
|
77
73
|
mode: string;
|
|
78
|
-
|
|
74
|
+
/**
|
|
75
|
+
* Evento que é disparado ao alterar o valor do componente
|
|
76
|
+
*/
|
|
77
|
+
ezChange: EventEmitter<Option>;
|
|
78
|
+
observeErrorMessage(): void;
|
|
79
|
+
observeValue(newValue: Option | string, oldValue: Option | string): void;
|
|
79
80
|
/**
|
|
80
81
|
* Realiza o foco no componente de seleção
|
|
81
82
|
*/
|
|
@@ -84,6 +85,10 @@ export declare class EzComboBox {
|
|
|
84
85
|
* Remove o foco no componente de seleção
|
|
85
86
|
*/
|
|
86
87
|
setBlur(): Promise<void>;
|
|
88
|
+
/**
|
|
89
|
+
* Retorna informando se o campo está inválido (true | false)
|
|
90
|
+
*/
|
|
91
|
+
isInvalid(): Promise<boolean>;
|
|
87
92
|
private getText;
|
|
88
93
|
private getSelectedOption;
|
|
89
94
|
private updateVisibleOptions;
|
|
@@ -102,6 +107,7 @@ export declare class EzComboBox {
|
|
|
102
107
|
private selectOption;
|
|
103
108
|
private loadOptions;
|
|
104
109
|
private cancelPreselection;
|
|
110
|
+
private setInputValue;
|
|
105
111
|
private clearSearch;
|
|
106
112
|
private controlListWithOnlyOne;
|
|
107
113
|
private controlEmptySearch;
|
|
@@ -3,6 +3,7 @@ import { WaitingChange } from '@sankhyalabs/core';
|
|
|
3
3
|
export declare class EzDateInput {
|
|
4
4
|
private _calendar;
|
|
5
5
|
private _textInput;
|
|
6
|
+
private _focused;
|
|
6
7
|
private _elem;
|
|
7
8
|
/**
|
|
8
9
|
* Evento disparado ao mudar o estado do componente(onEzChange).
|
|
@@ -48,12 +49,18 @@ export declare class EzDateInput {
|
|
|
48
49
|
* Remove o foco no componente de data
|
|
49
50
|
*/
|
|
50
51
|
setBlur(): Promise<void>;
|
|
51
|
-
|
|
52
|
+
/**
|
|
53
|
+
* Retorna informando se o campo está inválido (true | false)
|
|
54
|
+
*/
|
|
55
|
+
isInvalid(): Promise<boolean>;
|
|
56
|
+
private changeValue;
|
|
52
57
|
private showCalendar;
|
|
53
58
|
private hideCalendar;
|
|
54
|
-
private
|
|
59
|
+
private handleBlur;
|
|
55
60
|
private getTextValue;
|
|
56
|
-
private
|
|
61
|
+
private handleInput;
|
|
62
|
+
private validateValue;
|
|
63
|
+
private setInputValue;
|
|
57
64
|
componentDidLoad(): void;
|
|
58
65
|
render(): any;
|
|
59
66
|
}
|
|
@@ -3,6 +3,7 @@ import { WaitingChange } from '@sankhyalabs/core';
|
|
|
3
3
|
export declare class EzDateTimeInput {
|
|
4
4
|
private _calendar;
|
|
5
5
|
private _textInput;
|
|
6
|
+
private _focused;
|
|
6
7
|
private _elem;
|
|
7
8
|
/**
|
|
8
9
|
* Evento disparado ao mudar o estado do componente(onEzChange).
|
|
@@ -43,7 +44,7 @@ export declare class EzDateTimeInput {
|
|
|
43
44
|
mode: string;
|
|
44
45
|
observeLabel(): void;
|
|
45
46
|
observeErrorMessage(): void;
|
|
46
|
-
observeValue(): void;
|
|
47
|
+
observeValue(newValue: Date, oldValue: Date): void;
|
|
47
48
|
/**
|
|
48
49
|
* Realiza o foco no componente de datetime
|
|
49
50
|
*/
|
|
@@ -52,14 +53,21 @@ export declare class EzDateTimeInput {
|
|
|
52
53
|
* Remove o foco no componente de datetime
|
|
53
54
|
*/
|
|
54
55
|
setBlur(): Promise<void>;
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
56
|
+
/**
|
|
57
|
+
* Retorna informando se o campo está inválido (true | false)
|
|
58
|
+
*/
|
|
59
|
+
isInvalid(): Promise<boolean>;
|
|
60
|
+
private handleKeyDown;
|
|
61
|
+
private handleFocus;
|
|
62
|
+
private handleClick;
|
|
63
|
+
private changeValue;
|
|
59
64
|
private showCalendar;
|
|
60
|
-
private
|
|
65
|
+
private getParsedDateTime;
|
|
66
|
+
private handleBlur;
|
|
61
67
|
private getTextValue;
|
|
62
|
-
private
|
|
68
|
+
private validateValue;
|
|
69
|
+
private handleInput;
|
|
70
|
+
private setInputValue;
|
|
63
71
|
componentDidLoad(): void;
|
|
64
72
|
render(): any;
|
|
65
73
|
}
|
|
@@ -37,7 +37,7 @@ export declare class EzFilterInput {
|
|
|
37
37
|
mode: string;
|
|
38
38
|
observeLabel(): void;
|
|
39
39
|
observeErrorMessage(): void;
|
|
40
|
-
observeValue(): void;
|
|
40
|
+
observeValue(newValue: string, oldValue: string): void;
|
|
41
41
|
/**
|
|
42
42
|
* Realiza o foco no componente de input
|
|
43
43
|
*/
|
|
@@ -46,6 +46,10 @@ export declare class EzFilterInput {
|
|
|
46
46
|
* Remove o foco no componente de input
|
|
47
47
|
*/
|
|
48
48
|
setBlur(): Promise<void>;
|
|
49
|
+
/**
|
|
50
|
+
* Retorna informando se o campo está inválido (true | false)
|
|
51
|
+
*/
|
|
52
|
+
isInvalid(): Promise<boolean>;
|
|
49
53
|
changeValue(evt: CustomEvent<string>): void;
|
|
50
54
|
componentDidLoad(): void;
|
|
51
55
|
render(): any;
|
|
@@ -5,7 +5,7 @@ export default class DataBinder {
|
|
|
5
5
|
constructor(dataUnit: DataUnit);
|
|
6
6
|
bind(fields: Array<HTMLElement>): void;
|
|
7
7
|
onDisconnectedCallback(): void;
|
|
8
|
-
updateValue(fieldName: string, field: HTMLElement): void;
|
|
8
|
+
updateValue(fieldName: string, field: HTMLElement, actionCanceled?: boolean): void;
|
|
9
9
|
private updateBind;
|
|
10
10
|
private changeStarted;
|
|
11
11
|
private cancelWaitingChange;
|
|
@@ -26,6 +26,7 @@ export default class AgGridController implements EzGridController, SortingProvid
|
|
|
26
26
|
constructor(enterprise: boolean);
|
|
27
27
|
getSort(): Array<Sort>;
|
|
28
28
|
initDatagrid(container: HTMLElement, options: EzGridOptions): void;
|
|
29
|
+
private getRowHeight;
|
|
29
30
|
private setOptionsEvents;
|
|
30
31
|
private syncSelection;
|
|
31
32
|
private setOptionsPagination;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { EventEmitter } from "../../stencil-public-runtime";
|
|
2
|
-
import EzGridController, { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent,
|
|
2
|
+
import EzGridController, { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, EzGridSelectionStatus } from "./controller/EzGridController";
|
|
3
3
|
import { DataUnit } from "@sankhyalabs/core";
|
|
4
4
|
import DataUnitBridge from "./controller/DataUnitBridge";
|
|
5
5
|
import { PageableComponent } from "../../utils/interfaces/PageableComponent";
|
|
6
6
|
export declare class EzGrid implements PageableComponent {
|
|
7
|
-
_gridConfig:
|
|
7
|
+
_gridConfig: HTMLEzGridConfigElement;
|
|
8
8
|
_container: HTMLElement;
|
|
9
9
|
_gridController: EzGridController;
|
|
10
10
|
_dataUnitBridge: DataUnitBridge;
|
|
@@ -30,7 +30,7 @@ export declare class EzGrid implements PageableComponent {
|
|
|
30
30
|
/**
|
|
31
31
|
* Evento disparado ao realizar alguma modificação na configuração da grid.
|
|
32
32
|
*/
|
|
33
|
-
configChange: EventEmitter<
|
|
33
|
+
configChange: EventEmitter<IGridConfig>;
|
|
34
34
|
/**
|
|
35
35
|
* Habilita a seleção de várias linhas
|
|
36
36
|
*/
|
|
@@ -38,7 +38,7 @@ export declare class EzGrid implements PageableComponent {
|
|
|
38
38
|
/**
|
|
39
39
|
* Configuração de exibição da grade.
|
|
40
40
|
*/
|
|
41
|
-
config:
|
|
41
|
+
config: IGridConfig;
|
|
42
42
|
/**
|
|
43
43
|
* Determina o número de linhas de cada página. Caso informado o valor -1
|
|
44
44
|
* não haverá paginação.
|
|
@@ -130,14 +130,17 @@ export declare class EzGrid implements PageableComponent {
|
|
|
130
130
|
* Método para verificar se existem registros anteriores.
|
|
131
131
|
*/
|
|
132
132
|
hasPreviousRecord(): Promise<boolean>;
|
|
133
|
+
/**
|
|
134
|
+
* Método para abrir a configuração da grid.
|
|
135
|
+
*/
|
|
136
|
+
openGridConfig(): Promise<void>;
|
|
133
137
|
componentWillLoad(): void;
|
|
134
138
|
onColumnStateChange(type: string, state: Array<EzGridColumn>, info: any): void;
|
|
135
139
|
private createConfigFromState;
|
|
136
140
|
componentDidLoad(): void;
|
|
137
141
|
disconnectedCallback(): void;
|
|
138
142
|
getPaginationControl(): Array<HTMLElement>;
|
|
139
|
-
observeConfig(config:
|
|
143
|
+
observeConfig(config: IGridConfig): void;
|
|
140
144
|
closeGridConfig(): void;
|
|
141
|
-
openGridConfig(): void;
|
|
142
145
|
render(): any;
|
|
143
146
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { EventEmitter } from '../../../../stencil-public-runtime';
|
|
2
|
-
import {
|
|
3
|
-
export declare class
|
|
2
|
+
import { IGridConfig, EzGridColumn } from '../../controller/EzGridController';
|
|
3
|
+
export declare class EzGridConfig {
|
|
4
4
|
private _columnList;
|
|
5
5
|
private _orderList;
|
|
6
6
|
private _searchElement;
|
|
@@ -12,8 +12,8 @@ export declare class GridConfig {
|
|
|
12
12
|
private _componenteInternalKey;
|
|
13
13
|
selectedTab: string;
|
|
14
14
|
columns: Array<EzGridColumn>;
|
|
15
|
-
config:
|
|
16
|
-
configFinish: EventEmitter<
|
|
15
|
+
config: IGridConfig;
|
|
16
|
+
configFinish: EventEmitter<IGridConfig>;
|
|
17
17
|
configCancel: EventEmitter<void>;
|
|
18
18
|
private createOrderList;
|
|
19
19
|
private createColumnList;
|
|
File without changes
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { WaitingChange } from "@sankhyalabs/core";
|
|
2
2
|
import { EventEmitter } from "../../stencil-public-runtime";
|
|
3
3
|
export declare class EzNumberInput {
|
|
4
|
-
private _elem;
|
|
5
4
|
private _textInput;
|
|
5
|
+
private _focused;
|
|
6
|
+
private _elem;
|
|
6
7
|
/**
|
|
7
8
|
* Evento disparado quando o estado do componente é alterado (onEzChange).
|
|
8
9
|
*/
|
|
@@ -58,13 +59,21 @@ export declare class EzNumberInput {
|
|
|
58
59
|
* Remove o foco no componente de input
|
|
59
60
|
*/
|
|
60
61
|
setBlur(): Promise<void>;
|
|
62
|
+
/**
|
|
63
|
+
* Retorna informando se o campo está inválido (true | false)
|
|
64
|
+
*/
|
|
65
|
+
isInvalid(): Promise<boolean>;
|
|
61
66
|
observeLabel(): void;
|
|
62
67
|
observeErrorMessage(): void;
|
|
63
|
-
observeValue(): void;
|
|
64
|
-
|
|
65
|
-
private parseNumber;
|
|
68
|
+
observeValue(newValue: number, oldValue: number): void;
|
|
69
|
+
private validateValue;
|
|
66
70
|
private getTextValue;
|
|
67
|
-
private
|
|
71
|
+
private changeValue;
|
|
72
|
+
private setError;
|
|
73
|
+
private handleBlur;
|
|
74
|
+
private handleInput;
|
|
75
|
+
private getParsedNumber;
|
|
76
|
+
private setInputValue;
|
|
68
77
|
componentDidLoad(): void;
|
|
69
78
|
render(): any;
|
|
70
79
|
}
|
|
@@ -47,6 +47,7 @@ export declare class EzSearch {
|
|
|
47
47
|
* Define o modo do tamanho do campo; opções: slim e regular.
|
|
48
48
|
*/
|
|
49
49
|
mode: string;
|
|
50
|
+
observeErrorMessage(): void;
|
|
50
51
|
observeValue(): void;
|
|
51
52
|
/**
|
|
52
53
|
* Realiza o foco no componente de pesquisa
|
|
@@ -56,7 +57,11 @@ export declare class EzSearch {
|
|
|
56
57
|
* Remove o foco no componente de pesquisa
|
|
57
58
|
*/
|
|
58
59
|
setBlur(): Promise<void>;
|
|
59
|
-
|
|
60
|
+
/**
|
|
61
|
+
* Retorna informando se o campo está inválido (true | false)
|
|
62
|
+
*/
|
|
63
|
+
isInvalid(): Promise<boolean>;
|
|
64
|
+
onComboChange(event: any): void;
|
|
60
65
|
componentDidLoad(): void;
|
|
61
66
|
render(): any;
|
|
62
67
|
}
|
|
@@ -54,6 +54,10 @@ export declare class EzTextArea {
|
|
|
54
54
|
* Remove o foco no componente de input
|
|
55
55
|
*/
|
|
56
56
|
setBlur(): Promise<void>;
|
|
57
|
+
/**
|
|
58
|
+
* Retorna informando se o campo está inválido (true | false)
|
|
59
|
+
*/
|
|
60
|
+
isInvalid(): Promise<boolean>;
|
|
57
61
|
private canChangeValue;
|
|
58
62
|
private adjustFloatingLabel;
|
|
59
63
|
private isFocused;
|
|
@@ -48,15 +48,12 @@ export declare class EzTextInput {
|
|
|
48
48
|
* Define o modo do tamanho do campo; opções: slim e regular.
|
|
49
49
|
*/
|
|
50
50
|
mode: string;
|
|
51
|
-
/**
|
|
52
|
-
* Define se o controle de change do value será controlado por um componente pai.
|
|
53
|
-
*/
|
|
54
|
-
slaveMode: boolean;
|
|
55
51
|
observeErrorMessage(): void;
|
|
56
52
|
observeMask(): void;
|
|
57
53
|
observeValue(newValue: string, oldValue: string): void;
|
|
58
|
-
adjustFloatingLabel
|
|
59
|
-
isFocused
|
|
54
|
+
private adjustFloatingLabel;
|
|
55
|
+
private isFocused;
|
|
56
|
+
private isSlaveMode;
|
|
60
57
|
private adjustColorContentSlot;
|
|
61
58
|
/**
|
|
62
59
|
* Faz o foco no componente de input
|
|
@@ -66,6 +63,10 @@ export declare class EzTextInput {
|
|
|
66
63
|
* Remove o foco no componente de input
|
|
67
64
|
*/
|
|
68
65
|
setBlur(): Promise<void>;
|
|
66
|
+
/**
|
|
67
|
+
* Retorna informando se o campo está inválido (true | false)
|
|
68
|
+
*/
|
|
69
|
+
isInvalid(): Promise<boolean>;
|
|
69
70
|
handleFocusout(): void;
|
|
70
71
|
isValidValue(value: string): boolean;
|
|
71
72
|
controlChangeValue(): void;
|
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
import { EventEmitter } from "../../stencil-public-runtime";
|
|
2
2
|
import { WaitingChange } from "@sankhyalabs/core";
|
|
3
3
|
export declare class EzTimeInput {
|
|
4
|
-
private
|
|
5
|
-
private _inputElem;
|
|
4
|
+
private _textInput;
|
|
6
5
|
private _maskFormatter;
|
|
7
|
-
private
|
|
6
|
+
private _viewValue;
|
|
7
|
+
private _elem;
|
|
8
8
|
/**
|
|
9
9
|
* Título do campo
|
|
10
10
|
*/
|
|
11
11
|
label: string;
|
|
12
|
-
/**
|
|
13
|
-
* Valor digitado pelo usuário. Este valor é o que fica visível no campo.
|
|
14
|
-
*/
|
|
15
|
-
viewValue: string;
|
|
16
12
|
/**
|
|
17
13
|
* Valor que será transmitido para o back-end.
|
|
18
14
|
*/
|
|
@@ -22,11 +18,11 @@ export declare class EzTimeInput {
|
|
|
22
18
|
*/
|
|
23
19
|
enabled: boolean;
|
|
24
20
|
/**
|
|
25
|
-
* Quando há um problema de validação, serve como orientação ao usuário
|
|
21
|
+
* Quando há um problema de validação, serve como orientação ao usuário.
|
|
26
22
|
*/
|
|
27
23
|
errorMessage: string;
|
|
28
24
|
/**
|
|
29
|
-
* Define se o componente irá ou não considerar os segundos
|
|
25
|
+
* Define se o componente irá ou não considerar os segundos.
|
|
30
26
|
*/
|
|
31
27
|
showSeconds: boolean;
|
|
32
28
|
/**
|
|
@@ -46,9 +42,14 @@ export declare class EzTimeInput {
|
|
|
46
42
|
* completar a alteração, esse evento é disparado.
|
|
47
43
|
*/
|
|
48
44
|
ezCancelWaitingChange: EventEmitter<void>;
|
|
45
|
+
observeErrorMessage(): void;
|
|
49
46
|
observeShowSeconds(): void;
|
|
50
|
-
observeValue(): void;
|
|
47
|
+
observeValue(newValue: number, oldValue: number): void;
|
|
51
48
|
private prepareMask;
|
|
49
|
+
private validateValue;
|
|
50
|
+
private setError;
|
|
51
|
+
getViewValue(): string;
|
|
52
|
+
prepareValue(value: string): void;
|
|
52
53
|
/**
|
|
53
54
|
* Faz o foco no componente de input
|
|
54
55
|
*/
|
|
@@ -57,9 +58,12 @@ export declare class EzTimeInput {
|
|
|
57
58
|
* Remove o foco no componente de input
|
|
58
59
|
*/
|
|
59
60
|
setBlur(): Promise<void>;
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
/**
|
|
62
|
+
* Retorna informando se o campo está inválido (true | false)
|
|
63
|
+
*/
|
|
64
|
+
isInvalid(): Promise<boolean>;
|
|
65
|
+
handleBlur(): void;
|
|
66
|
+
handleInput(): void;
|
|
63
67
|
componentDidLoad(): void;
|
|
64
68
|
componentWillLoad(): void;
|
|
65
69
|
render(): any;
|