@sankhyalabs/ezui 2.3.0 → 2.3.2

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 (158) hide show
  1. package/README.md +1 -0
  2. package/dist/cjs/ez-actions-button.cjs.entry.js +12 -8
  3. package/dist/cjs/ez-button.cjs.entry.js +5 -5
  4. package/dist/cjs/ez-calendar.cjs.entry.js +10 -13
  5. package/dist/cjs/ez-check.cjs.entry.js +5 -8
  6. package/dist/cjs/ez-chip.cjs.entry.js +4 -4
  7. package/dist/cjs/ez-collapsible-box.cjs.entry.js +14 -14
  8. package/dist/cjs/ez-combo-box.cjs.entry.js +11 -11
  9. package/dist/cjs/ez-date-input.cjs.entry.js +5 -5
  10. package/dist/cjs/ez-date-time-input.cjs.entry.js +7 -7
  11. package/dist/cjs/ez-dialog.cjs.entry.js +4 -7
  12. package/dist/cjs/ez-filter-input.cjs.entry.js +6 -6
  13. package/dist/cjs/ez-form.cjs.entry.js +4 -7
  14. package/dist/cjs/ez-grid.cjs.entry.js +93 -19
  15. package/dist/cjs/ez-icon.cjs.entry.js +3 -3
  16. package/dist/cjs/ez-list.cjs.entry.js +71 -71
  17. package/dist/cjs/ez-loading-bar.cjs.entry.js +8 -4
  18. package/dist/cjs/ez-modal-container.cjs.entry.js +2 -2
  19. package/dist/cjs/ez-modal.cjs.entry.js +6 -6
  20. package/dist/cjs/ez-number-input.cjs.entry.js +5 -5
  21. package/dist/cjs/ez-popover.cjs.entry.js +8 -10
  22. package/dist/cjs/ez-popup.cjs.entry.js +4 -5
  23. package/dist/cjs/ez-radio-button.cjs.entry.js +3 -3
  24. package/dist/cjs/ez-scroller.cjs.entry.js +2 -7
  25. package/dist/cjs/ez-search.cjs.entry.js +13 -14
  26. package/dist/cjs/ez-text-area.cjs.entry.js +7 -7
  27. package/dist/cjs/ez-text-edit.cjs.entry.js +1 -1
  28. package/dist/cjs/ez-text-input.cjs.entry.js +7 -7
  29. package/dist/cjs/ez-time-input.cjs.entry.js +6 -6
  30. package/dist/cjs/ez-toast.cjs.entry.js +5 -5
  31. package/dist/cjs/ez-upload.cjs.entry.js +5 -5
  32. package/dist/cjs/ez-view-stack.cjs.entry.js +2 -2
  33. package/dist/cjs/ezui.cjs.js +1 -1
  34. package/dist/cjs/loader.cjs.js +1 -1
  35. package/dist/collection/components/ez-actions-button/ez-actions-button.js +27 -22
  36. package/dist/collection/components/ez-button/ez-button.js +15 -15
  37. package/dist/collection/components/ez-calendar/ez-calendar.js +18 -21
  38. package/dist/collection/components/ez-card-item/ez-card-item.js +2 -2
  39. package/dist/collection/components/ez-check/ez-check.js +28 -22
  40. package/dist/collection/components/ez-chip/ez-chip.js +15 -15
  41. package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.js +28 -28
  42. package/dist/collection/components/ez-combo-box/ez-combo-box.js +42 -33
  43. package/dist/collection/components/ez-date-input/ez-date-input.js +18 -18
  44. package/dist/collection/components/ez-date-time-input/ez-date-time-input.js +21 -21
  45. package/dist/collection/components/ez-dialog/ez-dialog.js +13 -35
  46. package/dist/collection/components/ez-filter-input/ez-filter-input.js +18 -35
  47. package/dist/collection/components/ez-form/ez-form.js +8 -43
  48. package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +63 -1
  49. package/dist/collection/components/ez-grid/ez-grid.js +57 -44
  50. package/dist/collection/components/ez-icon/ez-icon.js +11 -11
  51. package/dist/collection/components/ez-list/ez-list.js +112 -93
  52. package/dist/collection/components/ez-loading-bar/ez-loading-bar.js +10 -6
  53. package/dist/collection/components/ez-modal/ez-modal.js +14 -14
  54. package/dist/collection/components/ez-modal-container/ez-modal-container.js +16 -16
  55. package/dist/collection/components/ez-number-input/ez-number-input.js +20 -20
  56. package/dist/collection/components/ez-popover/ez-popover.js +22 -24
  57. package/dist/collection/components/ez-popup/ez-popup.js +16 -17
  58. package/dist/collection/components/ez-radio-button/ez-radio-button.js +8 -8
  59. package/dist/collection/components/ez-scroller/ez-scroller.js +6 -12
  60. package/dist/collection/components/ez-search/ez-search.js +42 -46
  61. package/dist/collection/components/ez-tabselector/ez-tabselector.js +2 -2
  62. package/dist/collection/components/ez-text-area/ez-text-area.js +20 -37
  63. package/dist/collection/components/ez-text-edit/ez-text-edit.js +6 -6
  64. package/dist/collection/components/ez-text-input/ez-text-input.js +21 -38
  65. package/dist/collection/components/ez-time-input/ez-time-input.js +20 -20
  66. package/dist/collection/components/ez-toast/ez-toast.js +12 -12
  67. package/dist/collection/components/ez-upload/ez-upload.js +14 -14
  68. package/dist/collection/components/ez-view-stack/ez-view-stack.js +4 -4
  69. package/dist/custom-elements/index.js +344 -283
  70. package/dist/esm/ez-actions-button.entry.js +12 -8
  71. package/dist/esm/ez-button.entry.js +5 -5
  72. package/dist/esm/ez-calendar.entry.js +10 -13
  73. package/dist/esm/ez-check.entry.js +5 -8
  74. package/dist/esm/ez-chip.entry.js +4 -4
  75. package/dist/esm/ez-collapsible-box.entry.js +14 -14
  76. package/dist/esm/ez-combo-box.entry.js +11 -11
  77. package/dist/esm/ez-date-input.entry.js +5 -5
  78. package/dist/esm/ez-date-time-input.entry.js +7 -7
  79. package/dist/esm/ez-dialog.entry.js +4 -7
  80. package/dist/esm/ez-filter-input.entry.js +6 -6
  81. package/dist/esm/ez-form.entry.js +4 -7
  82. package/dist/esm/ez-grid.entry.js +93 -19
  83. package/dist/esm/ez-icon.entry.js +3 -3
  84. package/dist/esm/ez-list.entry.js +71 -71
  85. package/dist/esm/ez-loading-bar.entry.js +8 -4
  86. package/dist/esm/ez-modal-container.entry.js +2 -2
  87. package/dist/esm/ez-modal.entry.js +6 -6
  88. package/dist/esm/ez-number-input.entry.js +5 -5
  89. package/dist/esm/ez-popover.entry.js +8 -10
  90. package/dist/esm/ez-popup.entry.js +4 -5
  91. package/dist/esm/ez-radio-button.entry.js +3 -3
  92. package/dist/esm/ez-scroller.entry.js +2 -7
  93. package/dist/esm/ez-search.entry.js +13 -14
  94. package/dist/esm/ez-text-area.entry.js +7 -7
  95. package/dist/esm/ez-text-edit.entry.js +1 -1
  96. package/dist/esm/ez-text-input.entry.js +7 -7
  97. package/dist/esm/ez-time-input.entry.js +6 -6
  98. package/dist/esm/ez-toast.entry.js +5 -5
  99. package/dist/esm/ez-upload.entry.js +5 -5
  100. package/dist/esm/ez-view-stack.entry.js +2 -2
  101. package/dist/esm/ezui.js +1 -1
  102. package/dist/esm/loader.js +1 -1
  103. package/dist/ezui/ezui.esm.js +1 -1
  104. package/dist/ezui/p-1214c5ce.entry.js +1 -0
  105. package/dist/ezui/{p-77b7b623.entry.js → p-19a38745.entry.js} +1 -1
  106. package/dist/ezui/p-2af9fe67.entry.js +1 -0
  107. package/dist/ezui/p-642c530f.entry.js +1 -0
  108. package/dist/ezui/p-96265e26.entry.js +1 -0
  109. package/dist/ezui/p-b47eb5d4.entry.js +1 -0
  110. package/dist/ezui/{p-855f99f8.entry.js → p-ccbe8272.entry.js} +1 -1
  111. package/dist/ezui/p-e60e7308.entry.js +1 -0
  112. package/dist/ezui/p-ede1328a.entry.js +1 -0
  113. package/dist/ezui/p-f6111077.entry.js +1 -0
  114. package/dist/types/components/ez-actions-button/ez-actions-button.d.ts +15 -14
  115. package/dist/types/components/ez-button/ez-button.d.ts +10 -10
  116. package/dist/types/components/ez-calendar/ez-calendar.d.ts +11 -14
  117. package/dist/types/components/ez-card-item/ez-card-item.d.ts +7 -0
  118. package/dist/types/components/ez-check/ez-check.d.ts +11 -13
  119. package/dist/types/components/ez-chip/ez-chip.d.ts +15 -14
  120. package/dist/types/components/ez-collapsible-box/ez-collapsible-box.d.ts +25 -25
  121. package/dist/types/components/ez-combo-box/ez-combo-box.d.ts +21 -20
  122. package/dist/types/components/ez-date-input/ez-date-input.d.ts +16 -17
  123. package/dist/types/components/ez-date-time-input/ez-date-time-input.d.ts +18 -19
  124. package/dist/types/components/ez-dialog/ez-dialog.d.ts +13 -16
  125. package/dist/types/components/ez-filter-input/ez-filter-input.d.ts +12 -17
  126. package/dist/types/components/ez-form/ez-form.d.ts +7 -5
  127. package/dist/types/components/ez-grid/controller/EzGridController.d.ts +10 -2
  128. package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +4 -0
  129. package/dist/types/components/ez-grid/ez-grid.d.ts +38 -39
  130. package/dist/types/components/ez-icon/ez-icon.d.ts +4 -4
  131. package/dist/types/components/ez-list/ez-list.d.ts +29 -32
  132. package/dist/types/components/ez-loading-bar/ez-loading-bar.d.ts +6 -0
  133. package/dist/types/components/ez-modal/ez-modal.d.ts +15 -15
  134. package/dist/types/components/ez-modal-container/ez-modal-container.d.ts +10 -10
  135. package/dist/types/components/ez-number-input/ez-number-input.d.ts +18 -24
  136. package/dist/types/components/ez-popover/ez-popover.d.ts +13 -16
  137. package/dist/types/components/ez-popup/ez-popup.d.ts +12 -13
  138. package/dist/types/components/ez-radio-button/ez-radio-button.d.ts +8 -8
  139. package/dist/types/components/ez-scroller/ez-scroller.d.ts +3 -4
  140. package/dist/types/components/ez-search/ez-search.d.ts +27 -31
  141. package/dist/types/components/ez-tabselector/ez-tabselector.d.ts +4 -7
  142. package/dist/types/components/ez-text-area/ez-text-area.d.ts +12 -16
  143. package/dist/types/components/ez-text-edit/ez-text-edit.d.ts +5 -5
  144. package/dist/types/components/ez-text-input/ez-text-input.d.ts +14 -19
  145. package/dist/types/components/ez-time-input/ez-time-input.d.ts +16 -17
  146. package/dist/types/components/ez-toast/ez-toast.d.ts +7 -7
  147. package/dist/types/components/ez-upload/ez-upload.d.ts +11 -12
  148. package/dist/types/components/ez-view-stack/ez-view-stack.d.ts +2 -2
  149. package/dist/types/components.d.ts +514 -529
  150. package/package.json +2 -2
  151. package/dist/ezui/p-0fb5f4be.entry.js +0 -1
  152. package/dist/ezui/p-1ba371a3.entry.js +0 -1
  153. package/dist/ezui/p-42c6493e.entry.js +0 -1
  154. package/dist/ezui/p-6700360e.entry.js +0 -1
  155. package/dist/ezui/p-8c2105a5.entry.js +0 -1
  156. package/dist/ezui/p-cba61296.entry.js +0 -1
  157. package/dist/ezui/p-ed2135a5.entry.js +0 -1
  158. package/dist/ezui/p-f6afdc4d.entry.js +0 -1
@@ -0,0 +1 @@
1
+ import{r as i,c as t,f as o,h as a}from"./p-3c7ea91b.js";import{D as l}from"./p-e1148f5c.js";class e{constructor(i,t,o,a,l,e,d,r,n){this.title=i,this.message=t,this.dialogType=o,this.confirm=a,this.icon=l,this.labelCancel=e,this.labelConfirm=d,this.btnConfirmDanger=r,this.callBack=n}}let d=class{constructor(o){i(this,o),this.ezCancel=t(this,"ezCancel",7),this.ezAccept=t(this,"ezAccept",7),this.labelConfirm="Sim",this.labelCancel="Não",this.btnConfirmDanger=!1,this.confirm=!1,this.opened=!1,this._messageQueue=[]}handleButtonClick(i){this.opened=this._messageQueue.length>0,this._currentMessage.callBack?this._currentMessage.callBack(i):i?this.ezAccept.emit(i):this.ezCancel.emit(i),this._currentMessage=this._messageQueue.shift(),o(this)}async show(i,t,o,a,l,d,r,n){return this.opened=!0,new Promise((c=>{this._messageQueue.push(new e(i,t,o,a,l,d,r,n,c))}))}isCritical(i){return i===l.CRITICAL}getIconElement(i){if(i.dialogType!==l.DEFAULT)return a("ez-icon",{class:"changeable__icon "+this.getIconClass(i.dialogType),size:"small",iconName:this.getIconName(i)})}getIconClass(i){return this.isCritical(i)?"title-icon--critical":i===l.SUCCESS?"title-icon--success":i===l.WARN?"title-icon--warn":""}getIconName(i){return i.icon?i.icon:this.isCritical(i.dialogType)?"alert-circle-inverted":i.dialogType===l.WARN?"warning-outline":i.dialogType===l.SUCCESS?"check":void 0}getTypeIndicatorElement(i){if(i.dialogType!==l.DEFAULT)return a("div",{class:this.getClassIconIndicator(i.dialogType)})}getClassIconIndicator(i){return this.isCritical(i)?"dialog__critical--indicator":i==l.SUCCESS?"dialog__success--indicator":i==l.WARN?"dialog__warning--indicator":""}getClassContainer(i){return(i.dialogType||l.DEFAULT)===l.DEFAULT?"dialog__container dialog__container--default":"dialog__container"}getClassTitleLabel(i){return null==this.getIconElement(i)?"title title__label title__label--no-icon":"title title__label"}componentWillRender(){this._currentMessage||(this._messageQueue.length>0?this._currentMessage=this._messageQueue.pop():this.opened&&(this._currentMessage=new e(this.ezTitle,this.message,this.dialogType,this.confirm,this.personalizedIconPath,this.labelCancel,this.labelConfirm,this.btnConfirmDanger,null)))}render(){return this.opened&&this._currentMessage?a("div",{class:"overlay"},a("div",{class:"dialog"},this.getTypeIndicatorElement(this._currentMessage),a("div",{class:this.getClassContainer(this._currentMessage)},a("div",{class:"title__container"},a("div",{class:"title__box"},this.getIconElement(this._currentMessage),a("div",{class:this.getClassTitleLabel(this._currentMessage),innerHTML:this._currentMessage.title})),a("button",{class:"btn-close",onClick:()=>this.handleButtonClick(!1)})),a("div",{class:"message",innerHTML:this._currentMessage.message}),this._currentMessage.confirm&&a("div",{class:"button-yes-no__container"},a("ez-button",{class:"button__cancel",label:this._currentMessage.labelCancel,onClick:()=>this.handleButtonClick(!1)}),a("ez-button",{class:this._currentMessage.btnConfirmDanger?"button__confirm--danger":"button__confirm",label:this._currentMessage.labelConfirm,onClick:()=>this.handleButtonClick(!0)})),!this._currentMessage.confirm&&a("div",{class:"button__confirm--container"},a("ez-button",{label:"Ok",class:"button__confirm",onClick:()=>this.handleButtonClick(!0)}))))):null}};d.style=':host{--dialog__container-padding:var(--space--large, 24px);--dialog__btn__close--background-color:var(--title--primary, #2b3a54);--dialog__btn__no--padding-right:var(--space--large, 24px);--dialog__btn__close__image:url(\'data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg%22%3E<path d="M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z"/></svg>\');--dialog__title--font-pattern:var(--font-pattern, "Roboto");--dialog__title--padding-left:var(--space--small, 6px);--dialog__title__container--padding-bottom:var(--space--medium, 12px);--dialog__title--weight--large:var(--text-weight--large, 600);--dialog__body--font-pattern:var(--font-pattern, "Roboto");--dialog__body--text-shadow:var(--text-shadow, "0 0 0 #353535, 0 0 1px transparent");--dialog__body--text-weight--medium:var(--text-weight--medium, 400);--dialog__body--padding-bottom:var(--space--large, 24px);--dialog__body--font-size:var(--text--medium, 14px);--dialog__body--color:var(--text--primary, #626e82);--dialog__icon--color:var(--text--inverted, #fff);--dialog__critical--background-color:var(--color--alert-error-800, #BD0025);--dialog__warning--background-color:var(--color--alert-warning-500, #EFB103);--dialog__success--background-color:var(--color--alert-success-500, #00523c);--dialog-z-index:var(--most-visible, 3);--dialog--warning__image:url(\'data: image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><path d="M 7.5,0 0,13 h 15 z m 0,2.73684 5.1341,8.89476 H 2.36591 Z M 6.81818,5.47368 V 8.21053 H 8.18182 V 5.47368 Z m 0,4.10527 V 10.9474 H 8.18182 V 9.57895"/></svg>\');--dialog--critical__image:url(\'data: image/svg+xml;utf8,<svg width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg"><path d="M 7.6534493,6.4948538 12.762051,1.3864299 C 12.914368,1.2341297 13,1.027552 13,0.81215179 13,0.59676225 12.914369,0.39018443 12.762051,0.23787352 12.609733,0.08557341 12.40318,0 12.187747,0 11.972425,0 11.765762,0.08557341 11.613445,0.23787352 L 6.5048431,5.3462975 1.3961977,0.23787352 C 1.2438802,0.08557341 1.0373043,0 0.82189458,0 0.60649572,0 0.39990901,0.08557341 0.24759147,0.23787352 0.09527396,0.39018443 0.00970766,0.59676225 0.00970766,0.81215179 c 0,0.21540021 0.0855663,0.42197791 0.23788381,0.57427811 L 5.3562369,6.4948538 0.24759147,11.604381 c -0.0775121,0.07492 -0.13931586,0.164543 -0.18182835,0.263595 -0.04250169,0.09905 -0.064850182,0.205678 -0.0657357237,0.313391 -8.8554258e-4,0.107813 0.0197049337,0.214771 0.0605827337,0.314472 0.04086693,0.0998 0.10119858,0.190415 0.17746563,0.266625 0.0762779,0.07622 0.16695386,0.136398 0.26675594,0.177208 0.099802,0.04082 0.20672745,0.06127 0.31452961,0.06029 0.1078025,-9.53e-4 0.21433799,-0.0235 0.31337139,-0.06604 0.099045,-0.04265 0.1886052,-0.104571 0.263465,-0.182081 L 6.5048431,7.6434102 11.613445,12.751855 c 0.152317,0.152312 0.35898,0.237831 0.574302,0.237831 0.215433,0 0.421986,-0.08552 0.574304,-0.237831 C 12.914368,12.599545 13,12.393 13,12.177578 13,11.962157 12.91437,11.75561 12.762051,11.603299 Z"/></svg>\')}h2{margin-block-start:0;margin-block-end:0;margin-inline-start:0px;margin-inline-end:0px}.overlay{position:fixed;display:flex;top:0px;z-index:var(--dialog-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.dialog{display:flex;width:80%;position:absolute;top:50%;left:50%;margin-right:-50%;box-sizing:border-box;transform:translate(-50%, -50%);box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122)}@media screen and (min-width: 768px){.dialog{width:50%}}@media screen and (min-width: 992px){.dialog{width:33.33333%}}.dialog__container{width:100%;background:#FFFF;border-radius:0px 6px 6px 0px;box-sizing:border-box;padding:var(--dialog__container-padding)}.dialog__container--default{border-radius:6px 6px 6px 6px}.dialog__critical--indicator{box-sizing:border-box;width:12px;border-radius:6px 0px 0px 6px;background-color:var(--dialog__critical--background-color)}.dialog__warning--indicator{width:12px;border-radius:6px 0px 0px 6px;box-sizing:border-box;background-color:var(--dialog__warning--background-color)}.dialog__success--indicator{width:12px;border-radius:6px 0px 0px 6px;box-sizing:border-box;background-color:var(--dialog__success--background-color)}.message{font-size:var(--dialog__body--font-size);font-weight:var(--dialog__body--text-weight--medium);font-family:var(--dialog__body--font-pattern);text-shadow:var(--dialog__body--text-shadow);padding-bottom:var(--dialog__body--padding-bottom);color:var(--dialog__body--color);max-height:30vh;content-visibility:auto;margin-bottom:24px;overflow-y:auto}.changeable__icon{background:var(--dialog__warning--background-color);--ez-icon--color:var(--dialog__icon--color);display:grid;place-items:center;width:26px;height:26px;border-radius:50%}.changeable__icon.critical{background:var(--dialog__critical--background-color)}.title{display:flex;font-family:var(--dialog__title--font-pattern);margin:0;font-weight:var(--dialog__title--weight--large);line-height:0}.title__container{display:flex;padding-bottom:var(--dialog__title__container--padding-bottom)}.title__box{display:flex;width:100%;align-items:center;align-self:center}.title__label{padding-left:var(--dialog__title--padding-left)}.title__label--no-icon{padding-left:0}.title-icon--critical{background-color:var(--dialog__critical--background-color)}.title-icon--success{background-color:var(--dialog__success--background-color)}.title-icon--warn{background-color:var(--dialog__warning--background-color)}.btn-close{justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:\'\';display:flex;background-color:var(--dialog__btn__close--background-color);width:12px;height:12px;-webkit-mask-image:var(--dialog__btn__close__image);mask-image:var(--dialog__btn__close__image)}.title-icon::after{content:\'\';display:flex;background-color:#FFFF;width:15px;height:15px;-webkit-mask-image:var(--dialog--warning__image);mask-image:var(--dialog--warning__image)}.button-yes-no__container{display:flex;box-sizing:border-box;align-self:center;align-items:center;justify-content:flex-end}.button__cancel{padding-right:var(--dialog__btn__no--padding-right)}.button__confirm{--ez-button--background-color:var(--color--primary);--ez-button--color:var(--color--inverted);--ez-button--hover--background-color:var(--color--primary-600);--ez-button--hover-color:var(--color--inverted)}.button__confirm--danger{--ez-button--background-color:var(--color--alert-error-800, #BD0025);--ez-button--color:var(--color--inverted);--ez-button--hover--background-color:var(--color-alert--error-900, #a10020);--ez-button--hover-color:var(--color--inverted)}.button__confirm--container{display:flex;justify-content:flex-end}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}';export{d as ez_dialog}
@@ -0,0 +1 @@
1
+ import{h as e,r as t,c as i,f as n,H as s,g as l}from"./p-3c7ea91b.js";import{UserInterface as a,Action as r,WaitingChangeException as o,ApplicationContext as c,StringUtils as d,DataUnitAction as h,DataUnit as u,ElementIDUtils as f}from"@sankhyalabs/core";import{C as b}from"./p-b853763b.js";import{A as p}from"./p-0b44cf1c.js";import"./p-e1148f5c.js";const m=({name:t,label:i,readOnly:n})=>e("div",{class:"ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small"},e("ez-text-input",{label:i,"data-field-name":t,key:t,enabled:!n}));function v(t,i,n,s=!1){return e("div",{class:"ez-col ez-col--sd-12 ez-col--tb-3 ez-align--middle ez-padding-horizontal--small ez-padding-bottom--large"},e("ez-check",{enabled:!n,label:i,mode:s?b.SWITCH:b.REGULAR,"data-field-name":t,key:t}))}function z(t,i,n,s,l){return e("div",{class:"ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small"},e("ez-number-input",{enabled:!n,label:i,precision:s,prettyPrecision:l,"data-field-name":t,key:t}))}const y=new Map;y.set(a.LONGTEXT,(({name:t,label:i,readOnly:n})=>e("div",{class:"ez-col ez-col--sd-12 ez-padding-horizontal--small",key:t},e("ez-text-area",{enabled:!n,label:i,"data-field-name":t})))),y.set(a.CHECKBOX,(e=>v(e.name,e.label,e.readOnly,!1))),y.set(a.SWITCH,(e=>v(e.name,e.label,e.readOnly,!0))),y.set(a.OPTIONSELECTOR,(({name:t,label:i,readOnly:n,required:s},l)=>{const a=null==l?void 0:l.options;let r;if("string"==typeof a){const e=JSON.parse(a);r=Object.keys(e).map((t=>({value:t,label:e[t]})))}else r=a;return e("div",{class:"ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small"},e("ez-combo-box",{enabled:!n,suppressEmptyOption:s,label:i,"data-field-name":t,key:t,options:r}))})),y.set(a.SEARCH,(({name:t,label:i,readOnly:n,required:s})=>e("div",{class:"ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small"},e("ez-search",{enabled:!n,suppressEmptyOption:s,label:i,"data-field-name":t,key:t})))),y.set(a.FILE,(({name:t,label:i,readOnly:n})=>e("div",{class:"ez-col ez-col--sd-12 ez-padding-horizontal--small"},e("ez-upload",{enabled:!n,label:i,"data-field-name":t,key:t})))),y.set(a.DATE,(({name:t,label:i,readOnly:n})=>e("div",{class:"ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small"},e("ez-date-input",{enabled:!n,label:i,"data-field-name":t,key:t})))),y.set(a.TIME,(({name:t,label:i,readOnly:n})=>e("div",{class:"ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small"},e("ez-time-input",{enabled:!n,label:i,"data-field-name":t,key:t})))),y.set(a.DATETIME,(({name:t,label:i,readOnly:n})=>e("div",{class:"ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small"},e("ez-date-time-input",{enabled:!n,label:i,"data-field-name":t,key:t})))),y.set(a.DECIMALNUMBER,(({name:e,label:t,readOnly:i},n)=>{const s=Number((null==n?void 0:n.precision)||2);return z(e,t,i,s,Number((null==n?void 0:n.prettyPrecision)||s))})),y.set(a.INTEGERNUMBER,(({name:e,label:t,readOnly:i})=>z(e,t,i,0,0)));const g=e=>{const t=e.descriptor,i=Object.assign({},e.config);let n,s;return t&&(i.label||(i.label=t.label),i.name||(i.name=t.name),null!=i.required&&!0!==t.required||(i.required=t.required),null!=i.readOnly&&!0!==t.readOnly||(i.readOnly=t.readOnly),s=t.properties,n=y.get(t.userInterface)),i.required&&(i.label=`${i.label} (obrigatório) *`),n||(n=m),n(i,s)},_=({source:t})=>"items"in t?e("ez-collapsible-box",{label:t.label,"header-size":"large"},t.items.map((e=>g(e)))):g(t),w=({store:t,source:i,dataElementId:n})=>e("div",{class:"dynamic-content ez-box__container","data-element-id":n},e("div",{class:"ez-row ez-padding-vertical--small"},i.items.map((i=>e(_,{store:t,source:i})))));class O{constructor(){this._sheets=new Map,this._requiredFields=[],this._cleanOnCopyFields=[],this._defaultValues={}}getSheet(e){return this._sheets.get(e)}getAllSheets(){return this._sheets}addSheet(e){this._sheets.set(e.name,e),this._requiredFields=this._requiredFields.concat(e.requiredFields),this._cleanOnCopyFields=this._cleanOnCopyFields.concat(e.cleanOnCopyFields),this._defaultValues=e.defaultValues}getRequiredFields(){return this._requiredFields}getCleanOnCopyFields(){return this._cleanOnCopyFields}getDefaultValues(){return this._defaultValues}}function E(e,t){return"__main"==e[0].label?-1:(e[0].order||1e4)-(t[0].order||1e4)}function A(e,t,i){const n={config:t,descriptor:i};let s=(null==t?void 0:t.group)||i.group;if(s){const t=`group::${s}`;e.has(t)?e.get(t).items.push(n):e.set(t,{label:s,items:[n]})}else e.set((null==t?void 0:t.name)||i.name,n)}function C(e){return"Minified Redux error #"+e+"; visit https://redux.js.org/Errors?code="+e+" for the full message or use the non-minified dev environment for full errors. "}var j="function"==typeof Symbol&&Symbol.observable||"@@observable",x=function(){return Math.random().toString(36).substring(7).split("").join(".")},M={INIT:"@@redux/INIT"+x(),REPLACE:"@@redux/REPLACE"+x(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+x()}};function R(e){if("object"!=typeof e||null===e)return!1;for(var t=e;null!==Object.getPrototypeOf(t);)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}function S(e,t,i){var n;if("function"==typeof t&&"function"==typeof i||"function"==typeof i&&"function"==typeof arguments[3])throw new Error(C(0));if("function"==typeof t&&void 0===i&&(i=t,t=void 0),void 0!==i){if("function"!=typeof i)throw new Error(C(1));return i(S)(e,t)}if("function"!=typeof e)throw new Error(C(2));var s=e,l=t,a=[],r=a,o=!1;function c(){r===a&&(r=a.slice())}function d(){if(o)throw new Error(C(3));return l}function h(e){if("function"!=typeof e)throw new Error(C(4));if(o)throw new Error(C(5));var t=!0;return c(),r.push(e),function(){if(t){if(o)throw new Error(C(6));t=!1,c();var i=r.indexOf(e);r.splice(i,1),a=null}}}function u(e){if(!R(e))throw new Error(C(7));if(void 0===e.type)throw new Error(C(8));if(o)throw new Error(C(9));try{o=!0,l=s(l,e)}finally{o=!1}for(var t=a=r,i=0;i<t.length;i++)(0,t[i])();return e}function f(e){if("function"!=typeof e)throw new Error(C(10));s=e,u({type:M.REPLACE})}function b(){var e,t=h;return(e={subscribe:function(e){if("object"!=typeof e||null===e)throw new Error(C(11));function i(){e.next&&e.next(d())}return i(),{unsubscribe:t(i)}}})[j]=function(){return this},e}return u({type:M.INIT}),(n={dispatch:u,subscribe:h,getState:d,replaceReducer:f})[j]=b,n}const k={};function I(e=k,t){switch(t.type){case D.METADATA_LOADED:return Object.assign(Object.assign({},e),{formMetadata:t.payload,currentSheet:void 0});case D.CHANGE_TAB:return Object.assign(Object.assign({},e),{currentSheet:t.payload});default:return e}}function N(e){return e.formMetadata}var D;!function(e){e.METADATA_LOADED="FORM/METADATA_LOADED",e.CHANGE_TAB="FORM/CHANGE_TAB"}(D||(D={}));class P{constructor(e){this._invalidFields=new Map,this.onDataUnitEvent=e=>{var t;switch(e.type){case r.DATA_LOADED:case r.DATA_SAVED:case r.RECORDS_REMOVED:case r.RECORDS_ADDED:case r.RECORDS_COPIED:case r.EDITION_CANCELED:case r.SELECTION_CHANGED:case r.NEXT_SELECTED:case r.PREVIOUS_SELECTED:this.clearInvalid();case r.DATA_CHANGED:case r.CHANGE_UNDONE:case r.CHANGE_REDONE:case r.RECORD_LOADED:null===(t=this._fields)||void 0===t||t.forEach((e=>{this.updateValue(e.fieldName,e.field)}))}},this._fields=new Map,this._dataUnit=e,this._dataUnit.subscribe(this.onDataUnitEvent)}bind(e){e.forEach((e=>{this.updateBind(e.dataset.fieldName,e)}))}onDisconnectedCallback(){this._dataUnit.unsubscribe(this.onDataUnitEvent)}markInvalid(e){if(this._invalidFields.set(e.name,e),this._fields.has(e.name)){const t=this._fields.get(e.name).field;t.errorMessage||this.updateErrorMessage(e.name,t)}}clearInvalid(){this._invalidFields.clear(),this._fields.forEach((e=>{this.updateErrorMessage(e.field.dataset.fieldName,e.field)}))}updateValue(e,t){const i=this._fields.get(e);try{i&&(i.listen=!1),t.value=this._dataUnit.getFieldValue(e),this.updateErrorMessage(e,t)}finally{i&&(i.listen=!0)}}updateErrorMessage(e,t){const i=this._invalidFields.get(e);i&&(t.errorMessage=i.message)}getErrorMessage(e){if(this._fields.has(e))return this._fields.get(e).field.errorMessage||null}updateBind(e,t){const i=this._fields.get(e);i&&i.destroy(),t.value=this._dataUnit.getFieldValue(e),this.updateErrorMessage(e,t),this._fields.set(e,L.create(e,t,((e,t)=>this.changeStarted(e,t)),(e=>this.cancelWaitingChange(e)),((e,t)=>this.setFieldValue(e,t)))),this.bindSearchOptionsLoader(e,t),this.applyEzUploadContext(e,t)}changeStarted(e,t){if(0===this._dataUnit.records.length&&this._dataUnit.addRecord(),!t.blocking&&null==t.promise){const i=this._fields.get(e);i&&(t.promise=new Promise(((e,t)=>{i.waitingChangePromiseResolve=e,i.waitingChangePromiseReject=t})))}this._dataUnit.startChange(e,t)}cancelWaitingChange(e){if(this._dataUnit.waitingForChange(e)){this._dataUnit.cancelWaitingChange(e);const t=this._fields.get(e);t&&t.rejectWaitingChange(new o("Change canceled",e))}}setFieldValue(e,t){if(0===this._dataUnit.records.length&&this._dataUnit.addRecord(),this._invalidFields.delete(e),this._dataUnit.setFieldValue(e,t),this._dataUnit.waitingForChange(e)){const t=this._fields.get(e);t&&t.acceptWaitingChange()}}bindSearchOptionsLoader(e,t){if("EZ-SEARCH"===t.nodeName&&null==t.optionLoader){const i=c.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");i&&(t.optionLoader=t=>i(t,e,this._dataUnit))}}applyEzUploadContext(e,t){var i,n;if("EZ-UPLOAD"===t.nodeName){t.urlUpload=c.getContextValue("__EZUI__UPLOAD__ADD__URL__"),t.urlDelete=c.getContextValue("__EZUI__UPLOAD__DEL__URL__");const s=this._dataUnit.getField(e),l=null===(i=s.properties)||void 0===i?void 0:i.DESTINATION;l&&(t.requestHeaders={XTRAINF:`{"destination": "${l}"}`}),t.maxFiles=(null===(n=s.properties)||void 0===n?void 0:n.MAX_FILES)||0}}}class L{constructor(){this.listen=!0,this.startChangeEventName="ezStartChange",this.cancelWaitingChangeEventName="ezCancelWaitingChange",this.changeEventName="ezChange"}destroy(){this.field.removeEventListener(this.startChangeEventName,this.startChangeListener),this.field.removeEventListener(this.cancelWaitingChangeEventName,this.cancelWaitingChangeListener),this.field.removeEventListener(this.changeEventName,this.changeListener)}acceptWaitingChange(){this.waitingChangePromiseResolve&&(this.waitingChangePromiseResolve(),this.waitingChangePromiseReject=void 0,this.waitingChangePromiseResolve=void 0)}rejectWaitingChange(e){this.waitingChangePromiseReject&&(this.waitingChangePromiseReject(e),this.waitingChangePromiseReject=void 0,this.waitingChangePromiseResolve=void 0)}static create(e,t,i,n,s){const l=new L;return l.field=t,l.fieldName=e,l.startChangeListener=t=>{l.listen&&i(e,t.detail)},l.field.addEventListener(l.startChangeEventName,l.startChangeListener),l.cancelWaitingChangeListener=()=>{l.listen&&n(e)},l.field.addEventListener(l.cancelWaitingChangeEventName,l.cancelWaitingChangeListener),l.changeListener=t=>{l.listen&&s(e,t.detail)},l.field.addEventListener(l.changeEventName,l.changeListener),l}}let T=class{constructor(e){t(this,e),this.ezReady=i(this,"ezReady",7),this.onDataUnitAction=e=>{e.type===r.METADATA_LOADED&&this.processMetadata()}}validate(){return new Promise(((e,t)=>{var i;const n=this.dataUnit.getModifiedRecords();for(let e=0;e<n.length;e++){const s=n[e],l=[];let a=this.validateRequired(s);if(a&&!a.isValid&&l.push(a),a=null===(i=this.recordsValidator)||void 0===i?void 0:i.validateRecord(this,s),a&&!a.isValid&&l.push(a),l.length>0){this.processValidationResult(l),t();break}}e()}))}observeConfig(){this.processMetadata()}validateRequired(e){const t=N(this._store.getState()),i=this._staticFields.filter((e=>e.dataset.required)).map((e=>e.dataset.fieldName)).concat(t.getRequiredFields()),n=[];if(new Set(i).forEach((t=>{const i=e[t];if(null==i||""===i){const e=this._dataBinder.getErrorMessage(t);n.push(e?{name:t,message:e}:{name:t,message:"Essa informação é obrigatória"})}})),n.length>0)return{isValid:!1,invalidFields:n,infoMessage:"Há pelo menos um campo obrigatório não preenchido."}}processValidationResult(e){e.forEach((e=>{const t=e.invalidFields;if(t&&t.forEach((e=>{this._dataBinder.markInvalid(e)})),e.infoMessage&&p.info(e.infoMessage),e.errorMessage){const{errorTitle:t,errorMessage:i}=e;p.error(t,i)}}))}getDynamicContent(){var t;const i=N(this._store.getState());if(!i)return null;const n=(s=null===(t=this._store)||void 0===t?void 0:t.getState()).currentSheet?s.formMetadata.getSheet(s.currentSheet):Array.from(s.formMetadata.getAllSheets().values())[0];var s;if(!n)return null;const l=Array.from(i.getAllSheets().values()),a=[];if(l.length>1){const t=l.map(((e,t)=>({tabKey:e.name,label:e.label,index:t}))),i=`${this._dataElementIdEzForm}_internal_tabSelector`;a.push(e("ez-tabselector",{tabs:this.buildIdTabSelector(t),onEzChange:e=>this._store.dispatch(function(e){return{type:D.CHANGE_TAB,payload:e.tabKey}}(e.detail)),selectedTab:n.name,"data-element-id":i}))}const r=`${this._dataElementIdEzForm}_${d.replaceAccentuatedChars(d.toCamelCase(n.label),!1)}`;return a.push(e(w,{store:this._store,source:n,dataElementId:r})),a}processMetadata(){if(!this.isStatic()&&this.dataUnit){const e=null!=this.config&&Object.values(this.config).length>0?((e,t)=>{var i,n;const s=new Map,l=new Map,a=[],r=[],o={};null===(i=null==e?void 0:e.tabs)||void 0===i||i.forEach((e=>{l.has(e.label)||!1!==e.visible||l.set(e.label,e)})),null===(n=null==e?void 0:e.fields)||void 0===n||n.forEach((e=>{var i,n,c;if(!1!==e.visible){const d=function(e,t){return("string"==typeof e?Array.from(t.keys()).find((t=>t.label===e)):e)||{label:e,visible:!0}}(e.tab||"__main",s);if(l.has(d.label))return;const h=t.getField(e.name);if(h&&d.visible){s.has(d)||s.set(d,new Map);const t=s.get(d);(null==e.required?h.required:e.required)&&a.push(e.name),((null==e.cleanOnCopy?null===(i=h.properties)||void 0===i?void 0:i.cleanOnCopy:e.cleanOnCopy)||(null===(n=h.properties)||void 0===n?void 0:n.autoNum))&&r.push(e.name),(null==e.defaultValue?null===(c=h.properties)||void 0===c?void 0:c.defaultValue:e.defaultValue)&&(o[e.name]=e.defaultValue),A(t,e,h)}}}));const c=new O;return Array.from(s.entries()).sort(E).forEach((([e,t])=>{c.addSheet({label:"__main"===e.label?"Principal":e.label,name:e.label,items:Array.from(t.values()),requiredFields:a,cleanOnCopyFields:r,defaultValues:o})})),c})(this.config,this.dataUnit):(()=>{var e,t;const i=this.dataUnit.metadata,n=new O;if(i){const s=null===(e=i.fields)||void 0===e?void 0:e.filter((e=>!1!==e.visible)),l=new Map;null===(t=null==i?void 0:i.fields)||void 0===t||t.forEach((e=>{!1!==e.visible&&A(l,null,e)}));let a={};s.filter((e=>e.defaultValue)).map((e=>a[e.name]=e.defaultValue)),n.addSheet({label:i.label,name:i.name,items:Array.from(l.values()),requiredFields:s.filter((e=>e.required)).map((e=>e.name)),cleanOnCopyFields:s.filter((e=>{var t,i;return(null===(t=e.properties)||void 0===t?void 0:t.cleanOnCopy)||(null===(i=e.properties)||void 0===i?void 0:i.autoNum)})).map((e=>e.name)),defaultValues:a})}return n})();this._store.dispatch({type:D.METADATA_LOADED,payload:e})}}isStatic(){var e;return(null===(e=this._staticFields)||void 0===e?void 0:e.length)>0}interceptAction(e){if(e.type===r.RECORDS_COPIED){const t=N(this._store.getState()).getCleanOnCopyFields();if(t)return new h(r.RECORDS_COPIED,e.payload.map((e=>{const i=Object.assign({},e);return t.forEach((e=>delete i[e])),i})))}if(e.type===r.SAVING_DATA)return new Promise((t=>{this.validate().then((()=>t(e))).catch((()=>{}))}));if(e.type===r.RECORDS_ADDED){const t=N(this._store.getState()).getDefaultValues();if(t)return new h(r.RECORDS_ADDED,e.payload.map((e=>{const i=Object.assign({},e);for(const e in t){const n="formattedValue"in t[e]?t[e].formattedValue:t[e].value,s=null!=n?n:t[e],l="function"==typeof s?s():s;i[e]=this.dataUnit.valueFromString(e,l)}return i})))}return e}componentWillLoad(){void 0===this.dataUnit&&(this.dataUnit=new u("ez-form")),this.dataUnit.addInterceptor(this),this.dataUnit.subscribe(this.onDataUnitAction),this._dataBinder=new P(this.dataUnit),this._store=S(I),this._store.subscribe((()=>n(this))),this._staticFields=Array.from(this._element.querySelectorAll("[data-field-name]")),this.processMetadata(),this._dataElementIdEzForm=f.addIDInfo(this._element,null,{dataUnit:this.dataUnit})}componentDidRender(){this._dataBinder.bind(Array.from(this._element.querySelectorAll("[data-field-name]"))),this.ezReady.emit()}disconnectedCallback(){this.dataUnit.unsubscribe(this.onDataUnitAction),this.dataUnit.removeInterceptor(this),this._dataBinder.onDisconnectedCallback()}buildIdTabSelector(e){return e&&e.forEach((e=>e[f.DATA_ELEMENT_ID_ATTRIBUTE_NAME]=`${this._dataElementIdEzForm}_${d.toCamelCase(e.label)}`)),e}render(){return e(s,null,this.isStatic()?null:this.getDynamicContent())}get _element(){return l(this)}static get watchers(){return{config:["observeConfig"]}}};T.style="ez-form{display:flex;flex-direction:column;width:100%}.dynamic-content ez-collapsible-box{--ez-collapsible-box__header--padding-right:var(--space-small, 6px);--ez-collapsible-box__header--padding-left:var(--space-small, 6px)}";export{T as ez_form}
@@ -0,0 +1 @@
1
+ import{r as t,c as i,h as o,H as n,g as s}from"./p-3c7ea91b.js";import{FloatingManager as a}from"@sankhyalabs/core";import"./p-0b44cf1c.js";import{C as e}from"./p-4a5e37a7.js";import"./p-e1148f5c.js";import"./p-b853763b.js";let c=class{constructor(o){t(this,o),this.ezAction=i(this,"ezAction",7),this.enabled=!0,this.size="medium",this.showLabel=!1,this.checkOption=!1,this.isTransparent=!1,this.arrowActive=!1,this.innerClickCheck=(t,i)=>{var o;if(i&&t){if(i===t)return!0;const n=t.children;for(let t=0;t<n.length;t++)if(null===(o=n[t].shadowRoot)||void 0===o?void 0:o.contains(i))return!0}return!1}}async hideActions(){null!=this._floatingID&&a.close(this._floatingID),this._floatingID=void 0}async isOpened(){return null!=this._floatingID}showActions(){var t,i;if(!this.enabled)return;const o=null===(t=this._element)||void 0===t?void 0:t.getBoundingClientRect();let n=o?o.x-(this.arrowActive?5:0)+"px":null,s={autoClose:!0,innerClickTest:this.innerClickCheck,isFixed:!0,left:n};this._floatingID=a.float(this._actionsList,this._listContainer,s);const e=document.body.clientWidth,c=null===(i=this._actionsList)||void 0===i?void 0:i.getBoundingClientRect();(null==c?void 0:c.right)>e&&(n=e-c.width+"px",s={autoClose:!0,innerClickTest:this.innerClickCheck,left:n},a.updateFloatPosition(this._actionsList,this._listContainer,s)),window.requestAnimationFrame((()=>{this._actionsList.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}))}hasLabelOrCheckOption(){var t;return(this.showLabel||this.checkOption)&&(null===(t=this.actions)||void 0===t?void 0:t.length)>0}hasIconName(){var t;return null===(t=this.actions)||void 0===t?void 0:t.some((t=>null!=t.iconName))}handlerButtonClick(){this.showActions()}actionClick(t){this._selectedAction=t,this.hideActions(),this.ezAction.emit(t)}componentWillLoad(){if(null==this.actions){this.actions=[];const t=this._element.querySelectorAll("action");t&&t.forEach((t=>{let i=t.innerText,o=t.getAttribute("value");o||(o=i),this.actions.push({label:i,value:o}),t.hidden=!0}))}}componentDidLoad(){e.applyVarsButton(this._element,this._button)}componentDidRender(){null==this._floatingID&&this._actionsList.remove(),this.hasLabelOrCheckOption()&&(this.value?this._selectedAction=this.actions.find((t=>t.value===this.value)):this._selectedAction||(this._selectedAction=this.actions[0]))}render(){var t;return o(n,null,o("ez-button",{ref:t=>this._button=t,class:(this.isTransparent?"ez-actions-button__btn-transparent":"")+(this.showLabel?" ez-actions-button__btn-label":""),label:this.showLabel&&(null===(t=this._selectedAction)||void 0===t?void 0:t.label),enabled:this.enabled,mode:this.showLabel?void 0:"icon",iconName:this.showLabel?"":this.displayIcon||"dots-vertical",size:this.size,onClick:()=>this.handlerButtonClick()},this.showLabel&&o("ez-icon",{class:"ez-actions-button__icon-right",slot:"rightIcon",iconName:this.displayIcon||"dots-vertical"})),o("section",{class:"ez-actions-button__list-container",ref:t=>this._listContainer=t},this.arrowActive&&o("div",{class:"ez-actions-button__arrow"+(this.isTransparent?" ez-actions-button__arrow--upped":"")}),o("div",{ref:t=>this._actionsList=t,class:"ez-actions-button__actions-list"+(this.arrowActive&&!this.isTransparent?" ez-actions-button__actions-list--lowered":"")},this.actions.map((t=>{var i;return o("ez-button",{size:"small",label:t.label,onClick:()=>this.actionClick(t),class:"ez-actions-button__btn-action"+(this.checkOption||this.hasIconName()?" ez-actions-button__btn-action--spaced":"")},this.checkOption&&(null===(i=this._selectedAction)||void 0===i?void 0:i.value)===t.value&&o("ez-icon",{class:"ez-actions-button__icon-check",slot:"leftIcon",size:"small",iconName:"check"}),!this.checkOption&&t.iconName&&o("ez-icon",{class:"ez-actions-button__icon-item",slot:"leftIcon",size:"small",iconName:t.iconName}))})))))}get _element(){return s(this)}};c.style=":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;z-index:var(--more-visible, 2);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:fixed;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;margin-left:6px;z-index:calc(var(--more-visible, 2) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 3px) * -1)}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}";export{c as ez_actions_button}
@@ -0,0 +1 @@
1
+ import{r,h as o,H as s}from"./p-3c7ea91b.js";import{UserAgentUtils as e}from"@sankhyalabs/core";var t;!function(r){r.HORIZONTAL="horizontal",r.VERTICAL="vertical",r.BOTH="both"}(t||(t={}));let l=class{constructor(o){r(this,o),this._classHidden="ez-scroller__shadow--hidden",this.isFirefox=!1,this.locked=!1,this.activeShadow=!1}getContainerClass(){return`ez-scroller__container ez-scroller__container--${this.direction}\n ${this.locked?" ez-scroller__container--locked":""}\n ${this.isFirefox?" ez-scroller__container--no-overlay":""}\n `}getShadowStartClass(){return`ez-scroller__shadow-start ez-scroller__shadow-start--${this.direction}`}getShadowEndClass(){return`ez-scroller__shadow-end ez-scroller__shadow-end--${this.direction}`}finishDrag(){this._controller&&this._container.classList.remove("dragging")}updateShadow(){const r=this._container;if(r){let o;if(this.direction===t.HORIZONTAL){const{scrollWidth:s,clientWidth:e,scrollLeft:t}=r;o=s-e-Math.ceil(t),this._startHidden=r.scrollLeft>0}else if(this.direction===t.VERTICAL){const{scrollHeight:s,clientHeight:e,scrollTop:t}=r;o=s-e-Math.ceil(t),this._startHidden=r.scrollTop>0}this._endHidden=o>0;const s=["","start","end","middle"][Number(this._startHidden)|Number(this._endHidden)<<1];"start"===s?(this._shadowStart.classList.remove(this._classHidden),this._shadowEnd.classList.add(this._classHidden)):"end"===s?(this._shadowStart.classList.add(this._classHidden),this._shadowEnd.classList.remove(this._classHidden)):(this._shadowStart.classList.remove(this._classHidden),this._shadowEnd.classList.remove(this._classHidden))}}clickListener(r){this._controller&&this._controller.didScroll()&&(r.preventDefault(),r.stopPropagation(),r.stopImmediatePropagation())}mouseDownHandler(r){this.locked?this.finishDrag():(this._controller||(this._controller=new i(this._container)),this._controller.startDragg(r),this._container.classList.add("dragging"))}mouseUpHandler(){this.finishDrag()}mouseMoveHandler(r){this.locked?this.finishDrag():this._controller&&(0===r.buttons?this.finishDrag():this._controller.doScroll(r))}componentDidLoad(){this.isFirefox=e.isFirefox()}componentDidRender(){var r,o;if(this.direction===t.BOTH)return null===(r=this._shadowStart)||void 0===r||r.classList.add(this._classHidden),void(null===(o=this._shadowEnd)||void 0===o||o.classList.add(this._classHidden));this._container&&this.activeShadow&&(this._container.onscroll=this.updateShadow.bind(this),this.updateShadow())}render(){return o(s,null,this.activeShadow&&o("span",{ref:r=>this._shadowStart=r,class:this.getShadowStartClass()}),o("div",{ref:r=>this._container=r,class:this.getContainerClass()},o("slot",null)),this.activeShadow&&o("span",{ref:r=>this._shadowEnd=r,class:this.getShadowEndClass()}))}};class i{constructor(r){this.scrollablePanel=r}startDragg(r){this.startX=this.measureX(r),this.startY=this.measureY(r),this.scrollWidth=0,this.scrollHeight=0}measureX(r){return r.pageX-this.scrollablePanel.offsetLeft}measureY(r){return r.pageY-this.scrollablePanel.offsetTop}doScroll(r){const o=this.measureX(r),s=this.measureY(r);if(o!=this.startX||s!=this.startY){const r=o-this.startX,e=s-this.startY;this.startX+=r,this.startY+=e,this.scrollWidth+=Math.abs(r),this.scrollHeight+=Math.abs(e),this.scrollablePanel.scrollLeft=Math.max(0,this.scrollablePanel.scrollLeft-r),this.scrollablePanel.scrollTop=Math.max(0,this.scrollablePanel.scrollTop-e)}}didScroll(){return this.scrollHeight>5||this.scrollWidth>5}}l.style=":host{--ez-scroller--box-shadow-color:var(--background--body, #fafcff);display:flex;cursor:grab;width:100%}.dragging{cursor:grabbing}.ez-scroller__container{display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--scrollbar--primary) var(--scrollbar--secondary)}.ez-scroller__container--horizontal{flex-direction:row;overflow-y:hidden;overflow-x:hidden;padding-bottom:var(--space--small);margin-bottom:calc(var(--space--small) * -1)}.ez-scroller__container--horizontal:not(.ez-scroller__container--no-overlay):not(.ez-scroller__container--locked):hover{overflow-x:overlay}.ez-scroller__container--horizontal.ez-scroller__container--no-overlay{padding-bottom:8px;margin-bottom:-8px}.ez-scroller__container--horizontal.ez-scroller__container--no-overlay:not(.ez-scroller__container--locked):hover{overflow-x:auto;padding-bottom:0px}.ez-scroller__container--vertical{overflow-y:hidden;overflow-x:hidden;padding-right:var(--space--small);margin-right:calc(var(--space--small) * -1)}.ez-scroller__container--vertical:not(.ez-scroller__container--no-overlay):not(.ez-scroller__container--locked):hover{overflow-y:overlay}.ez-scroller__container--vertical.ez-scroller__container--no-overlay{padding-right:8px;margin-right:-8px}.ez-scroller__container--vertical.ez-scroller__container--no-overlay:not(.ez-scroller__container--locked):hover{overflow-y:auto;padding-right:0px}.ez-scroller__container--both{overflow:auto}.ez-scroller__container::-webkit-scrollbar-track{background-color:var(--scrollbar--secondary);border-radius:var(--border--radius-small);visibility:hidden}.ez-scroller__container::-webkit-scrollbar-thumb{background-color:var(--scrollbar--primary);border-radius:var(--border--radius-small)}.ez-scroller__container::-webkit-scrollbar{background-color:var(--scrollbar--secondary);width:var(--space--small);height:var(--space--small);max-width:var(--space--small);min-width:var(--space--small)}.ez-scroller__shadow-start,.ez-scroller__shadow-end{display:flex;z-index:1;background:var(--ez-scroller--box-shadow-color)}.ez-scroller__shadow-start--horizontal,.ez-scroller__shadow-end--horizontal{min-height:100%;width:10px}.ez-scroller__shadow-start--horizontal{box-shadow:var(--ez-scroller--box-shadow-color) 6px 0px 10px 8px;margin-right:-6px}.ez-scroller__shadow-end--horizontal{box-shadow:var(--ez-scroller--box-shadow-color) -6px 0px 10px 8px;margin-left:-6px}.ez-scroller__shadow-start--vertical,.ez-scroller__shadow-end--vertical{min-width:100%;height:10px}.ez-scroller__shadow-start--vertical{box-shadow:var(--ez-scroller--box-shadow-color) 0px 6px 10px 8px;margin-bottom:-6px}.ez-scroller__shadow-end--vertical{box-shadow:var(--ez-scroller--box-shadow-color) 0px -6px 10px 8px;margin-top:-6px}.ez-scroller__shadow--hidden{display:none}";export{l as ez_scroller}
@@ -1 +1 @@
1
- import{r as s,c as e,h as t,g as i}from"./p-3c7ea91b.js";import{ElementIDUtils as r}from"@sankhyalabs/core";import{C as a}from"./p-4a5e37a7.js";let h=class{constructor(t){s(this,t),this.ezChange=e(this,"ezChange",7),this.enabled=!0,this.mode="regular"}observeLabel(){this._textInput&&(this._textInput.label=this.label)}observeErrorMessage(){this._textInput&&(this._textInput.errorMessage=this.errorMessage)}observeValue(s,e){this._textInput&&s!=e&&(this._textInput.value=s,this.ezChange.emit(s))}async setFocus(){this._textInput.setFocus()}async setBlur(){this._textInput.setBlur()}async isInvalid(){return"string"==typeof this.errorMessage&&""!==this.errorMessage.trim()}changeValue(s){const e=s.detail;this.errorMessage="",e!==this.value&&(this.value=e)}componentDidLoad(){a.applyVarsTextInput(this._elem,this._textInput)}render(){let s=r.addIDInfoIfNotExists(this._elem,"input");return t("ez-text-input",{"data-element-id":r.getInternalIDInfo(s,"textInput"),ref:s=>this._textInput=s,label:this.label,onEzChange:s=>this.changeValue(s),value:this.value,enabled:this.enabled,errorMessage:this.errorMessage,restrict:this.restrict,loading:this.loading,mode:this.mode},t("ez-icon",{slot:"leftIcon",iconName:"search"}))}get _elem(){return i(this)}static get watchers(){return{label:["observeLabel"],errorMessage:["observeErrorMessage"],value:["observeValue"]}}};h.style=":host{display:block;width:100%}";export{h as ez_filter_input}
1
+ import{r as s,c as e,h as t,g as i}from"./p-3c7ea91b.js";import{ElementIDUtils as r}from"@sankhyalabs/core";import{C as a}from"./p-4a5e37a7.js";let h=class{constructor(t){s(this,t),this.ezChange=e(this,"ezChange",7),this.enabled=!0,this.mode="regular"}observeLabel(){this._textInput&&(this._textInput.label=this.label)}observeErrorMessage(){this._textInput&&(this._textInput.errorMessage=this.errorMessage)}observeValue(s,e){this._textInput&&s!=e&&(this._textInput.value=s,this.ezChange.emit(s))}async setFocus(){this._textInput.setFocus()}async setBlur(){this._textInput.setBlur()}async isInvalid(){return"string"==typeof this.errorMessage&&""!==this.errorMessage.trim()}changeValue(s){const e=s.detail;this.errorMessage="",e!==this.value&&(this.value=e)}componentDidLoad(){a.applyVarsTextInput(this._elem,this._textInput)}render(){let s=r.addIDInfoIfNotExists(this._elem,"input");return t("ez-text-input",{"data-element-id":r.getInternalIDInfo(s,"textInput"),ref:s=>this._textInput=s,label:this.label,onEzChange:s=>this.changeValue(s),value:this.value,enabled:this.enabled,errorMessage:this.errorMessage,restrict:this.restrict,mode:this.mode},t("ez-icon",{slot:"leftIcon",iconName:"search"}))}get _elem(){return i(this)}static get watchers(){return{label:["observeLabel"],errorMessage:["observeErrorMessage"],value:["observeValue"]}}};h.style=":host{display:block;width:100%}";export{h as ez_filter_input}
@@ -0,0 +1 @@
1
+ import{r as e,c as r,h as o,H as c,g as a}from"./p-3c7ea91b.js";import{ElementIDUtils as i}from"@sankhyalabs/core";import{C as t}from"./p-b853763b.js";let d=class{constructor(o){e(this,o),this.ezChange=r(this,"ezChange",7),this.enabled=!0,this.mode=t.REGULAR}async getMode(){return t[this.mode]}async setFocus(){this._inputElem.focus()}componentDidLoad(){this._inputElem&&i.addIDInfo(this._inputElem,"input"),this._element&&i.addIDInfo(this._element,"input")}changeValue(){this.enabled&&(this.value=!this.value,this.ezChange.emit(this.value))}getLabelClasses(){let e="label";return this.enabled||(e+=" label--disabled"),e}getInputClasses(){var e;return(null===(e=this.mode)||void 0===e?void 0:e.toUpperCase())===t.SWITCH?"switch-mode":"regular-mode"}render(){return o(c,null,o("input",{type:"checkbox",ref:e=>this._inputElem=e,class:this.getInputClasses(),checked:!0===this.value,onChange:()=>{this.changeValue()},indeterminate:this.indeterminate,disabled:!this.enabled}),this.label?o("label",{class:this.getLabelClasses(),onClick:()=>{this.changeValue()},title:this.label},this.label):void 0)}get _element(){return a(this)}};d.style=':host{--ez-check--box--width:18px;--ez-check--box--height:18px;--ez-check--width:calc(var(--ez-check--box--width) + var(--ez-check--outter-gap, 14px));--ez-check--height:calc(var(--ez-check--box--width) + var(--ez-check--outter-gap, 14px));--ez-check--border-radius:var(--border--radius-small);--ez-check--checked--background-color:var(--color--primary-200);--ez-check--focus--background-color:var(--color--strokes, #FFFFFF);--ez-check--hover--background-color:var(--background--medium);--ez-check--checked--disabled--background-color:var(--color--disable-secondary);--ez-check--border:var(--border--medium) var(--title--primary);--ez-check--disabled--border:var(--border--medium) var(--color--strokes);--ez-check--checked--border:var(--border--medium) var(--color--primary);--ez-check--checked--hover--background-color:var(--color--primary-200);--ez-check--checked--focus--background-color:var(--color--primary-300, #FFFFFF);--ez-check--check--image:url(\'data:image/svg+xml;utf8,<svg width="8" height="7" viewBox="0 0 8 7" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M7.70002 0.398999L7.48502 0.207997C7.31524 0.0598858 7.09376 -0.0150438 6.86894 -0.000430025C6.64411 0.0141838 6.43419 0.117153 6.28502 0.285997L2.70002 4.332L1.61802 3.384C1.44837 3.23576 1.22697 3.16067 1.00214 3.17509C0.77732 3.18952 0.567332 3.2923 0.418019 3.461L0.229019 3.674C0.0752361 3.84797 -0.00437434 4.07521 0.00721192 4.30713C0.0187982 4.53904 0.120661 4.75722 0.291019 4.915L2.27402 6.762C2.35832 6.8432 2.45842 6.90618 2.56811 6.94702C2.67779 6.98787 2.79471 7.00571 2.91159 6.99942C3.02846 6.99314 3.14279 6.96287 3.24747 6.91049C3.35214 6.85812 3.44492 6.78477 3.52002 6.695L7.79102 1.638C7.94063 1.46048 8.01486 1.23149 7.99786 0.999963C7.98085 0.768436 7.87396 0.552749 7.70002 0.398999Z"/></svg>\');--ez-check--indeterminate--image:url(\'data:image/svg+xml;utf8,<svg width="10" height="2" viewBox="0 0 10 2" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="m 1,0 h 8 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 H 1 C 0.446,2 0,1.554 0,1 0,0.446 0.446,0 1,0 Z" /></svg>\');--ez-check--check--background-color:var(--color--primary);--ez-check--check--disabled--background-color:var(--color--strokes);--ez-switch--slider--width:34px;--ez-switch--slider--height:14px;--ez-switch--pin--width:19px;--ez-switch--pin--height:19px;--ez-switch--focus--width:32px;--ez-switch--focus--height:32px;--ez-switch--background-color:var(--color--strokes);--ez-switch--disabled--background-color:var(--color--disable-secondary);--ez-switch--disabled--checked--background-color:var(--color--primary-300);--ez-switch--checked--background-color:var(--color--primary);--ez-switch--pin--background-color:var(--background--xlight);--ez-switch--pin--disabled--background-color:var(--color--disable-primary);--ez-switch--pin--checked--background-color:var(--background--xlight);--ez-switch--pin--checked--disabled--background-color:#E8F7F4;--ez-switch--pin--focus--background-color:var(--text--disable);--ez-switch--pin--checked--focus--background-color:var(--color--primary);--ez-switch--pin--border-color:var(--text--primary);--ez-switch--pin--disabled--border-color:var(--text--secondary);--ez-check--label--font-size:var(--text--medium, 14px);--ez-check--label--font-family:var(--font-pattern, Arial);--ez-check--label--color:var(--title--primary, #000);--ez-check--label--disabled--color:var(--text--disable, #AFB6C0);display:flex;width:100%;align-items:center;margin:0}input.regular-mode{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;box-sizing:border-box;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:50%;position:relative;width:var(--ez-check--width);height:var(--ez-check--height)}input.regular-mode:enabled:hover{background-color:var(--ez-check--hover--background-color)}input.regular-mode:enabled:focus{outline:none;background-color:var(--ez-check--focus--background-color)}input.regular-mode:disabled{cursor:auto;background:none}input.regular-mode::before{box-sizing:border-box;content:"";display:block;width:var(--ez-check--box--width);height:var(--ez-check--box--height);border-radius:var(--ez-check--border-radius);border:var(--ez-check--border)}input.regular-mode:disabled::before{border:var(--ez-check--disabled--border)}input.regular-mode:checked:enabled:hover,input.regular-mode:indeterminate:enabled:hover{background-color:var(--ez-check--checked--hover--background-color)}input.regular-mode:checked:enabled:focus,input.regular-mode:indeterminate:enabled:focus{background-color:var(--ez-check--checked--focus--background-color)}input.regular-mode:checked::before,input.regular-mode:indeterminate::before{border:var(--ez-check--checked--border);background-color:var(--ez-check--checked--background-color)}input.regular-mode:disabled:before{border:var(--ez-check--disabled--border);background-color:var(--ez-check--checked--disabled--background-color)}input.regular-mode:checked::after,input.regular-mode:indeterminate:after{display:flex;position:absolute;content:"";background-color:var(--ez-check--check--background-color);width:8px;height:7px;-webkit-mask-image:var(--ez-check--check--image);mask-image:var(--ez-check--check--image)}input.regular-mode:indeterminate:after{display:flex;position:absolute;content:"";background-color:var(--ez-check--check--background-color);width:10px;height:2px;-webkit-mask-image:var(--ez-check--indeterminate--image);mask-image:var(--ez-check--indeterminate--image)}input.regular-mode:checked:disabled::after,input.regular-mode:indeterminate:disabled::after{background-color:var(--ez-check--check--disabled--background-color)}input.switch-mode{flex-shrink:0;-webkit-appearance:none;appearance:none;position:relative;outline:none;cursor:pointer;border-radius:20px;border:var(--border--small, 1px solid) var(--ez-switch--pin--border-color, #626e82);transition:background-color var(--transition);width:var(--ez-switch--slider--width);height:var(--ez-switch--slider--height);background-color:var(--ez-switch--background-color)}input.switch-mode:disabled{background-color:var(--ez-switch--disabled--background-color);border:var(--border--small, 1px solid) var(--ez-switch--pin--disabled--border-color, #a2abb9)}input.switch-mode:checked:disabled{background-color:var(--ez-switch--disabled--checked--background-color)}input.switch-mode::after{content:"";display:block;position:absolute;box-shadow:var(--shadow);transition:transform var(--transition);transition:background-color var(--transition);transition:border-color var(--transition);transform:translateX(-2px) translateY(-4px);border-radius:50%;border:var(--border--small, 1px solid) var(--ez-switch--pin--border-color, #626e82);width:var(--ez-switch--pin--width);height:var(--ez-switch--pin--height);background-color:var(--ez-switch--pin--background-color)}input.switch-mode:disabled::after{background-color:var(--ez-switch--pin--disabled--background-color);border:var(--border--small, 1px solid) var(--ez-switch--pin--disabled--border-color, #a2abb9)}input.switch-mode:checked{transition:background-color var(--transition), border var(--transition);background-color:var(--ez-switch--checked--background-color);border:var(--border--small, 1px solid) var(--color--primary, #008561)}input.switch-mode::before{display:block;content:"";display:block;position:absolute;border-radius:50%;opacity:0;width:var(--ez-switch--focus--width);height:var(--ez-switch--focus--height);top:calc((var(--ez-switch--slider--height) - var(--ez-switch--focus--height)) / 2);left:calc((var(--ez-switch--pin--width) - var(--ez-switch--focus--width) - 2px) / 2);background-color:var(--ez-switch--pin--focus--background-color)}input.switch-mode:focus::before{opacity:0.24;transition:opacity var(--transition)}input.switch-mode:checked:focus::before{background-color:var(--ez-switch--pin--checked--focus--background-color);transform:translateX(calc(var(--ez-switch--slider--width) - var(--ez-switch--pin--width) + 2px))}input.switch-mode:checked::after{transition:transform var(--transition);transition:background-color var(--transition);transition:border-color var(--transition);transform:translateX(calc(var(--ez-switch--slider--width) - var(--ez-switch--pin--width))) translateY(-4px);box-shadow:var(--shadow);background-color:var(--ez-switch--pin--checked--background-color);border:var(--border--small, 1px solid) var(--color--primary, #008561)}input.switch-mode:checked:disabled::after{background-color:var(--ez-switch--pin--checked--disabled--background-color)}.label{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-check--label--color);font-size:var(--ez-check--label--font-size);font-family:var(--ez-check--label--font-family);cursor:default;padding-left:var(--space--small)}.label--disabled{color:var(--ez-check--label--disabled--color)}';export{d as ez_check}
@@ -0,0 +1 @@
1
+ import{r as s,c as t,h as e,g as i}from"./p-3c7ea91b.js";import{C as h}from"./p-4a5e37a7.js";import{ElementIDUtils as r}from"@sankhyalabs/core";let o=class{constructor(e){s(this,e),this.ezChange=t(this,"ezChange",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(){h.applyVarsTextInput(this._elem,this._comboElement)}render(){let s=r.addIDInfoIfNotExists(this._elem,"input");return e("ez-combo-box",{"data-element-id":r.getInternalIDInfo(s,"combo"),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 i(this)}static get watchers(){return{errorMessage:["observeErrorMessage"],value:["observeValue"]}}};o.style=":host{width:100%}";export{o as ez_search}
@@ -0,0 +1 @@
1
+ import{r as t,h as i,H as o}from"./p-3c7ea91b.js";let r=class{constructor(i){t(this,i),this._showLoading=!0}async hide(){this._showLoading=!1}async show(){this._showLoading=!0}render(){return i(o,null,this._showLoading&&i("div",{class:"loading-bar"},i("div",{class:"loading-bar__container"})))}};r.style=":host{position:fixed;top:0px;width:100%}.loading-bar{width:100%;margin:0 auto;position:absolute;background-color:var(--color--primary-300, #e2f4ef);height:5px}.loading-bar:before{content:'';position:absolute}.loading-bar__container{position:absolute;top:0;right:100%;bottom:0;left:0;background-color:var(--color--primary, #008561);width:0;animation:loading 2s linear infinite}@keyframes loading{0%{left:0%;right:100%;width:0%}25%{left:0%;right:75%;width:25%}50%{left:0%;right:50%;width:90%}70%{right:0%;left:75%;width:25%}100%{left:100%;right:0%;width:0%}}@-webkit-keyframes loading{0%{left:0%;right:100%;width:0%}25%{left:0%;right:75%;width:25%}50%{left:0%;right:50%;width:90%}70%{right:0%;left:75%;width:25%}100%{left:100%;right:0%;width:0%}}";export{r as ez_loading_bar}
@@ -7,51 +7,52 @@ export declare class EzActionsButton {
7
7
  private _element;
8
8
  private _selectedAction;
9
9
  /**
10
- * Deixa o campo disponível ou não para interação com usuário.
10
+ * Se false o usuário não pode interagir com o componente.
11
11
  */
12
12
  enabled: boolean;
13
- /** .
14
- * Array no formato "{value: string, label: string, iconName: string}" que alimenta a lista de ações.
13
+ /**
14
+ * Define a lista de ações. Os elementos devem obedecer
15
+ * o formato: `{value: string, label: string}`.
15
16
  */
16
17
  actions: Array<IAction>;
17
18
  /**
18
- * É possível escolher entre [small,medium,large].
19
+ * Determina o tamanho do ez-action-button.
19
20
  */
20
- size: "small" | "medium" | "large" | undefined;
21
+ size: "small" | "medium" | "large";
21
22
  /**
22
- * Define se o label será apresentado no display do componente.
23
+ * Se true o label será apresentado.
23
24
  */
24
25
  showLabel: boolean;
25
26
  /**
26
- * Nome do ícone que será apresentado no display do componente.
27
+ * Define o ícone do componente.
27
28
  */
28
29
  displayIcon: string;
29
30
  /**
30
- * Define se na opção selecionada apresentará um ícone de check.
31
+ * Se true o check será apresentado para os itens.
31
32
  */
32
33
  checkOption: boolean;
33
34
  /**
34
- * Define qual o value que será selecionado na lista.
35
+ * Define o valor do componente.
35
36
  */
36
37
  value: string;
37
38
  /**
38
- * Define se o background do botão será transparent.
39
+ * Se true o background será transparent.
39
40
  */
40
41
  isTransparent: boolean;
41
42
  /**
42
- * Define se o elemento contará com a seta de orientação.
43
+ * Se true a seta de ordenação será apresentada.
43
44
  */
44
45
  arrowActive: boolean;
45
46
  /**
46
- * Evento que é disparado ao acionar uma ação.
47
+ * Emitido ao acionar uma ação.
47
48
  */
48
49
  ezAction: EventEmitter<IAction>;
49
50
  /**
50
- * Oculta a lista de ações
51
+ * Oculta a lista de ações.
51
52
  */
52
53
  hideActions(): Promise<void>;
53
54
  /**
54
- * Verifica se a lista de ações está oculta
55
+ * Verifica se a lista de ações está aberta.
55
56
  */
56
57
  isOpened(): Promise<boolean>;
57
58
  innerClickCheck: (floatingContainer: HTMLElement, node: HTMLElement) => boolean;
@@ -2,35 +2,35 @@ export declare class EzButton {
2
2
  _element: HTMLElement;
3
3
  private _button;
4
4
  /**
5
- * Texto indicativo da ação do botão.
5
+ * Texto a ser apresentado como título do botão.
6
6
  */
7
7
  label: string;
8
8
  /**
9
- * Deixa o botão disponível ou não para interação com o usuário.
9
+ * Se false o usuário não pode interagir com o botão.
10
10
  */
11
11
  enabled: boolean;
12
12
  /**
13
- * Define o modo de uso do botão; opções: icon, link e regular
14
- */
15
- mode: string;
13
+ * Define o modo de uso do botão.
14
+ */
15
+ mode: "regular" | "icon" | "link" | "label-icon";
16
16
  /**
17
- * Define o icone svg que será utilizado no botão. Esta propriedade é utilizada caso o componente esteja no modo "icon"
17
+ * Define o caminho usado nos modos `icon` e `label-icon` para imagens não contempladas na biblioteca de ícones.
18
18
  */
19
19
  image: string;
20
20
  /**
21
- * Nome do icone disponível no pacote de fontes [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)
21
+ * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)
22
22
  */
23
23
  iconName: string;
24
24
  /**
25
- * É possível escolher entre [small,medium,large] (somente para os modos "icon" e "link")
25
+ * Define o tamanho do ez-button.
26
26
  */
27
27
  size: "small" | "medium" | "large" | undefined;
28
28
  /**
29
- * Realiza o foco no botão
29
+ * Aplica o foco no botão.
30
30
  */
31
31
  setFocus(): Promise<void>;
32
32
  /**
33
- * Remove o foco no botão
33
+ * Remove o foco do botão.
34
34
  */
35
35
  setBlur(): Promise<void>;
36
36
  componentDidLoad(): void;
@@ -18,39 +18,36 @@ export declare class EzCalendar {
18
18
  private _minutesScroll;
19
19
  private _secondsScroll;
20
20
  /**
21
- * A data selecionada no calendário
21
+ * Define o valor do calendário.
22
22
  */
23
23
  value: Date;
24
24
  /**
25
- * No modo floating o calendário se tornará visível
26
- * quando o método show() for acionado.
25
+ * Define se a exibição do ez-calendar será feita pelos métodos `show()` e `hide()`.
27
26
  */
28
27
  floating: boolean;
29
28
  /**
30
- * Exibe ou não as horas e minutos no calendario
29
+ * Se true a data considera horas e minutos.
31
30
  */
32
31
  time: boolean;
33
32
  /**
34
- * Exibe ou não os segundos no calendario
35
- */
33
+ * Se true a data considera segundos. Deve ser usado em conjunto com a propriedade `time`.
34
+ */
36
35
  showSeconds: boolean;
37
36
  /**
38
- * Quando o usuário escolhe uma data, esse evento é emitido.
37
+ * Emitido quando acontece a alteração de valor do calendário.
39
38
  */
40
39
  ezChange: EventEmitter<Date>;
41
40
  /**
42
- * Usado no modo floating. Faz com que o componente seja exibido.
43
- * É possível determinar ajustes de posicionamento através dos parâmetros
44
- * top, left, bottom e right. Esses parâmetros devem ser informados como
45
- * strings no formato css.
41
+ * Exibe o ez-calendar em uma posição determinada.
42
+ * É possível determinar o posicionamento através dos parâmetros, no formato css.
46
43
  */
47
44
  show(top?: string, left?: string, bottom?: string, right?: string): Promise<void>;
48
45
  /**
49
- * Método necessário para ajustar o posicionamento do calendar acima ou abaixo do ez-date-input conforme a disponibilidade de espaço.
50
- */
46
+ * Ajusta o posicionamento do ez-calendar conforme a disponibilidade de espaço.
47
+ */
51
48
  fitVertical(topOffset: number, bottomOffset: number): Promise<void>;
52
49
  /**
53
- * Usado no modo floating. Faz com que o componente seja ocultado.
50
+ * Oculta o ez-calendar.
54
51
  */
55
52
  hide(): Promise<void>;
56
53
  observeValue(): void;
@@ -15,7 +15,14 @@ export interface DetailContainer {
15
15
  export declare class EzCardItem {
16
16
  private _details;
17
17
  private _element;
18
+ /**
19
+ * Determina o conteúdo do card. Deve conter um objeto no formato:
20
+ * `{title: string, key: string, details: any}`.
21
+ */
18
22
  item: CardItem;
23
+ /**
24
+ * Emitido sempre que o ez-card é clicado.
25
+ */
19
26
  ezClick: EventEmitter<CardItem>;
20
27
  componentWillRender(): void;
21
28
  componentDidLoad(): void;
@@ -1,40 +1,38 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
+ import { CheckMode } from './CheckMode';
2
3
  export declare class EzCheck {
3
4
  private _element;
4
5
  private _inputElem;
5
6
  /**
6
- * Evento disparado ao mudar o estado do check(onEzChange).
7
+ * Emitido quando acontece a alteração de valor do campo.
7
8
  */
8
9
  ezChange: EventEmitter<any>;
9
10
  /**
10
- * Título do campo
11
+ * Texto a ser apresentado como título do campo.
11
12
  */
12
13
  label: string;
13
14
  /**
14
- * Como se trata de um componente binário, o valor alterna entre true e false (marcado / desmarcado)
15
+ * Define o valor do campo.
15
16
  */
16
17
  value: boolean;
17
18
  /**
18
- * Deixa o campo disponível ou não para interação com o usuário.
19
+ * Se false o usuário não pode interagir com o campo.
19
20
  */
20
21
  enabled: boolean;
21
22
  /**
22
- * Deixa o campo em um estado indeterminado, nem marcado nem desmarcado (não disponível em modo "switch").
23
+ * Se true ativa o estado indeterminado, nem marcado nem desmarcado (não disponível em modo `switch`).
23
24
  */
24
25
  indeterminate: boolean;
25
26
  /**
26
- * Existem dois modos de visualização: regular e switch.
27
- * Se esta propriedade for omitida, o componete assume o formato "regular".
28
- * No modo "regular" a visualização é a tradicional de uma caixinha marcada/desmarcada.
29
- * No modo "switch" o campo tem uma interface em formato de um pino liga/desliga.
27
+ * Define o modo de visualização do ez-check.
30
28
  */
31
- mode: string;
29
+ mode: CheckMode;
32
30
  /**
33
- * Devolve o modo escolhido para o componente
31
+ * Obtém o modo escolhido.
34
32
  */
35
- getMode(): Promise<string>;
33
+ getMode(): Promise<CheckMode>;
36
34
  /**
37
- * Faz o foco no componente de input
35
+ * Aplica o foco no campo.
38
36
  */
39
37
  setFocus(): Promise<void>;
40
38
  componentDidLoad(): void;
@@ -4,43 +4,44 @@ export declare class EzChip {
4
4
  private _containerElem;
5
5
  private _labelElem;
6
6
  /**
7
- * Título exibido no componente.
7
+ * Texto a ser apresentado como título do ez-chip.
8
8
  */
9
9
  label: string;
10
10
  /**
11
- * Deixa o componente disponível ou não para seleção.
11
+ * Se false o usuário não pode interagir com o ez-chip.
12
12
  */
13
13
  enabled: boolean;
14
14
  /**
15
- * Indica se o componente terá a opção de ser removido e qual sua posição: left ou right.
15
+ * Determina o posicionamento do botão de remover (não disponível no modo `action`).
16
+ * Se não informado, não exibe o botão.
16
17
  */
17
- removePosition: "left" | "right";
18
+ removePosition: "left" | "right" | undefined;
18
19
  /**
19
- * Define o modo de uso do cjip: label ou action
20
+ * Define o modo de uso do ez-chip.
20
21
  */
21
22
  mode: "label" | "action";
22
23
  /**
23
- * Indica se o componente está ou não ativado.
24
+ * Define o valor do ez-chip.
24
25
  */
25
26
  value: boolean;
26
27
  /**
27
- *Evento disparado quando o estado do componente mudar (onValueChange).
28
- */
28
+ * Emitido quando acontece a alteração de valor do ez-chip.
29
+ */
29
30
  valueChange: EventEmitter<boolean>;
30
31
  /**
31
- *Evento disparado ao clicar no botão de remoção (onRemoveChip).
32
- */
32
+ * Emitido quando o botão de remoção é acionado.
33
+ */
33
34
  removeChip: EventEmitter<void>;
34
35
  /**
35
- *Evento disparado ao clicar no chip usando o modo "action" (onActionClick).
36
- */
36
+ * Emitido no modo "action" quando o usuário clica no ez-chip.
37
+ */
37
38
  actionClick: EventEmitter<void>;
38
39
  /**
39
- * Faz o foco no componente de input
40
+ * Aplica o foco no ez-chip.
40
41
  */
41
42
  setFocus(): Promise<void>;
42
43
  /**
43
- * Remove o foco no componente de input
44
+ * Remove o foco do ez-chip.
44
45
  */
45
46
  setBlur(): Promise<void>;
46
47
  handleSlotChange(ev: Event): void;
@@ -5,63 +5,63 @@ export declare class EzCollapsibleBox {
5
5
  private _hostElement;
6
6
  private _activeEditText;
7
7
  /**
8
- * Valor externalizado que garante a exibição ou não do componente.
8
+ * Define o valor do componente.
9
9
  */
10
10
  value: boolean;
11
11
  /**
12
- * Título do campo
12
+ * Texto a ser apresentado como título do componente.
13
13
  */
14
14
  label: string;
15
15
  /**
16
- * Define o tamanho do texto e do ícone do componente.
17
- */
16
+ * Define o tamanho do texto e do ícone.
17
+ */
18
18
  headerSize: "x-small" | "small" | "medium" | "large" | "x-large" | undefined;
19
19
  /**
20
- * Define o local onde o ícone será renderizado.
21
- */
20
+ * Define o posicionamento do ícone.
21
+ */
22
22
  iconPlacement: "left" | "right";
23
23
  /**
24
- * Define se o titulo irá ocupar toda a largura do componente.
25
- */
24
+ * Se true o título irá ocupar toda a largura do componente.
25
+ */
26
26
  stretchTitle: boolean;
27
27
  /**
28
- * Ativa o ícone para remoção do componente.
29
- */
28
+ * Se true mostra o ícone para remoção do componente.
29
+ */
30
30
  removable: boolean;
31
31
  /**
32
- * Ativa o ícone para edição do componente.
33
- */
32
+ * Se true mostra o ícone para edição do componente.
33
+ */
34
34
  editable: boolean;
35
35
  /**
36
- * Define uma condição para salvar ou não uma alteração.
37
- */
36
+ * Define uma condição para salvar ou não uma alteração.
37
+ */
38
38
  conditionalSave: Function;
39
39
  /**
40
- * Evento disparado ao mudar o estado do componente (onEzChange).
41
- */
40
+ * Emitido quando acontece a alteração de valor do componente.
41
+ */
42
42
  ezChange: EventEmitter<boolean>;
43
43
  /**
44
- * Evento disparado ao remover o componente (onEzRemove).
45
- */
44
+ * Emitido ao remover o componente (onEzRemove).
45
+ */
46
46
  ezRemove: EventEmitter<EzCollapsibleBox>;
47
47
  /**
48
- * Evento disparado ao concluir edição da label (onEzSaveEditLabel).
49
- */
48
+ * Emitido ao concluir edição da label (onEzSaveEditLabel).
49
+ */
50
50
  ezSaveEditLabel: EventEmitter<CustomEvent>;
51
51
  /**
52
- * Evento disparado quando o modo de edição da label for aberto e fechado (onEzEditLabelMode).
53
- */
52
+ * Emitido quando o modo de edição da label for aberto e fechado (onEzEditLabelMode).
53
+ */
54
54
  ezEditLabelMode: EventEmitter<boolean>;
55
55
  /**
56
- * Esconde ou revela o conteúdo do componente.
56
+ * Oculta/mostra o conteúdo do ez-collapsible-box.
57
57
  */
58
58
  showHide(): Promise<void>;
59
59
  /**
60
- * Aplica focus no campo de edição de título.
60
+ * Aplica o foco no campo de edição de título.
61
61
  */
62
62
  applyFocusTextEdit(): Promise<void>;
63
63
  /**
64
- * Fecha a edição de título.
64
+ * Cancela a edição de título.
65
65
  */
66
66
  cancelEdition(): Promise<void>;
67
67
  observeCollapsedValue(): void;