@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.
Files changed (110) hide show
  1. package/dist/cjs/ez-combo-box.cjs.entry.js +63 -28
  2. package/dist/cjs/ez-date-input.cjs.entry.js +71 -25
  3. package/dist/cjs/ez-date-time-input.cjs.entry.js +94 -31
  4. package/dist/cjs/ez-filter-input.cjs.entry.js +10 -4
  5. package/dist/cjs/ez-form.cjs.entry.js +54 -9
  6. package/dist/cjs/{grid-config.cjs.entry.js → ez-grid-config.cjs.entry.js} +6 -6
  7. package/dist/cjs/ez-grid.cjs.entry.js +16 -9
  8. package/dist/cjs/ez-list.cjs.entry.js +1 -1
  9. package/dist/cjs/ez-modal.cjs.entry.js +1 -1
  10. package/dist/cjs/ez-number-input.cjs.entry.js +69 -25
  11. package/dist/cjs/ez-search.cjs.entry.js +20 -5
  12. package/dist/cjs/{select-box.cjs.entry.js → ez-select-box.cjs.entry.js} +3 -3
  13. package/dist/cjs/ez-text-area.cjs.entry.js +8 -2
  14. package/dist/cjs/ez-text-input.cjs.entry.js +30 -21
  15. package/dist/cjs/ez-time-input.cjs.entry.js +75 -40
  16. package/dist/cjs/ezui.cjs.js +1 -1
  17. package/dist/cjs/loader.cjs.js +1 -1
  18. package/dist/collection/collection-manifest.json +2 -2
  19. package/dist/collection/components/ez-combo-box/ez-combo-box.css +10 -4
  20. package/dist/collection/components/ez-combo-box/ez-combo-box.js +81 -28
  21. package/dist/collection/components/ez-date-input/ez-date-input.js +87 -25
  22. package/dist/collection/components/ez-date-time-input/ez-date-time-input.js +108 -31
  23. package/dist/collection/components/ez-filter-input/ez-filter-input.js +26 -4
  24. package/dist/collection/components/ez-form/DataBinder.js +12 -3
  25. package/dist/collection/components/ez-form/ez-form.js +43 -6
  26. package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +7 -3
  27. package/dist/collection/components/ez-grid/ez-grid.css +4 -0
  28. package/dist/collection/components/ez-grid/ez-grid.js +21 -14
  29. package/dist/collection/components/ez-grid/subcomponents/{gridconfig/grid-config.css → ez-grid-config/ez-grid-config.css} +46 -20
  30. package/dist/collection/components/ez-grid/subcomponents/{gridconfig/grid-config.js → ez-grid-config/ez-grid-config.js} +12 -12
  31. package/dist/collection/components/ez-grid/subcomponents/{select-box/select-box.css → ez-select-box/ez-select-box.css} +3 -4
  32. package/dist/collection/components/ez-grid/subcomponents/{select-box/select-box.js → ez-select-box/ez-select-box.js} +3 -3
  33. package/dist/collection/components/ez-list/ez-list.css +84 -46
  34. package/dist/collection/components/ez-modal/ez-modal.css +2 -2
  35. package/dist/collection/components/ez-number-input/ez-number-input.js +83 -25
  36. package/dist/collection/components/ez-search/ez-search.js +38 -5
  37. package/dist/collection/components/ez-text-area/ez-text-area.css +1 -1
  38. package/dist/collection/components/ez-text-area/ez-text-area.js +23 -1
  39. package/dist/collection/components/ez-text-input/ez-text-input.css +1 -1
  40. package/dist/collection/components/ez-text-input/ez-text-input.js +45 -38
  41. package/dist/collection/components/ez-time-input/ez-time-input.js +95 -59
  42. package/dist/custom-elements/index.d.ts +12 -12
  43. package/dist/custom-elements/index.js +1121 -810
  44. package/dist/esm/ez-combo-box.entry.js +63 -28
  45. package/dist/esm/ez-date-input.entry.js +71 -25
  46. package/dist/esm/ez-date-time-input.entry.js +94 -31
  47. package/dist/esm/ez-filter-input.entry.js +10 -4
  48. package/dist/esm/ez-form.entry.js +54 -9
  49. package/dist/esm/{grid-config.entry.js → ez-grid-config.entry.js} +6 -6
  50. package/dist/esm/ez-grid.entry.js +16 -9
  51. package/dist/esm/ez-list.entry.js +1 -1
  52. package/dist/esm/ez-modal.entry.js +1 -1
  53. package/dist/esm/ez-number-input.entry.js +69 -25
  54. package/dist/esm/ez-search.entry.js +20 -5
  55. package/dist/esm/{select-box.entry.js → ez-select-box.entry.js} +3 -3
  56. package/dist/esm/ez-text-area.entry.js +8 -2
  57. package/dist/esm/ez-text-input.entry.js +30 -21
  58. package/dist/esm/ez-time-input.entry.js +76 -41
  59. package/dist/esm/ezui.js +1 -1
  60. package/dist/esm/loader.js +1 -1
  61. package/dist/ezui/ezui.esm.js +1 -1
  62. package/dist/ezui/p-003d53b1.entry.js +1 -0
  63. package/dist/ezui/p-1fecaeb8.entry.js +1 -0
  64. package/dist/ezui/p-267fa515.entry.js +1 -0
  65. package/dist/ezui/p-2acf7d59.entry.js +1 -0
  66. package/dist/ezui/p-403de0a4.entry.js +1 -0
  67. package/dist/ezui/p-4c3d136c.entry.js +1 -0
  68. package/dist/ezui/p-53bbba8e.entry.js +1 -0
  69. package/dist/ezui/p-6668c3b0.entry.js +1 -0
  70. package/dist/ezui/p-7fd6deec.entry.js +1 -0
  71. package/dist/ezui/p-8c1b9fe0.entry.js +1 -0
  72. package/dist/ezui/{p-be87ac5e.entry.js → p-8d73594f.entry.js} +1 -1
  73. package/dist/ezui/p-988ff301.entry.js +1 -0
  74. package/dist/ezui/p-cf56d3e8.entry.js +1 -0
  75. package/dist/ezui/{p-727a39e5.entry.js → p-fd6f3bf9.entry.js} +1 -1
  76. package/dist/ezui/p-ff7b4b13.entry.js +1 -0
  77. package/dist/types/components/ez-combo-box/ez-combo-box.d.ts +13 -7
  78. package/dist/types/components/ez-date-input/ez-date-input.d.ts +10 -3
  79. package/dist/types/components/ez-date-time-input/ez-date-time-input.d.ts +15 -7
  80. package/dist/types/components/ez-filter-input/ez-filter-input.d.ts +5 -1
  81. package/dist/types/components/ez-form/DataBinder.d.ts +1 -1
  82. package/dist/types/components/ez-form/ez-form.d.ts +1 -0
  83. package/dist/types/components/ez-grid/controller/EzGridController.d.ts +1 -1
  84. package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +1 -0
  85. package/dist/types/components/ez-grid/ez-grid.d.ts +9 -6
  86. package/dist/types/components/ez-grid/subcomponents/{gridconfig/grid-config.d.ts → ez-grid-config/ez-grid-config.d.ts} +4 -4
  87. package/dist/types/components/ez-grid/subcomponents/{select-box/select-box.d.ts → ez-select-box/ez-select-box.d.ts} +0 -0
  88. package/dist/types/components/ez-number-input/ez-number-input.d.ts +14 -5
  89. package/dist/types/components/ez-search/ez-search.d.ts +6 -1
  90. package/dist/types/components/ez-text-area/ez-text-area.d.ts +4 -0
  91. package/dist/types/components/ez-text-input/ez-text-input.d.ts +7 -6
  92. package/dist/types/components/ez-time-input/ez-time-input.d.ts +17 -13
  93. package/dist/types/components.d.ts +84 -61
  94. package/package.json +1 -1
  95. package/react/components.d.ts +2 -2
  96. package/react/components.js +2 -2
  97. package/react/components.js.map +1 -1
  98. package/dist/ezui/p-1859a3d8.entry.js +0 -1
  99. package/dist/ezui/p-49fdfa4b.entry.js +0 -1
  100. package/dist/ezui/p-4fdceb7d.entry.js +0 -1
  101. package/dist/ezui/p-6d4b1628.entry.js +0 -1
  102. package/dist/ezui/p-8f4fac31.entry.js +0 -1
  103. package/dist/ezui/p-91377c65.entry.js +0 -1
  104. package/dist/ezui/p-b524dfca.entry.js +0 -1
  105. package/dist/ezui/p-bc8aa27f.entry.js +0 -1
  106. package/dist/ezui/p-bea6f8a6.entry.js +0 -1
  107. package/dist/ezui/p-c2de757f.entry.js +0 -1
  108. package/dist/ezui/p-ec21ecce.entry.js +0 -1
  109. package/dist/ezui/p-ecee9d8d.entry.js +0 -1
  110. 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 select_box}
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 el;
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
- private observeValue;
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
- changeValue(newValue: Date): void;
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 parseDate;
59
+ private handleBlur;
55
60
  private getTextValue;
56
- private startChange;
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
- onChangeKeyDown(ev: any): void;
56
- onFocused(): void;
57
- onClicked(): void;
58
- changeValue(newValue: Date): void;
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 parseDate;
65
+ private getParsedDateTime;
66
+ private handleBlur;
61
67
  private getTextValue;
62
- private startChange;
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;
@@ -15,6 +15,7 @@ export declare class EzForm implements DUActionInterceptor {
15
15
  cancel(): Promise<void>;
16
16
  validate(): Promise<void>;
17
17
  observeConfig(): void;
18
+ private validateError;
18
19
  private validateRequired;
19
20
  private getDynamicContent;
20
21
  private processMetadata;
@@ -287,7 +287,7 @@ export interface EzGridSelectionStatus {
287
287
  */
288
288
  selection: Array<any>;
289
289
  }
290
- export interface EzGridConfig {
290
+ export interface IGridConfig {
291
291
  /**
292
292
  * Lista de colunas a ser apresentada.
293
293
  */
@@ -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, EzGridConfig, EzGridSelectionStatus } from "./controller/EzGridController";
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: HTMLGridConfigElement;
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<EzGridConfig>;
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: EzGridConfig;
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: EzGridConfig): void;
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 { EzGridColumn, EzGridConfig } from '../../controller/EzGridController';
3
- export declare class GridConfig {
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: EzGridConfig;
16
- configFinish: EventEmitter<EzGridConfig>;
15
+ config: IGridConfig;
16
+ configFinish: EventEmitter<IGridConfig>;
17
17
  configCancel: EventEmitter<void>;
18
18
  private createOrderList;
19
19
  private createColumnList;
@@ -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
- changeValue(newValue: number): boolean;
65
- private parseNumber;
68
+ observeValue(newValue: number, oldValue: number): void;
69
+ private validateValue;
66
70
  private getTextValue;
67
- private startChange;
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
- onComboChange(evt: any): void;
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(): void;
59
- isFocused(): boolean;
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 _elem;
5
- private _inputElem;
4
+ private _textInput;
6
5
  private _maskFormatter;
7
- private _oldViewValue;
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
- handleFocusout(): void;
61
- prepareValue(value: string): void;
62
- handleChange(): void;
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;