@sankhyalabs/ezui 3.0.0 → 3.0.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.
- package/dist/cjs/ez-actions-button.cjs.entry.js +12 -26
- package/dist/cjs/ez-alert.cjs.entry.js +2 -5
- package/dist/cjs/ez-application.cjs.entry.js +2 -2
- package/dist/cjs/ez-breadcrumb.cjs.entry.js +2 -5
- package/dist/cjs/ez-button.cjs.entry.js +6 -8
- package/dist/cjs/ez-calendar.cjs.entry.js +2 -14
- package/dist/cjs/ez-card-item.cjs.entry.js +3 -2
- package/dist/cjs/ez-check.cjs.entry.js +5 -8
- package/dist/cjs/ez-chip.cjs.entry.js +8 -11
- package/dist/cjs/ez-collapsible-box.cjs.entry.js +4 -20
- package/dist/cjs/ez-combo-box.cjs.entry.js +11 -23
- package/dist/cjs/ez-date-input.cjs.entry.js +5 -8
- package/dist/cjs/ez-date-time-input.cjs.entry.js +5 -11
- package/dist/cjs/ez-dialog.cjs.entry.js +7 -9
- package/dist/cjs/ez-dropdown.cjs.entry.js +4 -5
- package/dist/cjs/ez-file-item.cjs.entry.js +5 -8
- package/dist/cjs/ez-filter-input_4.cjs.entry.js +14 -23
- package/dist/cjs/ez-form-view.cjs.entry.js +3 -2
- package/dist/cjs/ez-form.cjs.entry.js +26 -20
- package/dist/cjs/ez-grid.cjs.entry.js +11131 -6779
- package/dist/cjs/ez-guide-navigator.cjs.entry.js +3 -11
- package/dist/cjs/ez-icon.cjs.entry.js +4 -5
- package/dist/cjs/ez-list.cjs.entry.js +4 -15
- package/dist/cjs/ez-loading-bar.cjs.entry.js +2 -2
- package/dist/cjs/ez-modal-container.cjs.entry.js +8 -5
- package/dist/cjs/ez-modal.cjs.entry.js +7 -14
- package/dist/cjs/ez-number-input.cjs.entry.js +7 -8
- package/dist/cjs/ez-popover.cjs.entry.js +11 -30
- package/dist/cjs/ez-popup.cjs.entry.js +3 -14
- package/dist/cjs/ez-radio-button.cjs.entry.js +4 -11
- package/dist/cjs/ez-search.cjs.entry.js +6 -17
- package/dist/cjs/ez-tabselector.cjs.entry.js +6 -2
- package/dist/cjs/ez-text-area.cjs.entry.js +5 -14
- package/dist/cjs/ez-text-edit.cjs.entry.js +5 -2
- package/dist/cjs/ez-text-input.cjs.entry.js +7 -14
- package/dist/cjs/ez-time-input.cjs.entry.js +5 -11
- package/dist/cjs/ez-toast.cjs.entry.js +3 -11
- package/dist/cjs/ez-upload.cjs.entry.js +9 -5
- package/dist/cjs/ez-view-stack.cjs.entry.js +2 -2
- package/dist/cjs/ezui.cjs.js +6 -2
- package/dist/cjs/{index-5e208fa5.js → index-892780f1.js} +588 -248
- package/dist/cjs/loader.cjs.js +3 -2
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/ez-actions-button/ez-actions-button.js +248 -256
- package/dist/collection/components/ez-alert/ez-alert.js +34 -36
- package/dist/collection/components/ez-application/ez-application.js +29 -23
- package/dist/collection/components/ez-breadcrumb/ez-breadcrumb.js +61 -60
- package/dist/collection/components/ez-button/ez-button.js +159 -159
- package/dist/collection/components/ez-calendar/ez-calendar.js +214 -244
- package/dist/collection/components/ez-card-item/ez-card-item.js +60 -58
- package/dist/collection/components/ez-check/ez-check.js +164 -157
- package/dist/collection/components/ez-chip/ez-chip.css +4 -0
- package/dist/collection/components/ez-chip/ez-chip.js +192 -188
- package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.js +282 -293
- package/dist/collection/components/ez-combo-box/ez-combo-box.js +348 -361
- package/dist/collection/components/ez-date-input/ez-date-input.js +213 -207
- package/dist/collection/components/ez-date-time-input/ez-date-time-input.js +233 -228
- package/dist/collection/components/ez-dialog/ez-dialog.js +203 -209
- package/dist/collection/components/ez-dropdown/ez-dropdown.js +128 -127
- package/dist/collection/components/ez-dropdown/structure/DropdownItem.js +1 -4
- package/dist/collection/components/ez-file-item/ez-file-item.js +144 -142
- package/dist/collection/components/ez-filter-input/ez-filter-input.js +197 -188
- package/dist/collection/components/ez-form/DataBinder.js +12 -6
- package/dist/collection/components/ez-form/ez-form.js +191 -177
- package/dist/collection/components/ez-form-view/ez-form-view.js +38 -29
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/CheckBox.tpl.js +1 -2
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/ComboBox.tpl.js +1 -2
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/DateInput.tpl.js +3 -6
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/FileInput.tpl.js +1 -2
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/NumberInput.tpl.js +1 -2
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/SearchInput.tpl.js +1 -2
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/TextArea.tpl.js +1 -2
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/TextInput.tpl.js +1 -2
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +20 -1
- package/dist/collection/components/ez-grid/controller/ag-grid/mock/Server.js +1 -1
- package/dist/collection/components/ez-grid/ez-grid.js +366 -352
- package/dist/collection/components/ez-guide-navigator/ez-guide-navigator.js +120 -125
- package/dist/collection/components/ez-icon/ez-icon.js +68 -64
- package/dist/collection/components/ez-list/ez-list.js +246 -266
- package/dist/collection/components/ez-loading-bar/ez-loading-bar.js +49 -42
- package/dist/collection/components/ez-modal/ez-modal.js +143 -143
- package/dist/collection/components/ez-modal-container/ez-modal-container.js +153 -155
- package/dist/collection/components/ez-number-input/ez-number-input.js +246 -233
- package/dist/collection/components/ez-popover/ez-popover.js +273 -283
- package/dist/collection/components/ez-popup/ez-popup.js +121 -133
- package/dist/collection/components/ez-radio-button/ez-radio-button.js +123 -126
- package/dist/collection/components/ez-scroller/ez-scroller.js +104 -100
- package/dist/collection/components/ez-search/ez-search.js +260 -259
- package/dist/collection/components/ez-sidebar-button/ez-sidebar-button.js +30 -25
- package/dist/collection/components/ez-tabselector/ez-tabselector.js +115 -106
- package/dist/collection/components/ez-text-area/ez-text-area.js +217 -218
- package/dist/collection/components/ez-text-edit/ez-text-edit.js +109 -96
- package/dist/collection/components/ez-text-input/ez-text-input.js +248 -248
- package/dist/collection/components/ez-time-input/ez-time-input.js +227 -223
- package/dist/collection/components/ez-toast/ez-toast.js +117 -121
- package/dist/collection/components/ez-tree/ez-tree.js +289 -275
- package/dist/collection/components/ez-tree/subcomponents/TreeItem.js +7 -11
- package/dist/collection/components/ez-upload/ez-upload.js +283 -281
- package/dist/collection/components/ez-view-stack/ez-view-stack.js +46 -40
- package/dist/custom-elements/index.js +11121 -6945
- package/dist/esm/ez-actions-button.entry.js +12 -26
- package/dist/esm/ez-alert.entry.js +2 -5
- package/dist/esm/ez-application.entry.js +2 -2
- package/dist/esm/ez-breadcrumb.entry.js +2 -5
- package/dist/esm/ez-button.entry.js +6 -8
- package/dist/esm/ez-calendar.entry.js +2 -14
- package/dist/esm/ez-card-item.entry.js +3 -2
- package/dist/esm/ez-check.entry.js +5 -8
- package/dist/esm/ez-chip.entry.js +8 -11
- package/dist/esm/ez-collapsible-box.entry.js +4 -20
- package/dist/esm/ez-combo-box.entry.js +11 -23
- package/dist/esm/ez-date-input.entry.js +5 -8
- package/dist/esm/ez-date-time-input.entry.js +5 -11
- package/dist/esm/ez-dialog.entry.js +7 -9
- package/dist/esm/ez-dropdown.entry.js +4 -5
- package/dist/esm/ez-file-item.entry.js +5 -8
- package/dist/esm/ez-filter-input_4.entry.js +14 -23
- package/dist/esm/ez-form-view.entry.js +3 -2
- package/dist/esm/ez-form.entry.js +26 -20
- package/dist/esm/ez-grid.entry.js +11131 -6779
- package/dist/esm/ez-guide-navigator.entry.js +3 -11
- package/dist/esm/ez-icon.entry.js +4 -5
- package/dist/esm/ez-list.entry.js +4 -15
- package/dist/esm/ez-loading-bar.entry.js +2 -2
- package/dist/esm/ez-modal-container.entry.js +8 -5
- package/dist/esm/ez-modal.entry.js +7 -14
- package/dist/esm/ez-number-input.entry.js +7 -8
- package/dist/esm/ez-popover.entry.js +11 -30
- package/dist/esm/ez-popup.entry.js +3 -14
- package/dist/esm/ez-radio-button.entry.js +4 -11
- package/dist/esm/ez-search.entry.js +6 -17
- package/dist/esm/ez-tabselector.entry.js +6 -2
- package/dist/esm/ez-text-area.entry.js +5 -14
- package/dist/esm/ez-text-edit.entry.js +5 -2
- package/dist/esm/ez-text-input.entry.js +7 -14
- package/dist/esm/ez-time-input.entry.js +5 -11
- package/dist/esm/ez-toast.entry.js +3 -11
- package/dist/esm/ez-upload.entry.js +9 -5
- package/dist/esm/ez-view-stack.entry.js +2 -2
- package/dist/esm/ezui.js +3 -2
- package/dist/esm/{index-c5203f95.js → index-de655f48.js} +588 -249
- package/dist/esm/loader.js +3 -2
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/p-06b3e801.entry.js +1 -0
- package/dist/ezui/p-07b99b94.entry.js +1 -0
- package/dist/ezui/p-0c7e81fe.entry.js +1 -0
- package/dist/ezui/p-1581fece.entry.js +1 -0
- package/dist/ezui/p-1b95836f.entry.js +1 -0
- package/dist/ezui/p-36f7ec68.entry.js +1 -0
- package/dist/ezui/p-37b4bf04.entry.js +1 -0
- package/dist/ezui/p-493e2af4.entry.js +1 -0
- package/dist/ezui/p-4bfed869.entry.js +1 -0
- package/dist/ezui/p-600f1732.entry.js +1 -0
- package/dist/ezui/p-62481744.entry.js +1 -0
- package/dist/ezui/p-6818dd0a.entry.js +1 -0
- package/dist/ezui/p-695facd0.entry.js +1 -0
- package/dist/ezui/p-7ffd12e7.js +2 -0
- package/dist/ezui/p-82db6de7.entry.js +1 -0
- package/dist/ezui/p-86d29565.entry.js +1 -0
- package/dist/ezui/p-8ca4750d.entry.js +1 -0
- package/dist/ezui/p-9613fae6.entry.js +1 -0
- package/dist/ezui/{p-fc97f773.entry.js → p-a323b415.entry.js} +1 -1
- package/dist/ezui/p-a4b281ca.entry.js +1 -0
- package/dist/ezui/p-a67e056f.entry.js +1 -0
- package/dist/ezui/p-a8c7355e.entry.js +1 -0
- package/dist/ezui/p-ada6e6b0.entry.js +1 -0
- package/dist/ezui/p-b1e4ccf4.entry.js +1 -0
- package/dist/ezui/p-b3c7b243.entry.js +1 -0
- package/dist/ezui/p-b405d9b6.entry.js +304 -0
- package/dist/ezui/p-b941aeee.entry.js +1 -0
- package/dist/ezui/p-c0184982.entry.js +1 -0
- package/dist/ezui/p-c1300e84.entry.js +1 -0
- package/dist/ezui/p-c98e571a.entry.js +1 -0
- package/dist/ezui/p-cc40fcb3.entry.js +1 -0
- package/dist/ezui/p-cc5cfcb7.entry.js +1 -0
- package/dist/ezui/p-d6dd32b2.entry.js +1 -0
- package/dist/ezui/p-db131605.entry.js +1 -0
- package/dist/ezui/{p-ba03ac61.entry.js → p-e0d756d9.entry.js} +1 -1
- package/dist/ezui/p-eceb9382.entry.js +1 -0
- package/dist/ezui/p-f18d39e6.entry.js +1 -0
- package/dist/ezui/p-f670bd32.entry.js +1 -0
- package/dist/ezui/p-fcf6cf57.entry.js +1 -0
- package/dist/ezui/p-fd87638e.entry.js +1 -0
- package/dist/types/components/ez-grid/controller/EzGridController.d.ts +5 -1
- package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +4 -0
- package/dist/types/components.d.ts +195 -63
- package/dist/types/stencil-public-runtime.d.ts +79 -7
- package/loader/index.d.ts +9 -0
- package/loader/package.json +1 -0
- package/package.json +4 -4
- package/react/components.d.ts +0 -1
- package/dist/ezui/p-0cd0545d.entry.js +0 -1
- package/dist/ezui/p-1a27bb9f.entry.js +0 -1
- package/dist/ezui/p-1b94b9dc.entry.js +0 -1
- package/dist/ezui/p-20c01161.entry.js +0 -1
- package/dist/ezui/p-24717f87.entry.js +0 -1
- package/dist/ezui/p-3320768e.entry.js +0 -1
- package/dist/ezui/p-368037b9.entry.js +0 -1
- package/dist/ezui/p-47bcc678.entry.js +0 -1
- package/dist/ezui/p-47ca5e09.entry.js +0 -1
- package/dist/ezui/p-4c444816.entry.js +0 -1
- package/dist/ezui/p-608d13e8.entry.js +0 -1
- package/dist/ezui/p-626b8940.entry.js +0 -1
- package/dist/ezui/p-6414e7cb.entry.js +0 -1
- package/dist/ezui/p-6630eca2.entry.js +0 -1
- package/dist/ezui/p-67b9a2cb.entry.js +0 -1
- package/dist/ezui/p-6f9aba86.entry.js +0 -1
- package/dist/ezui/p-7b80df03.js +0 -1
- package/dist/ezui/p-7d42065a.entry.js +0 -1
- package/dist/ezui/p-97d2d2f6.entry.js +0 -1
- package/dist/ezui/p-99aea44b.entry.js +0 -1
- package/dist/ezui/p-a4b4645d.entry.js +0 -1
- package/dist/ezui/p-ab5eee38.entry.js +0 -1
- package/dist/ezui/p-ad7151e0.entry.js +0 -1
- package/dist/ezui/p-ad8b7412.entry.js +0 -1
- package/dist/ezui/p-ae168e45.entry.js +0 -1
- package/dist/ezui/p-b2e861cb.entry.js +0 -1
- package/dist/ezui/p-b2efb22c.entry.js +0 -1
- package/dist/ezui/p-b5557d33.entry.js +0 -1
- package/dist/ezui/p-bc324ee8.entry.js +0 -304
- package/dist/ezui/p-bd9792e2.entry.js +0 -1
- package/dist/ezui/p-bf8a633d.entry.js +0 -1
- package/dist/ezui/p-c071db26.entry.js +0 -1
- package/dist/ezui/p-c3529df3.entry.js +0 -1
- package/dist/ezui/p-c53b2db8.entry.js +0 -1
- package/dist/ezui/p-ca7435a6.entry.js +0 -1
- package/dist/ezui/p-cc038b32.entry.js +0 -1
- package/dist/ezui/p-e203c89f.entry.js +0 -1
- package/dist/ezui/p-f08de60b.entry.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,f as n,H as s,g as r}from"./p-7b80df03.js";import{Action as o,WaitingChangeException as l,ApplicationContext as a,UserInterface as h,StringUtils as c,DataUnitAction as u,DataUnit as d,ElementIDUtils as f}from"@sankhyalabs/core";import{A as v}from"./p-69a913b8.js";import"./p-ab574d59.js";function p(t){return"Minified Redux error #"+t+"; visit https://redux.js.org/Errors?code="+t+" for the full message or use the non-minified dev environment for full errors. "}var m="function"==typeof Symbol&&Symbol.observable||"@@observable",b=function(){return Math.random().toString(36).substring(7).split("").join(".")},_={INIT:"@@redux/INIT"+b(),REPLACE:"@@redux/REPLACE"+b(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+b()}};function g(t){if("object"!=typeof t||null===t)return!1;for(var e=t;null!==Object.getPrototypeOf(e);)e=Object.getPrototypeOf(e);return Object.getPrototypeOf(t)===e}function y(t,e,i){var n;if("function"==typeof e&&"function"==typeof i||"function"==typeof i&&"function"==typeof arguments[3])throw new Error(p(0));if("function"==typeof e&&void 0===i&&(i=e,e=void 0),void 0!==i){if("function"!=typeof i)throw new Error(p(1));return i(y)(t,e)}if("function"!=typeof t)throw new Error(p(2));var s=t,r=e,o=[],l=o,a=!1;function h(){l===o&&(l=o.slice())}function c(){if(a)throw new Error(p(3));return r}function u(t){if("function"!=typeof t)throw new Error(p(4));if(a)throw new Error(p(5));var e=!0;return h(),l.push(t),function(){if(e){if(a)throw new Error(p(6));e=!1,h();var i=l.indexOf(t);l.splice(i,1),o=null}}}function d(t){if(!g(t))throw new Error(p(7));if(void 0===t.type)throw new Error(p(8));if(a)throw new Error(p(9));try{a=!0,r=s(r,t)}finally{a=!1}for(var e=o=l,i=0;i<e.length;i++)(0,e[i])();return t}function f(t){if("function"!=typeof t)throw new Error(p(10));s=t,d({type:_.REPLACE})}function v(){var t,e=u;return(t={subscribe:function(t){if("object"!=typeof t||null===t)throw new Error(p(11));function i(){t.next&&t.next(c())}return i(),{unsubscribe:e(i)}}})[m]=function(){return this},t}return d({type:_.INIT}),(n={dispatch:d,subscribe:u,getState:c,replaceReducer:f})[m]=v,n}class w{constructor(t){this._invalidFields=new Map,this.onDataUnitEvent=t=>{var e;switch(t.type){case o.DATA_LOADED:case o.DATA_SAVED:case o.RECORDS_REMOVED:case o.RECORDS_ADDED:case o.RECORDS_COPIED:case o.EDITION_CANCELED:case o.SELECTION_CHANGED:case o.NEXT_SELECTED:case o.PREVIOUS_SELECTED:this.clearInvalid();case o.DATA_CHANGED:case o.CHANGE_UNDONE:case o.CHANGE_REDONE:case o.RECORD_LOADED:null===(e=this._fields)||void 0===e||e.forEach((t=>{this.updateValue(t.fieldName,t.field)}))}},this._fields=new Map,this._dataUnit=t,this._dataUnit.subscribe(this.onDataUnitEvent)}bind(t){t.forEach((t=>{this.updateBind(t.dataset.fieldName,t)}))}onDisconnectedCallback(){this._dataUnit.unsubscribe(this.onDataUnitEvent)}markInvalid(t){if(this._invalidFields.set(t.name,t),this._fields.has(t.name)){const e=this._fields.get(t.name).field;e.errorMessage||this.updateErrorMessage(t.name,e)}}clearInvalid(){this._invalidFields.clear(),this._fields.forEach((t=>{t.field.errorMessage=""}))}updateValue(t,e){const i=this._fields.get(t);try{i&&(i.listen=!1),e.value=this._dataUnit.getFieldValue(t),this.updateErrorMessage(t,e)}finally{i&&(i.listen=!0)}}updateErrorMessage(t,e){const i=this._invalidFields.get(t);i&&(e.errorMessage=i.message)}getErrorMessage(t){if(this._fields.has(t))return this._fields.get(t).field.errorMessage||null}updateBind(t,e){const i=this._fields.get(t);i&&i.destroy(),e.value=this._dataUnit.getFieldValue(t),this.updateErrorMessage(t,e),this._fields.set(t,E.create(t,e,((t,e)=>this.changeStarted(t,e)),(t=>this.cancelWaitingChange(t)),((t,e)=>this.setFieldValue(t,e)))),this.bindSearchOptionsLoader(t,e),this.applyEzUploadContext(t,e)}changeStarted(t,e){if(0===this._dataUnit.records.length&&this._dataUnit.addRecord(),!e.blocking&&null==e.promise){const i=this._fields.get(t);i&&(e.promise=new Promise(((t,e)=>{i.waitingChangePromiseResolve=t,i.waitingChangePromiseReject=e})))}this._dataUnit.startChange(t,e)}cancelWaitingChange(t){if(this._dataUnit.waitingForChange(t)){this._dataUnit.cancelWaitingChange(t);const e=this._fields.get(t);e&&e.rejectWaitingChange(new l("Change canceled",t))}}setFieldValue(t,e){if(0===this._dataUnit.records.length&&this._dataUnit.addRecord(),this._invalidFields.delete(t),this._dataUnit.setFieldValue(t,e),this._dataUnit.waitingForChange(t)){const e=this._fields.get(t);e&&e.acceptWaitingChange()}}bindSearchOptionsLoader(t,e){if("EZ-SEARCH"===e.nodeName&&null==e.optionLoader){const i=a.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");i&&(e.optionLoader=e=>i(e,t,this._dataUnit))}}applyEzUploadContext(t,e){var i,n;if("EZ-UPLOAD"===e.nodeName){e.urlUpload=a.getContextValue("__EZUI__UPLOAD__ADD__URL__"),e.urlDelete=a.getContextValue("__EZUI__UPLOAD__DEL__URL__");const s=this._dataUnit.getField(t),r=null===(i=s.properties)||void 0===i?void 0:i.DESTINATION;r&&(e.requestHeaders={XTRAINF:`{"destination": "${r}"}`}),e.maxFiles=(null===(n=s.properties)||void 0===n?void 0:n.MAX_FILES)||0}}}class E{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(t){this.waitingChangePromiseReject&&(this.waitingChangePromiseReject(t),this.waitingChangePromiseReject=void 0,this.waitingChangePromiseResolve=void 0)}static create(t,e,i,n,s){const r=new E;return r.field=e,r.fieldName=t,r.startChangeListener=e=>{r.listen&&i(t,e.detail)},r.field.addEventListener(r.startChangeEventName,r.startChangeListener),r.cancelWaitingChangeListener=()=>{r.listen&&n(t)},r.field.addEventListener(r.cancelWaitingChangeEventName,r.cancelWaitingChangeListener),r.changeListener=e=>{r.listen&&s(t,e.detail)},r.field.addEventListener(r.changeEventName,r.changeListener),r}}const O={};function C(t=O,e){switch(e.type){case R.METADATA_LOADED:return Object.assign(Object.assign({},t),{formMetadata:e.payload,currentSheet:void 0});case R.CHANGE_TAB:return Object.assign(Object.assign({},t),{currentSheet:e.payload});default:return t}}function A(t){return{type:R.CHANGE_TAB,payload:"string"==typeof t?t:t.tabKey}}function z(t){return t.formMetadata}function j(t){return t.currentSheet}var R;!function(t){t.METADATA_LOADED="FORM/METADATA_LOADED",t.CHANGE_TAB="FORM/CHANGE_TAB"}(R||(R={}));class x{constructor(){this._sheets=new Map,this._requiredFields=[],this._cleanOnCopyFields=[],this._defaultValues={}}getSheet(t){return this._sheets.get(t)}getAllSheets(){return this._sheets}addSheet(t){this._sheets.set(t.name,t),this._requiredFields=this._requiredFields.concat(t.requiredFields),this._cleanOnCopyFields=this._cleanOnCopyFields.concat(t.cleanOnCopyFields),this._defaultValues=t.defaultValues}getRequiredFields(){return this._requiredFields}getCleanOnCopyFields(){return this._cleanOnCopyFields}getDefaultValues(){return this._defaultValues}}const M=(t,e)=>{let i,n,{name:s,label:r,group:o}=Object.assign({},e),{readOnly:l,required:a}=Object.assign({},e);return t&&(r=r||t.label,s=s||t.name,a=t.required||(null==e?void 0:e.required),l=t.readOnly||(null==e?void 0:e.readOnly),i=t.properties,n=t.userInterface),{name:s,label:r,group:o,readOnly:l,required:a,props:i,userInterface:n||h.SHORTTEXT}},I=(t,e)=>"__main"==t[0].label?-1:(t[0].order||1e4)-(e[0].order||1e4);let S=class{constructor(i){t(this,i),this.ezReady=e(this,"ezReady",7),this.onDataUnitAction=t=>{t.type===o.METADATA_LOADED&&this.processMetadata()}}validate(){return new Promise(((t,e)=>{var i;const n=this.dataUnit.getModifiedRecords();for(let t=0;t<n.length;t++){const s=n[t],r=[];let o=this.validateRequired(s);if(o&&!o.isValid&&r.push(o),o=null===(i=this.recordsValidator)||void 0===i?void 0:i.validateRecord(this,s),o&&!o.isValid&&r.push(o),r.length>0){this.processValidationResult(r),e();break}}t()}))}observeConfig(){this.processMetadata()}validateRequired(t){const e=z(this._store.getState()),i=this._staticFields.filter((t=>t.dataset.required)).map((t=>t.dataset.fieldName)).concat(e.getRequiredFields()),n=[];if(new Set(i).forEach((e=>{const i=t[e];if(null==i||""===i){const t=this._dataBinder.getErrorMessage(e);n.push(t?{name:e,message:t}:{name:e,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(t){t.forEach((t=>{const e=t.invalidFields;if(e&&e.forEach((t=>{this._dataBinder.markInvalid(t)})),t.infoMessage&&v.info(t.infoMessage),t.errorMessage){const{errorTitle:e,errorMessage:i}=t;v.error(e,i)}}))}resolveLevel(t){return this.levelResolver?this.levelResolver(t):t}getMultiLevelContent(t,e,n){const s=this.resolveLevel(t.map((t=>({id:t.name,label:t.label}))));return i("div",{class:"multi-level__container"},i("div",null,i("ez-tree",{selectedId:null==e?void 0:e.name,items:s,onEzChange:t=>{var i;const n=null===(i=t.detail)||void 0===i?void 0:i.id;n&&n!==(null==e?void 0:e.name)&&this._store.dispatch(A(n))}})),i("div",null,this.buildFormContent(n,e)))}getDynamicContent(){var t,e;const n=z(this._store.getState());if(!n)return null;const s=Array.from(n.getAllSheets().values()),r=j(null===(t=this._store)||void 0===t?void 0:t.getState()),o=function(t){const e=j(t);return e?t.formMetadata.getSheet(e):Array.from(t.formMetadata.getAllSheets().values())[0]}(null===(e=this._store)||void 0===e?void 0:e.getState());if(this.multiLevel)return this.getMultiLevelContent(s,o,r);let l=[];if(s.length>1){const t=s.map(((t,e)=>({tabKey:t.name,label:t.label,index:e}))),e="selector";l.push(i("ez-tabselector",{tabs:this.buildIdTabSelector(t),onEzChange:t=>this._store.dispatch(A(t.detail)),selectedTab:o.name,"data-element-id":e}))}return l=l.concat(this.buildFormContent(r,o)),l}buildFormContent(t,e){const n=null==e?void 0:e.fields;if(null!=this.contentBuilder){const e=this.contentBuilder(t,n);if(null!=e)return i("div",{innerHTML:e})}if(null==e)return;const s=`${c.replaceAccentuatedChars(c.toCamelCase(null==e?void 0:e.label),!1)}_selectorContainer`;return i("div",{class:"dynamic-content ez-box__container","data-element-id":s},i("ez-form-view",{class:"ez-row ez-padding-vertical--small",fields:n}))}processMetadata(){if(!this.isStatic()&&this.dataUnit&&this._store){const t=null!=this.config&&Object.values(this.config).length>0?((t,e)=>{var i,n;const s=new Map,r=new Map,o=[],l=[],a={};null===(i=null==t?void 0:t.tabs)||void 0===i||i.forEach((t=>{r.has(t.label)||!1!==t.visible||r.set(t.label,t)})),null===(n=null==t?void 0:t.fields)||void 0===n||n.forEach((t=>{var i,n,h,c;if(!1!==t.visible){const u=((t,e)=>("string"==typeof t?Array.from(e.keys()).find((e=>e.label===t)):t)||{label:t,visible:!0})(t.tab||"__main",s);if(r.has(u.label))return;const d=e.getField(t.name);if(d&&u.visible){s.has(u)||s.set(u,[]);const e=M(d,t);s.get(u).push(e),e.required&&o.push(t.name),((null==t.cleanOnCopy?null===(i=d.properties)||void 0===i?void 0:i.cleanOnCopy:t.cleanOnCopy)||(null===(n=d.properties)||void 0===n?void 0:n.autoNum)||(null===(h=d.properties)||void 0===h?void 0:h.cleanOnCopy))&&l.push(t.name),(null==t.defaultValue?null===(c=d.properties)||void 0===c?void 0:c.defaultValue:t.defaultValue)&&(a[t.name]=t.defaultValue)}}}));const h=new x;return Array.from(s.entries()).sort(I).forEach((([t,e])=>{h.addSheet({label:"__main"===t.label?"Principal":t.label,name:t.label,fields:e,requiredFields:o,cleanOnCopyFields:l,defaultValues:a})})),h})(this.config,this.dataUnit):(()=>{const t=this.dataUnit.metadata,e=new x;if(t){const i=(t.fields||[]).filter((t=>!1!==t.visible)),n=i.map((t=>M(t)));let s={};i.filter((t=>t.defaultValue)).forEach((t=>s[t.name]=t.defaultValue)),e.addSheet({name:t.name,label:t.label,fields:n,requiredFields:i.filter((t=>t.required)).map((t=>t.name)),cleanOnCopyFields:i.filter((t=>{var e,i;return(null===(e=t.properties)||void 0===e?void 0:e.cleanOnCopy)||(null===(i=t.properties)||void 0===i?void 0:i.autoNum)})).map((t=>t.name)),defaultValues:s})}return e})();this._store.dispatch({type:R.METADATA_LOADED,payload:t})}}isStatic(){var t;return(null===(t=this._staticFields)||void 0===t?void 0:t.length)>0}getFormattedValue(t){return null==t||"object"!=typeof t?t:"formattedValue"in t?t.formattedValue:t.value}interceptAction(t){if(t.type===o.RECORDS_COPIED){const e=z(this._store.getState()).getCleanOnCopyFields();if(e)return new u(o.RECORDS_COPIED,t.payload.map((t=>{const i=Object.assign({},t);return e.forEach((t=>delete i[t])),i})))}if(t.type===o.SAVING_DATA)return new Promise((e=>{this.validate().then((()=>e(t))).catch((()=>{}))}));if(t.type===o.RECORDS_ADDED){const e=z(this._store.getState()),i=null==e?void 0:e.getDefaultValues();if(i)return new u(o.RECORDS_ADDED,t.payload.map((t=>{const e=Object.assign({},t);for(const t in i){const n=this.getFormattedValue(i[t]),s="function"==typeof n?n():n;e[t]=this.dataUnit.valueFromString(t,s)}return e})))}return t}componentWillLoad(){void 0===this.dataUnit&&(this.dataUnit=new d("ez-form")),this.dataUnit.addInterceptor(this),this.dataUnit.subscribe(this.onDataUnitAction),this._dataBinder=new w(this.dataUnit),this._store=y(C),this._store.subscribe((()=>n(this))),this._staticFields=Array.from(this._element.querySelectorAll("[data-field-name]")),this.processMetadata(),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(t){return t&&t.forEach((t=>t[f.DATA_ELEMENT_ID_ATTRIBUTE_NAME]=c.toCamelCase(t.label))),t}render(){return i(s,null,this.isStatic()?null:this.getDynamicContent())}get _element(){return r(this)}static get watchers(){return{config:["observeConfig"]}}};S.style=".sc-ez-form-h{display:flex;flex-direction:column;width:100%}.dynamic-content.sc-ez-form ez-collapsible-box.sc-ez-form{--ez-collapsible-box__header--padding-right:var(--space-small, 6px);--ez-collapsible-box__header--padding-left:var(--space-small, 6px)}.multi-level__container.sc-ez-form{display:grid;grid-template-columns:minmax(20%, 300px) auto;width:100%}";export{S as ez_form}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as o,H as n,g as t}from"./p-7b80df03.js";import{StringUtils as c,ElementIDUtils as i}from"@sankhyalabs/core";let r=class{constructor(o){e(this,o),this.size="medium"}isSprite(){return this.href&&this.href.indexOf("#")>-1}getIconClassName(){return`ez-icon-${this.iconName}`}getIconContent(){return this.isSprite()?o("svg",{class:this.size,role:"img"},o("use",{xlinkHref:this.href})):c.isEmpty(this.iconName)?o("img",{class:this.size,src:this.href}):o("span",{class:`icon-content ${this.getIconClassName()} ${this.size}--font`})}componentWillRender(){i.addIDInfo(this._hostElement,"icon")}render(){return o(n,null,this.getIconContent())}get _hostElement(){return t(this)}};r.style=':host{display:flex;overflow:hidden;position:relative;--ez-icon--color:var(--icon--color, #ffffff)}svg{display:flex;justify-content:center;align-items:center;fill:var(--ez-icon--color)}.x-small{width:12px;height:12px}.small{width:16px;height:16px}.medium{width:20px;height:20px}.large{width:24px;height:24px}.x-large{width:30px;height:30px}[class^="ez-icon-"],[class*=" ez-icon-"]{color:var(--ez-icon--color)}[class^="ez-icon-"],[class*=" ez-icon-"]{font-family:\'ez-icons\' !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ez-icon-2chevron-down:before{content:"\\ea01"}.ez-icon-2chevron-up:before{content:"\\ea02"}.ez-icon-account-outline:before{content:"\\ea03"}.ez-icon-account:before{content:"\\ea04"}.ez-icon-actions-sprite-v1:before{content:"\\ea05"}.ez-icon-alert-circle-inverted:before{content:"\\ea06"}.ez-icon-alert-circle:before{content:"\\ea07"}.ez-icon-alert-mail:before{content:"\\ea08"}.ez-icon-alert-popup:before{content:"\\ea09"}.ez-icon-anexo:before{content:"\\ea0a"}.ez-icon-antecipação:before{content:"\\ea0b"}.ez-icon-apps:before{content:"\\ea0c"}.ez-icon-arrow_back:before{content:"\\ea0d"}.ez-icon-arrow_downward:before{content:"\\ea0e"}.ez-icon-baixa:before{content:"\\ea0f"}.ez-icon-balance:before{content:"\\ea10"}.ez-icon-bell-inverted:before{content:"\\ea11"}.ez-icon-bell:before{content:"\\ea12"}.ez-icon-boleto:before{content:"\\ea13"}.ez-icon-business-center:before{content:"\\ea14"}.ez-icon-calendar-clock:before{content:"\\ea15"}.ez-icon-calendar:before{content:"\\ea16"}.ez-icon-cash-remove:before{content:"\\ea17"}.ez-icon-check-circle-inverted:before{content:"\\ea18"}.ez-icon-check-circle:before{content:"\\ea19"}.ez-icon-check:before{content:"\\ea1a"}.ez-icon-chevron-down:before{content:"\\ea1b"}.ez-icon-chevron-left:before{content:"\\ea1c"}.ez-icon-chevron-right:before{content:"\\ea1d"}.ez-icon-chevron-up:before{content:"\\ea1e"}.ez-icon-circle--medium:before{content:"\\ea1f"}.ez-icon-circle:before{content:"\\ea20"}.ez-icon-cleaning:before{content:"\\ea21"}.ez-icon-clipboard:before{content:"\\ea22"}.ez-icon-close:before{content:"\\ea23"}.ez-icon-cobrar:before{content:"\\ea24"}.ez-icon-code:before{content:"\\ea25"}.ez-icon-configuration:before{content:"\\ea26"}.ez-icon-copy:before{content:"\\ea27"}.ez-icon-credit_card:before{content:"\\ea28"}.ez-icon-crop:before{content:"\\ea29"}.ez-icon-custom:before{content:"\\ea2a"}.ez-icon-delete:before{content:"\\ea2b"}.ez-icon-description:before{content:"\\ea2c"}.ez-icon-dividir:before{content:"\\ea2d"}.ez-icon-docx:before{content:"\\ea2e"}.ez-icon-dot-notification:before{content:"\\ea2f"}.ez-icon-dots-horizontal:before{content:"\\ea30"}.ez-icon-dots-vertical:before{content:"\\ea31"}.ez-icon-drag-indicator:before{content:"\\ea32"}.ez-icon-dual-chevron-down:before{content:"\\ea33"}.ez-icon-dual-chevron-up:before{content:"\\ea34"}.ez-icon-edit-file:before{content:"\\ea35"}.ez-icon-edit-table:before{content:"\\ea36"}.ez-icon-edit-time:before{content:"\\ea37"}.ez-icon-edit:before{content:"\\ea38"}.ez-icon-email:before{content:"\\ea39"}.ez-icon-estorno:before{content:"\\ea3a"}.ez-icon-exe:before{content:"\\ea3b"}.ez-icon-expand:before{content:"\\ea3c"}.ez-icon-expandir_card:before{content:"\\ea3d"}.ez-icon-extrato:before{content:"\\ea3e"}.ez-icon-eye-off:before{content:"\\ea3f"}.ez-icon-eye:before{content:"\\ea40"}.ez-icon-favorite:before{content:"\\ea41"}.ez-icon-figma:before{content:"\\ea42"}.ez-icon-file-download:before{content:"\\ea43"}.ez-icon-file-upload:before{content:"\\ea44"}.ez-icon-filter:before{content:"\\ea45"}.ez-icon-find-file:before{content:"\\ea46"}.ez-icon-find-page:before{content:"\\ea47"}.ez-icon-format-color-fill:before{content:"\\ea48"}.ez-icon-generic:before{content:"\\ea49"}.ez-icon-gif:before{content:"\\ea4a"}.ez-icon-graph_bar:before{content:"\\ea4b"}.ez-icon-handshake:before{content:"\\ea4c"}.ez-icon-help-inverted:before{content:"\\ea4d"}.ez-icon-help:before{content:"\\ea4e"}.ez-icon-hide_menu:before{content:"\\ea4f"}.ez-icon-home:before{content:"\\ea50"}.ez-icon-icons104:before{content:"\\ea51"}.ez-icon-language:before{content:"\\ea52"}.ez-icon-launch:before{content:"\\ea53"}.ez-icon-lightbulb:before{content:"\\ea54"}.ez-icon-list:before{content:"\\ea55"}.ez-icon-location:before{content:"\\ea56"}.ez-icon-lock-outline:before{content:"\\ea57"}.ez-icon-lock:before{content:"\\ea58"}.ez-icon-menu:before{content:"\\ea59"}.ez-icon-mid:before{content:"\\ea5a"}.ez-icon-minus:before{content:"\\ea5b"}.ez-icon-money-off:before{content:"\\ea5c"}.ez-icon-money:before{content:"\\ea5d"}.ez-icon-more:before{content:"\\ea5e"}.ez-icon-mp3:before{content:"\\ea5f"}.ez-icon-mp4:before{content:"\\ea60"}.ez-icon-north-west:before{content:"\\ea61"}.ez-icon-number:before{content:"\\ea62"}.ez-icon-ordem-ascendente:before{content:"\\ea63"}.ez-icon-ordem-descendente:before{content:"\\ea64"}.ez-icon-parcelar:before{content:"\\ea65"}.ez-icon-pause:before{content:"\\ea66"}.ez-icon-payments:before{content:"\\ea67"}.ez-icon-pdf:before{content:"\\ea68"}.ez-icon-play:before{content:"\\ea69"}.ez-icon-plus:before{content:"\\ea6a"}.ez-icon-png:before{content:"\\ea6b"}.ez-icon-power:before{content:"\\ea6c"}.ez-icon-pptx:before{content:"\\ea6d"}.ez-icon-print:before{content:"\\ea6e"}.ez-icon-push-pin:before{content:"\\ea6f"}.ez-icon-rateio:before{content:"\\ea70"}.ez-icon-receipt:before{content:"\\ea71"}.ez-icon-recolher_card:before{content:"\\ea72"}.ez-icon-restore:before{content:"\\ea73"}.ez-icon-return:before{content:"\\ea74"}.ez-icon-save:before{content:"\\ea75"}.ez-icon-search:before{content:"\\ea76"}.ez-icon-settings-inverted:before{content:"\\ea77"}.ez-icon-settings:before{content:"\\ea78"}.ez-icon-share:before{content:"\\ea79"}.ez-icon-shield:before{content:"\\ea7a"}.ez-icon-show_menu:before{content:"\\ea7b"}.ez-icon-south-east:before{content:"\\ea7c"}.ez-icon-sync:before{content:"\\ea7d"}.ez-icon-table:before{content:"\\ea7e"}.ez-icon-tag_code:before{content:"\\ea7f"}.ez-icon-text:before{content:"\\ea80"}.ez-icon-timeline:before{content:"\\ea81"}.ez-icon-timer-outline:before{content:"\\ea82"}.ez-icon-tune:before{content:"\\ea83"}.ez-icon-txt:before{content:"\\ea84"}.ez-icon-un-pin:before{content:"\\ea85"}.ez-icon-unfold_less:before{content:"\\ea86"}.ez-icon-unfold_more:before{content:"\\ea87"}.ez-icon-user-circle:before{content:"\\ea88"}.ez-icon-warning-outline:before{content:"\\ea89"}.ez-icon-warning_triangle:before{content:"\\ea8a"}.ez-icon-whatshot:before{content:"\\ea8b"}.ez-icon-xlsx:before{content:"\\ea8c"}.ez-icon-zip:before{content:"\\ea8d"}.x-small--font{font-size:12px}.small--font{font-size:16px}.medium--font{font-size:20px}.large--font{font-size:24px}.x-large--font{font-size:30px}';export{r as ez_icon}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as e,g as a}from"./p-7b80df03.js";import{ElementIDUtils as o,StringUtils as r}from"@sankhyalabs/core";let n=class{constructor(s){t(this,s),this.ezChange=i(this,"ezChange",7),this.setFocusedParam=t=>{if("Enter"===t.key){const i=this._processedTabs[this._focusedIndex];this.handleTabClick(i),t.preventDefault(),this.setFocusedTab(i.index)}else if("ArrowLeft"===t.key||"ArrowRight"===t.key){let i;if("ArrowLeft"===t.key)i=!1;else{if("ArrowRight"!==t.key)return;i=!0}this._focusedIndex=void 0===this._focusedIndex?!1===i?void 0!==this.selectedIndex?this.selectedIndex-1:void 0:void 0!==this.selectedIndex?this.selectedIndex+1:void 0:!1===i?this._focusedIndex-1:this._focusedIndex+1,this._focusedIndex<0?this._focusedIndex=0:this._focusedIndex>this._processedTabs.length-1&&(this._focusedIndex=this._processedTabs.length-1),this.setFocusedBtn(!0,this._focusedIndex),this.setFocusedTab(this._focusedIndex)}else if("Tab"===t.key||"Escape"===t.key){const i=this._processedTabs[this.selectedIndex];this._focusedIndex=void 0,this.handleTabClick(i),t.preventDefault(),this.setFocusedTab(this.selectedIndex)}}}observeTabs(t){t&&"string"!=typeof t&&(this._processedTabs=t)}handleTabClick(t){this.selectedIndex=t.index,this._focusedIndex=void 0,this.selectedTab=t.tabKey,this.ezChange.emit(t),this.setFocusedBtn(!1,t.index)}componentWillRender(){this._processedTabs||(this.tabs&&(Array.isArray(this.tabs)?this._processedTabs=[...this.tabs]:(this._processedTabs=[],this.tabs.split(",").forEach((t=>{t=t.trim(),this._processedTabs.push({label:t,tabKey:t,index:this._processedTabs.length}),this.buildElementIdTab(this._processedTabs)})))),this._hostElem.querySelectorAll("ez-tab").forEach((t=>{const i=t.getAttribute("tabKey"),s={label:t.getAttribute("label"),tabKey:i,leftIcon:t.getAttribute("leftIcon"),rightIcon:t.getAttribute("rightIcon"),index:this._processedTabs.length},e=t.firstChild;e&&(e.setAttribute("slot","tab"+s.index),this._hostElem.appendChild(e)),this._processedTabs.push(s),this.buildElementIdTab(this._processedTabs)})))}componentDidRender(){this.updateScroll()}componentDidLoad(){o.addIDInfo(this._hostElem,"itemsSelector"),this._hostElem.shadowRoot.querySelectorAll('button[name="tab-button"]').forEach((t=>{var i;const s=null===(i=t.querySelector("span.tab-label"))||void 0===i?void 0:i.innerText,e={id:`${r.toCamelCase(s)}`};o.addIDInfo(t,"itemSelector",e)}))}handleSlotChange(t){const i=t.target.assignedElements()[0];i&&(i.style.marginLeft="6px")}scrollBackward(){const t=this._scrollContainer;t&&(t.scrollLeft-=t.clientWidth)}scrollFoward(){const t=this._scrollContainer;if(t){let i=null;t.querySelectorAll(".tab").forEach((s=>{s.getBoundingClientRect().right<t.clientWidth&&(i=s)})),t.scrollLeft=i.offsetLeft+i.offsetWidth}}updateScroll(){const t=this._scrollContainer;if(t){const{scrollWidth:i,clientWidth:s,scrollLeft:e}=t,a=i-s-Math.ceil(e);this._startHidden=t.scrollLeft>0,this._endHidden=a>0,this._startHidden?this._backwardButton.classList.remove("hidden"):this._backwardButton.classList.add("hidden"),this._endHidden?this._forwardButton.classList.remove("hidden"):this._forwardButton.classList.add("hidden");const o=["","startHidden","endHidden","middle"],r=o[Number(this._startHidden)|Number(this._endHidden)<<1];o.forEach((i=>{i!==r&&t.classList.contains(i)&&t.classList.remove(i)})),r&&!t.classList.contains(r)&&t.classList.add(r)}}domScrollHandler(){window.clearTimeout(this._scrollCallBack),this._scrollCallBack=window.setTimeout((()=>{this.updateScroll()}),200)}setFocusedTab(t){window.clearTimeout(this._scrollCallBackTest),this._scrollCallBackTest=window.setTimeout((()=>{this._scrollContainer.querySelector(`#tab${t}`).scrollIntoView()}),200)}getTextWidth(t){void 0===this._textMesurement&&(this._textMesurement=this._hostElem.shadowRoot.ownerDocument.createElement("canvas"));const i=this._textMesurement.getContext("2d");return i.font="14px Sora, Algerian",Math.min(220,24+i.measureText(t).width)+"px"}setFocusedBtn(t,i){this._scrollContainer.querySelectorAll(".tab").forEach((s=>{s.classList.remove("is-focused"),s.id==="tab"+i&&t&&s.classList.add("is-focused")}))}buildElementIdTab(t){t.forEach((t=>{if(!t.hasOwnProperty(o.DATA_ELEMENT_ID_ATTRIBUTE_NAME)){const i=`${this._hostElem.getAttribute(o.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_${r.toCamelCase(t.tabKey)}`;t[o.DATA_ELEMENT_ID_ATTRIBUTE_NAME]=i}}))}render(){return s(e,null,s("button",{class:"backward-button",ref:t=>this._backwardButton=t,onClick:()=>this.scrollBackward()}),s("div",{class:"scroll",ref:t=>this._scrollContainer=t,onScroll:()=>this.domScrollHandler(),onKeyDown:t=>this.setFocusedParam(t)},this._processedTabs.map(((t,i)=>{const e={"min-width":this.getTextWidth(t.label)},a="tab"+i,o=i===this.selectedIndex||this.selectedTab&&t.tabKey===this.selectedTab;return o&&(this.selectedTab=t.tabKey,this.selectedIndex=i),s("button",{id:a,name:"tab-button",class:"tab"+(o?" is-active":""),onClick:()=>this.handleTabClick(t),style:e},t.leftIcon&&s("ez-icon",{iconName:t.leftIcon,class:"left-icon"}),s("span",{class:"tab-label",title:t.label},t.label),t.rightIcon&&s("ez-icon",{iconName:t.rightIcon,class:"right-icon"}),s("slot",{name:a,onSlotchange:t=>{this.handleSlotChange(t)}}))}))),s("button",{class:"forward-button",ref:t=>this._forwardButton=t,onClick:()=>this.scrollFoward()}))}get _hostElem(){return a(this)}static get watchers(){return{tabs:["observeTabs"]}}};n.style='@keyframes activate{0%{clip-path:inset(calc(100% - 3px) 50% 0px 50%)}100%{clip-path:inset(calc(100% - 3px) 0px 0px 0px)}}:host{display:flex;position:relative;width:100%;overflow:hidden;--tabselector--backward-icon:url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="10px"><path d="M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z"/></svg>\');--tabselector--forward-icon:url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="10px"><path d="M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z"/></svg>\')}.scroll{display:flex;width:100%;scroll-behavior:smooth;overflow-x:auto;scrollbar-width:none}.scroll.startHidden{-webkit-mask-image:linear-gradient(90deg, transparent 20px, #000 48px)}.scroll.middle{-webkit-mask-image:linear-gradient(90deg, transparent 20px, #000 48px, #000 calc(100% - 48px), transparent calc(100% - 20px))}.scroll.endHidden{-webkit-mask-image:linear-gradient(90deg, #000 calc(100% - 48px), transparent calc(100% - 20px))}.tab{display:flex;border:none;min-width:100px;background-color:unset;cursor:pointer;padding:6px 12px;align-items:center;justify-content:center;color:var(--text--primary, #626e82);font-family:var(--font-pattern, "Roboto");font-size:var(--title--small, 14px)}.tab:focus,.forward-button,.backward-button{outline:none}.is-active{position:relative;color:var(--color--primary, #008561)}.is-active::after{content:"";position:absolute;width:100%;height:100%;background-color:var(--color--primary, #008561);clip-path:inset(calc(100% - 3px) 0px 0px 0px);animation:activate 0.25s ease-in-out}.is-focused{border:1px dashed var(--color--primary, #000000c5)}.tab-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:var(--text-shadow);margin-bottom:var(--space--extra-small, 3px)}.forward-button,.backward-button{position:absolute;z-index:1;display:flex;box-sizing:border-box;padding:0px;top:0px;right:0px;width:16px;height:100%;border:none;background-color:unset;cursor:pointer;justify-content:center;align-items:center}.backward-button{left:0px}.forward-button::after,.backward-button::after{content:\'\';display:flex;background-color:var(--text--primary, #008561);width:10px;height:16px}.forward-button::after{-webkit-mask-image:var(--tabselector--forward-icon);mask-image:var(--tabselector--forward-icon)}.backward-button::after{-webkit-mask-image:var(--tabselector--backward-icon);mask-image:var(--tabselector--backward-icon)}.forward-button:hover::after,.backward-button:hover::after{background-color:var(--color--primary, #4e4e4e)}.hidden{display:none}.scroll::-webkit-scrollbar{display:none}.left-icon{padding-right:var(--space--small)}.right-icon{padding-left:var(--space--small)}';export{n as ez_tabselector}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as r,h as a,H as e,g as i}from"./p-7b80df03.js";import{ElementIDUtils as t}from"@sankhyalabs/core";let d=class{constructor(a){o(this,a),this.ezChange=r(this,"ezChange",7),this.options=[],this.enabled=!0,this.direction="vertical"}componentDidLoad(){this.hostElement&&t.addIDInfo(this.hostElement,"input")}componentWillRender(){this._options=[...this.options];const o=this.hostElement.querySelectorAll("ez-radio-button-option");o&&o.forEach((o=>{let r=o.getAttribute("label"),a=o.getAttribute("value");this._options.push({label:r,value:a})}))}handleInputChange(o){this.value=o.target.value,this.ezChange.emit(this.value)}render(){return a(e,null,this.label&&a("label",{class:"label"},this.label),a("div",{class:"form form--"+this.direction},this._options.map(((o,r)=>a("div",{class:"form__group"},a("input",{id:"rad"+r,class:"form__radio",name:"theradio",type:"radio",value:o.value,onChange:o=>{this.handleInputChange(o)},disabled:!this.enabled,checked:o.value===this.value,"data-element-id":t.getInternalIDInfo(`input_${o.value}`)}),a("label",{htmlFor:"rad"+r,class:"form__label"},o.label))))))}get hostElement(){return i(this)}};d.style=":host{--ez-radio-button--font-family:var(--font-pattern, Arial);--ez-radio-button--font-size:var(--text--medium, 14px);--ez-radio-button--font-weight:var(--text-weight--large);--ez-radio-button--font-color:var(--title--primary, #2B3A54);--ez-radio-button--padding-vertical:var(--space--medium, 12px);--ez-radio-button--padding-horizontal:var(--space--small, 6px);--ez-radio-button__form-label--font-family:var(--font-pattern, Arial);--ez-radio-button__form-label--font-weight:var(--text-weight--medium, 400);--ez-radio-button__form-label--title-primary:var(--title--primary, #2B3A54);--ez-radio-button__form-label--font-size:var(--text--medium, 14px);--ez-radio-button__form-label--padding-horizontal:var(--space--medium, 12px);--ez-radio-button__form-radio--border-color:var(--title--primary, #2B3A54);--ez-radio-button__form-radio--checked--color:var(--color--primary, #008561);--ez-radio-button__form-radio--disabled--border-color:var(--color--strokes, #dce0e8);--ez-radio-button__form-radio--disabled--background-color:var(--background--medium, #f0f3f7);--ez-radio-button__form-radio--disabled--color:var(--color--strokes, #dce0e8);--ez-radio-button__form-radio--disabled--before--background-color:var(--color--strokes, #dce0e8);--ez-radio-button__form-radio--focus--background-color:var(--color--inverted, #fff);--ez-radio-button__form-radio--checked--box-shadow-color:var(--background--strong, #e4eaf1);--ez-radio-button__form-radio--checked--focus--background-color:var(--color--inverted, #fff);--ez-radio-button__form-radio--checked--focus--box-shadow-color:var(--color--primary-300, #e2f4ef);--ez-radio-button__form-radio--checked--hover--background-color:var(--color--inverted, #fff);--ez-radio-button__form-radio--checked--hover--box-shadow-color:#daece7;--ez-radio-button__form-radio--hover--box-shadow-color:var(--color--strokes, #dce0e8);--ez-radio-button__form-radio--checked--disabled--hover--background-color:var(--background--medium, #f0f3f7);display:flex;width:100%;flex-direction:column;align-items:flex-start;box-sizing:border-box}.form{padding:var(--ez-radio-button--padding-vertical) var(--ez-radio-button--padding-horizontal);gap:var(--ez-radio-button__form-label--padding-horizontal)}.form--vertical{display:flex;flex-direction:column}.form--horizontal{display:flex;flex-direction:row}.form__group{display:flex;align-items:center}.label{font-family:var(--ez-radio-button--font-family);font-size:var(--ez-radio-button--font-size);font-weight:var(--ez-radio-button--font-weight);color:var(--ez-radio-button--font-color)}.form__label{cursor:pointer;font-weight:var(--ez-radio-button__form-label--font-weight);color:var(--ez-radio-button__form-label--title-primary);font-family:var(--ez-radio-button__form-label--font-family);font-size:var(--ez-radio-button__form-label--font-size);padding-left:var(--ez-radio-button__form-label--padding-horizontal);padding-right:var(--ez-radio-button__form-label--padding-horizontal)}.form__radio{cursor:pointer;appearance:none;outline:none;position:relative;display:flex;align-items:center;justify-content:center;margin:0;padding:0;width:20px;height:20px;border-radius:50%;border:2px solid var(--ez-radio-button__form-radio--border-color)}.form__radio::before{content:'';display:block;position:absolute;opacity:0;transition:all 300ms ease-in-out;height:100%;width:100%;border-radius:50%;transform:scale(0.5);background:var(--ez-radio-button__form-radio--checked--color)}.form__radio:checked:before{opacity:1}.form__radio:checked{border:2px solid var(--ez-radio-button__form-radio--checked--color)}.form__radio:disabled{cursor:default;border:2px solid var(--ez-radio-button__form-radio--disabled--border-color);background-color:var(--ez-radio-button__form-radio--disabled--background-color)}.form__radio:disabled:hover{box-shadow:inherit}input[type=radio]:disabled~label{cursor:default;color:var(--ez-radio-button__form-radio--disabled--color)}.form__radio:disabled:before{background:var(--ez-radio-button__form-radio--disabled--before--background-color)}.form__radio:focus{transition:0.25s linear;background-color:var(--ez-radio-button__form-radio--focus--background-color);box-shadow:0px 0px 0px 6px var(--ez-radio-button__form-radio--checked--box-shadow-color)}.form__radio:checked:focus{transition:0.25s linear;background-color:var(--ez-radio-button__form-radio--checked--focus--background-color);box-shadow:0px 0px 0px 6px var(--ez-radio-button__form-radio--checked--focus--box-shadow-color)}.form__radio:checked:hover{transition:0.25s linear;background-color:var(--ez-radio-button__form-radio--checked--hover--background-color);box-shadow:0px 0px 0px 6px var(--ez-radio-button__form-radio--checked--hover--box-shadow-color)}.form__radio:hover{transition:0.25s linear;box-shadow:0px 0px 0px 6px var(--ez-radio-button__form-radio--hover--box-shadow-color)}.form__radio:checked:disabled:hover{box-shadow:none;background-color:var(--ez-radio-button__form-radio--checked--disabled--hover--background-color)}";export{d as ez_radio_button}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,h as t,g as e}from"./p-7b80df03.js";import{ElementIDUtils as n}from"@sankhyalabs/core";let i=class{constructor(t){o(this,t),this.enabled=!0,this.mode="regular"}async setFocus(){this._button.focus()}async setBlur(){this._button.blur()}componentDidLoad(){this._element&&n.addIDInfo(this._element),this._button&&n.addIDInfo(this._button,"button",{id:"embedded"})}getIconSize(o="medium"){const t=this.size&&this.size.toLowerCase();return["small","medium","large"].includes(t)?t:o}handleSlotChange(o){const t=o.target,e=t.assignedElements()[0];e&&("link"==this.mode?(e.style.display="inline","leftIcon"==t.name?e.style.paddingRight="var(--ez-button__inline__icon--padding)":"rightIcon"==t.name&&(e.style.paddingLeft="var(--ez-button__inline__icon--padding)")):e.style.setProperty("--ez-icon--color","var(--ez-icon--color)"))}render(){return"icon"==this.mode?t("button",{class:"btn-icon "+(this.getIconSize()?`btn-icon--${this.getIconSize()}`:""),type:"button",disabled:!this.enabled,ref:o=>this._button=o},t("ez-icon",{class:"icon",href:this.image,iconName:this.iconName,size:this.getIconSize(),onClick:o=>{this.enabled||o.stopPropagation()}})):"label-icon"==this.mode?t("div",{class:"label-icon"},t("button",{class:"btn-icon "+(this.getIconSize()?`btn-icon--${this.getIconSize()}`:""),type:"button",disabled:!this.enabled,ref:o=>this._button=o},t("ez-icon",{class:"icon",href:this.image,iconName:this.iconName,size:this.getIconSize(),onClick:o=>{this.enabled||o.stopPropagation()}})),t("label",{title:this.label},this.label)):"link"==this.mode?t("a",{class:this.getIconSize(),ref:o=>this._button=o},t("slot",{name:"leftIcon",onSlotchange:o=>{this.handleSlotChange(o)}}),this.label,t("slot",{name:"rightIcon",onSlotchange:o=>{this.handleSlotChange(o)}})):t("button",{class:this.getIconSize(""),type:"button",disabled:!this.enabled,ref:o=>this._button=o},t("slot",{name:"leftIcon",onSlotchange:o=>{this.handleSlotChange(o)}}),this.label,t("slot",{name:"rightIcon",onSlotchange:o=>{this.handleSlotChange(o)}}))}get _element(){return e(this)}};i.style=":host{--ez-button--min-width:100px;--ez-button--width:'auto';--ez-button--height:42px;--ez-button__icon--width:18px;--ez-button__inline__icon--padding:12px;--ez-button--padding-top:0px;--ez-button--padding-bottom:0px;--ez-button--padding-right:var(--space--large, 24px);--ez-button--padding-left:var(--space--large, 24px);--ez-button--color:var(--title--primary, #FFF);--ez-button--font-size:var(--text--medium, 14px);--ez-button--font-family:var(--font-pattern, Arial);--ez-button--font-weight:var(--text-weight--large);--ez-button--background-color:var(--background--medium, #c0c0c0);--ez-button--border-radius:var(--border--radius-large, 12px);--ez-button--border:none;--ez-button--justify-content:center;--ez-button--hover-color:var(--color--primary-600);--ez-button--hover--background-color:var(--background--medium, var(--ez-button--background-color));--ez-button--disabled-color:var(--text--disable);--ez-button--disabled--background-color:var(--color--disable-secondary);--ez-button--focus--border:var(--border--xlarge, 4px solid) var(--color--primary-300);--ez-button--focus--box-shadow:none;--ez-button--active-color:var(--color--primary-700);--ez-button--active--background-color:var(--background--strong);--ez-button--link-color:var(--color--primary, '#008561');--ez-button--link--hover-color:var(--color--primary-700, '#1C1D22');--ez-button--link--small--font-size:var(--text--small, 12px);--ez-button--link--medium--font-size:var(--text--medium, 14px);--ez-button--link--large--font-size:var(--text--large, 16px)}ez-icon{--ez-icon--color:inherit}button{position:relative;display:flex;align-items:center;margin:0;cursor:pointer;transition:background-color 0.2s linear;white-space:nowrap;min-width:var(--ez-button--min-width);width:var(--ez-button--width);height:var(--ez-button--height);font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight);padding:var(--ez-button--padding-top) var(--ez-button--padding-right) var(--ez-button--padding-bottom) var(--ez-button--padding-left);border-radius:var(--ez-button--border-radius);background-color:var(--ez-button--background-color);color:var(--ez-button--color);fill:var(--ez-button--color);border:var(--ez-button--border);justify-content:var(--ez-button--justify-content)}button:focus{outline:var(--ez-button--focus--border);box-shadow:var(--ez-button--focus--box-shadow)}button:hover{outline:none;background-color:var(--ez-button--hover--background-color);color:var(--ez-button--hover-color);fill:var(--ez-button--hover-color);--ez-icon--color:var(--ez-button--hover-color)}button:active{outline:none;box-shadow:none;background-color:var(--ez-button--active--background-color);color:var(--ez-button--active-color);fill:var(--ez-button--active-color);--ez-icon--color:var(--ez-button--active-color)}button:disabled{background-color:var(--ez-button--disabled--background-color);color:var(--ez-button--disabled-color);fill:var(--ez-button--disabled-color);border:none;--ez-icon--color:var(--ez-button--disabled-color);cursor:no-drop}.small{height:32px;--ez-button--font-size:var(--text--small, 12px)}.medium{height:42px}.large{height:46px}.btn-icon{padding:0px}.btn-icon--medium{width:42px;min-width:42px;height:42px}.btn-icon--small{width:32px;min-width:32px;height:32px}.btn-icon--large{width:46px;min-width:46px;height:46px}.label-icon{display:flex;flex-direction:column;align-items:center;color:var(--ez-button--color)}.label-icon:hover{color:var(--ez-button--hover-color);fill:var(--ez-button--hover-color);--ez-icon--color:var(--ez-button--hover-color)}.label-icon:active{color:var(--ez-button--active-color);fill:var(--ez-button--active-color);--ez-icon--color:var(--ez-button--active-color)}.label-icon label{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight);user-select:none}button:disabled+label{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight);color:var(--ez-button--disabled-color);cursor:no-drop}div.label-icon{cursor:pointer}div.label-icon,button:disabled{cursor:no-drop}a{font-family:var(--ez-button--font-family);font-weight:var(--ez-button--font-weight);color:var(--ez-button--link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;}a:hover{color:var(--ez-button--link--hover-color)}a.small{font-size:var(--ez-button--link--small--font-size);line-height:var(--ez-button--link--small--font-size)}a.medium{font-size:var(--ez-button--link--medium--font-size);line-height:var(--ez-button--link--medium--font-size)}a.large{font-size:var(--ez-button--link--large--font-size);line-height:var(--ez-button--link--large--font-size)}";export{i as ez_button}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,H as o}from"./p-7b80df03.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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as o,H as i}from"./p-7b80df03.js";var n;!function(e){e.CLOSE="CLOSE",e.OK="OK",e.CANCEL="CANCEL",e.LOAD="LOAD"}(n||(n={}));const a=n;var s;!function(e){e.ENABLED="ENABLED",e.DISABLED="DISABLED",e.HIDDEN="HIDDEN"}(s||(s={}));const l=s;let r=class{constructor(o){e(this,o),this.ezModalAction=t(this,"ezModalAction",7),this.showTitleBar=!0}cancelIsVisible(){return this.cancelButtonStatus!==l.HIDDEN&&null!=this.cancelButtonLabel}okIsVisible(){return this.okButtonStatus!==l.HIDDEN&&null!=this.okButtonLabel}componentDidLoad(){window.requestAnimationFrame((()=>{this.ezModalAction.emit(a.LOAD)}))}focusLast(e){this._okButton.setFocus()}focusFirst(e){this._closeButton.focus()}render(){return o(i,null,o("button",{class:"ez-modal-container__focus-ctrl",onFocusin:e=>this.focusLast(e)}),this.showTitleBar&&o("div",{class:"ez-modal-container__header ez-margin-bottom--large ez-align--middle"},o("div",{class:"ez-col ez-align--middle ez-modal-container__title"},o("h2",{class:"ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small"},this.modalTitle),this.modalSubTitle?o("div",{class:"ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small"},this.modalSubTitle):void 0),o("button",{ref:e=>this._closeButton=e,class:"ez-modal-container__close-button",onClick:()=>this.ezModalAction.emit(a.CLOSE)},o("ez-icon",{class:"ez-modal-container__close-icon",size:"medium",iconName:"close"}))),o("div",{class:"ez-modal-container__content"},o("slot",null)),o("div",{class:"ez-flex ez-flex--justify-end"},this.cancelIsVisible()?o("ez-button",{label:this.cancelButtonLabel,enabled:this.cancelButtonStatus!==l.DISABLED,onClick:()=>this.ezModalAction.emit(a.CANCEL)}):void 0,this.okIsVisible()?o("ez-button",{ref:e=>this._okButton=e,label:this.okButtonLabel,enabled:this.okButtonStatus!==l.DISABLED,class:"ez-button--primary ez-margin-left--medium",onClick:()=>this.ezModalAction.emit(a.OK)}):void 0),o("button",{class:"ez-modal-container__focus-ctrl",onFocusin:e=>this.focusFirst(e)}))}};r.style=".sc-ez-modal-container-h{display:grid;grid-template-rows:0 auto 1fr auto;width:100%;height:100%}.ez-modal-container__header.sc-ez-modal-container{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between}.ez-modal-container__content.sc-ez-modal-container{overflow-y:auto;scrollbar-gutter:stable}.ez-modal-container__title.sc-ez-modal-container{display:grid}.ez-modal-container__close-button.sc-ez-modal-container{cursor:pointer;background-color:transparent;border:none}.ez-modal-container__close-icon.sc-ez-modal-container{--icon--color:var(--title--primary, #2B3A54)}.ez-modal-container__focus-ctrl.sc-ez-modal-container{height:0px;background-color:transparent;border:none}";export{r as ez_modal_container}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,g as e}from"./p-7b80df03.js";import{NumberUtils as h,ElementIDUtils as r}from"@sankhyalabs/core";import{C as a}from"./p-4a5e37a7.js";let o=class{constructor(i){t(this,i),this.ezChange=s(this,"ezChange",7),this.ezStartChange=s(this,"ezStartChange",7),this.ezCancelWaitingChange=s(this,"ezCancelWaitingChange",7),this._focused=!1,this.enabled=!0,this.mode="regular"}async setFocus(){this._textInput.setFocus()}async setBlur(){this._textInput.setBlur()}async isInvalid(){return"string"==typeof this.errorMessage&&""!==this.errorMessage.trim()}observeLabel(){this._textInput&&(this._textInput.label=this.label)}observeErrorMessage(){var t;this._textInput&&(this._textInput.errorMessage=this.errorMessage,(null===(t=this.errorMessage)||void 0===t?void 0:t.trim())||this.setInputValue())}observeValue(t,s){if(this._textInput&&t!=s){const i=this.validateValue(t);if(i!=this.validateValue(s)){const t=this.getTextValue(i)||"";(this._textInput.value||"")!==t&&(void 0===this.getParsedNumber(t)&&this._focused||(this._textInput.value=t,this._focused=!1,this.errorMessage="")),this.ezChange.emit(null===i?void 0:i)}}}validateValue(t){return isNaN(t)||void 0===t?null:t}getTextValue(t){if(null!=t)return this.precision>0?h.format(t.toString(),Number(this.precision),Number(this.prettyPrecision)):t.toString()}changeValue(t){this.errorMessage="",this.value!=t?this.value=void 0===t?null:t:(this.setInputValue(),this.ezCancelWaitingChange.emit())}setError(t){this.value=null,this.errorMessage=t,this.ezCancelWaitingChange.emit()}handleBlur(){const t=this.getParsedNumber();if(void 0!==t&&isNaN(t))this.setError("O valor digitado não é um número válido");else try{this.changeValue(t)}catch(t){return void this.setError(t.message)}}handleInput(){this.getParsedNumber()!==this.value&&(this._focused=!0,this.ezStartChange.emit({waitmessage:"",blocking:!1}))}getParsedNumber(t){var s;return void 0===t&&(t=null===(s=this._textInput)||void 0===s?void 0:s.value),(null==t?void 0:t.trim())?h.stringToNumber(t):void 0}setInputValue(){const t=this.getTextValue(this.value)||"";(this._textInput.value||"")!==t&&(this._textInput.value=t)}componentDidLoad(){a.applyVarsTextInput(this._elem,this._textInput),this.setInputValue()}render(){return r.addIDInfoIfNotExists(this._elem,"input"),i("ez-text-input",{"data-element-id":r.getInternalIDInfo("textInput"),ref:t=>this._textInput=t,"data-slave-mode":"true",label:this.label,onBlur:()=>this.handleBlur(),onInput:()=>this.handleInput(),restrict:this.precision>0?"0123456789-,.":"0123456789-",enabled:this.enabled,errorMessage:this.errorMessage,mode:this.mode})}get _elem(){return e(this)}static get watchers(){return{label:["observeLabel"],errorMessage:["observeErrorMessage"],value:["observeValue"]}}};o.style=":host{display:block;width:100%}";export{o as ez_number_input}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as a,H as r,g as o}from"./p-7b80df03.js";import{ElementIDUtils as i}from"@sankhyalabs/core";let s=class{constructor(a){t(this,a),this.ezChange=e(this,"ezChange",7),this.enabled=!0,this.rows=4,this.canShowError=!0,this.mode="regular"}observeErrorMessage(){var t,e,a,r;"string"==typeof this.errorMessage&&""!==this.errorMessage?(null===(t=this._container)||void 0===t||t.classList.add("hasError"),null===(e=this._messageBoxElem)||void 0===e||e.classList.add("hasError")):(null===(a=this._container)||void 0===a||a.classList.remove("hasError"),null===(r=this._messageBoxElem)||void 0===r||r.classList.remove("hasError"))}observeValue(t,e){this._inputElem&&t!=e&&(this.canChangeValue()&&(this._inputElem.value=this.value||""),this.adjustFloatingLabel(),this.errorMessage="",this.ezChange.emit(this.value))}observeMode(){null==this._initialRows&&(this._initialRows=this.rows>0?this.rows:void 0);const t=this._initialRows>0?this._initialRows:"slim"!=this.mode?4:2;t!==this.rows&&(this.rows=t)}observeRows(){const t=this.rows>0?this.rows:"slim"!=this.mode?4:2;t!==this.rows&&(this.rows=t,this._initialRows=t)}async setFocus(){this._inputElem.focus()}async setBlur(){this._inputElem.blur()}async isInvalid(){return"string"==typeof this.errorMessage&&""!==this.errorMessage.trim()}canChangeValue(){return this._inputElem&&(this.value||"")!==this._inputElem.value}adjustFloatingLabel(){if(this.label&&this._labelElem){const t=this.value&&this.value.toString().length>0,e=this._labelElem.classList.contains("textarea__label--floated");t||this.isFocused()?e||this._labelElem.classList.add("textarea__label--floated"):e&&this._labelElem.classList.remove("textarea__label--floated")}}isFocused(){return null!==this._hostElement.shadowRoot.activeElement}handleFocusout(){this.adjustFloatingLabel(),this._container&&this._container.classList.contains("textarea--focus")&&this._container.classList.remove("textarea--focus")}handleChange(){this.canChangeValue()&&(this.value=this._inputElem.value)}handleFocus(){this.label&&this._labelElem&&!this._labelElem.classList.contains("textarea__label--floated")&&this._labelElem.classList.add("textarea__label--floated"),this._container&&!this._container.classList.contains("textarea--focus")&&this._container.classList.add("textarea--focus")}componentDidLoad(){this.observeErrorMessage(),this.adjustFloatingLabel(),this.observeMode()}render(){return i.addIDInfoIfNotExists(this._hostElement,"input"),a(r,null,a("div",{class:"textarea",ref:t=>this._container=t},this.label&&"slim"!=this.mode?a("label",{ref:t=>this._labelElem=t,class:this.enabled?"textarea__label":"textarea__label textarea__label--disabled",onClick:()=>this._inputElem.focus(),title:this.label},this.label):null,a("textarea",{onFocus:()=>this.handleFocus(),"data-element-id":i.getInternalIDInfo("input"),ref:t=>this._inputElem=t,value:this.value,disabled:!this.enabled,class:"slim"===this.mode?"textarea--slim":"",placeholder:"slim"===this.mode&&this.label?this.label:"",onInput:()=>{this.handleChange()},onFocusout:()=>{this.handleFocusout()},onKeyDown:t=>t.stopPropagation(),rows:this.rows})),this.canShowError&&"slim"!=this.mode&&a("span",{class:"message-box",ref:t=>this._messageBoxElem=t,title:this.errorMessage},this.errorMessage))}get _hostElement(){return o(this)}static get watchers(){return{errorMessage:["observeErrorMessage"],value:["observeValue"],mode:["observeMode"],rows:["observeRows"]}}};s.style=":host{--text-area--width:100%;--text-area--border-radius:var(--border--radius-medium, 12px);--text-area--font-size:var(--text--medium, 14px);--text-area--font-family:var(--font-pattern, Arial);--text-area--font-weight:var(--text-weight--medium, 400);--text-area--color:var(--title--primary, #000);--text-area__input--background-color:var(--background--medium, #e0e0e0);--text-area__input--border:var(--border--medium, 2px solid);--text-area__input--border-color:var(--text-area__input--background-color);--text-area__input--focus--border-color:var(--color--primary, #008561);--text-area__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--text-area__input--disabled--color:var(--text--disable, #AFB6C0);--text-area__input--error--border-color:#CC2936;--text-area__message_box--font-size:var(--text--small, 12px);--text-area__message_box--info--color:var(--color--success, #22085d);--text-area__message_box--error--color:var(--color--error, #FF0000);--text-area__label--floating--top:6px;--text-area__label--padding-top:12px;--text-area__label--padding-left:14px;--text-area__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--text-area--width)}textarea{box-sizing:border-box;border:none;resize:none;width:100%;padding:0;background:none;font-weight:var(--text-area--font-weight);font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);color:var(--text-area--color);margin-top:calc(var(--space--medium, 12px) + 4px)}textarea:focus{outline:none}textarea:disabled{background-color:transparent;color:var(--text-area__input--disabled--color)}.textarea{width:100%;box-sizing:border-box;padding-left:var(--space--medium);padding-right:var(--space--extra-small);border-radius:var(--text-area--border-radius);border:var(--text-area__input--border);border-color:var(--text-area__input--border-color);background-color:var(--text-area__input--background-color)}.textarea--focus{border-color:var(--text-area__input--focus--border-color)}.textarea.hasError{color:var(--text-area--color);border-color:var(--text-area__input--error--border-color)}.message-box{min-height:16px;min-width:100%;margin-top:3px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--text-area--font-family);font-size:var(--text-area__message_box--font-size);color:var(--text-area__message_box--info--color)}.hasError{color:var(--text-area__message_box--error--color)}.textarea__label{box-sizing:border-box;position:absolute;z-index:var(--visible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;width:calc(100% - var(--text-area__label--padding-right));left:var(--text-area--space--medium);font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color);top:var(--text-area__label--padding-top);left:var(--text-area__label--padding-left);padding-right:var(--text-area__label--padding-right)}.textarea__label--floated{font-family:var(--text-area--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--text-area__label--floating--top)}.textarea__label--disabled{color:var(--text-area__input--disabled--color)}.textarea--slim{margin-top:var(--space--small, 6px)}.textarea--slim::-webkit-input-placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim:-moz-placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim::-moz-placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim:-ms-input-placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim::placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim:disabled::-webkit-input-placeholder{color:var(--text-area__input--disabled--color)}.textarea--slim:disabled:-moz-placeholder{color:var(--text-area__input--disabled--color)}.textarea--slim:disabled::-moz-placeholder{color:var(--text-area__input--disabled--color)}.textarea--slim:disabled:-ms-input-placeholder{color:var(--text-area__input--disabled--color)}.textarea--slim:disabled::placeholder{color:var(--text-area__input--disabled--color)}";export{s as ez_text_area}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as e,g as n}from"./p-7b80df03.js";import{StringUtils as o,ElementIDUtils as l}from"@sankhyalabs/core";import{A as h}from"./p-69a913b8.js";import"./p-ab574d59.js";import"./p-b853763b.js";let a=class{constructor(s){t(this,s),this.saveEdition=i(this,"saveEdition",7),this.cancelEdition=i(this,"cancelEdition",7)}async applyFocusSelect(){this.calcSizeInput(this.value,!0)}calcSizeInput(t,i=!1){var s,e;const n=null===(e=null===(s=this._inputElement)||void 0===s?void 0:s.shadowRoot)||void 0===e?void 0:e.querySelector("input");if(null!=n){const s=this.getWidthValue(t);n.style.width=s+"px",i&&setTimeout((()=>n.select()),100)}}getWidthValue(t){if(null!=this._valueBasis){const i=this._valueBasis;if(null!=t){const s=2;return i.innerHTML=t,i.clientWidth>0?i.clientWidth+s:s}i.innerHTML=""}return 0}setStyledInput(){var t,i;let s="",e="",n="";null!=this.styled&&(s=this.styled.fontSize,e=this.styled.fontWeight,n=this.styled.fontFamily);const o=null===(i=null===(t=this._inputElement)||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector("input");null!=o&&(o.style.fontSize=s,o.style.fontWeight=e,o.style.fontFamily=n);const l=this._valueBasis;null!=l&&(l.style.fontSize=s,l.style.fontWeight=e,l.style.fontFamily=n)}handleSaveEdition(){this._newValue===this.value||o.isEmpty(this._newValue)?this._newValue?this.cancelEdition.emit():h.alert("Aviso","Não é possível salvar um campo em branco.").then((()=>{this.setNewValue(this.value,!0)})):this.saveEdition.emit({value:this.value,newValue:this._newValue})}setNewValue(t,i=!1){this._newValue=t,this.calcSizeInput(this._newValue,i)}componentDidLoad(){this.applyFocusSelect(),this.setNewValue(this.value)}componentDidRender(){this.setStyledInput()}render(){return l.addIDInfoIfNotExists(this._element,"input"),s(e,null,s("span",{class:"text-edit__hidden-value",ref:t=>this._valueBasis=t}),s("ez-text-input",{"data-element-id":l.getInternalIDInfo("textInput"),onInput:()=>{this.calcSizeInput(this._newValue)},class:"text-edit__form-input",value:this._newValue,ref:t=>this._inputElement=t,mode:"slim",onEzChange:t=>this.setNewValue(null==t?void 0:t.detail),noBorder:!0}),s("ez-button",{class:"text-edit__icon-check",mode:"icon",iconName:"check",size:"small",onClick:()=>{this.handleSaveEdition()}}),s("ez-button",{class:"text-edit__icon-close",mode:"icon",iconName:"close",size:"small",onClick:()=>{this.cancelEdition.emit()}}))}get _element(){return n(this)}};a.style=":host{display:flex;align-items:center;gap:5px}.text-edit__form-input{width:auto;--ez-text-input__input--padding:0px}.text-edit__hidden-value{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}";export{a as ez_text_edit}
|