@sankhyalabs/ezui 1.1.132 → 1.1.135
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-application.cjs.entry.js +1 -1
- package/dist/cjs/ez-button.cjs.entry.js +1 -1
- package/dist/cjs/ez-calendar.cjs.entry.js +1 -1
- package/dist/cjs/ez-check.cjs.entry.js +1 -1
- package/dist/cjs/ez-chip.cjs.entry.js +101 -0
- package/dist/cjs/ez-collapsible-box.cjs.entry.js +1 -1
- package/dist/cjs/ez-combo-box.cjs.entry.js +1 -1
- package/dist/cjs/ez-date-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-date-time-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-dialog.cjs.entry.js +1 -1
- package/dist/cjs/ez-filter-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-form.cjs.entry.js +1 -1
- package/dist/cjs/ez-grid.cjs.entry.js +194 -40
- package/dist/cjs/ez-icon.cjs.entry.js +1 -1
- package/dist/cjs/ez-list.cjs.entry.js +1 -1
- package/dist/cjs/ez-modal.cjs.entry.js +1 -1
- package/dist/cjs/ez-number-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-popover.cjs.entry.js +1 -1
- package/dist/cjs/ez-popup.cjs.entry.js +1 -1
- package/dist/cjs/ez-search.cjs.entry.js +1 -1
- package/dist/cjs/ez-tabselector.cjs.entry.js +1 -1
- package/dist/cjs/ez-text-area.cjs.entry.js +1 -1
- package/dist/cjs/ez-text-input.cjs.entry.js +8 -3
- package/dist/cjs/ez-time-input.cjs.entry.js +2 -3
- package/dist/cjs/ez-toast.cjs.entry.js +1 -1
- package/dist/cjs/ez-upload.cjs.entry.js +1 -1
- package/dist/cjs/ezui.cjs.js +2 -2
- package/dist/cjs/grid-config.cjs.entry.js +2 -3
- package/dist/cjs/{index-0e284e03.js → index-c15a9551.js} +0 -7
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/select-box.cjs.entry.js +1 -1
- package/dist/cjs/test-du.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +2 -8
- package/dist/collection/components/{ez-label-chip/ez-label-chip.css → ez-chip/ez-chip.css} +85 -68
- package/dist/collection/components/{ez-label-chip/ez-label-chip.js → ez-chip/ez-chip.js} +86 -63
- package/dist/collection/components/ez-grid/controller/DataUnitBridge.js +4 -4
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +118 -32
- package/dist/collection/components/ez-grid/ez-grid.js +231 -3
- package/dist/collection/components/ez-grid/subcomponents/gridconfig/grid-config.js +2 -3
- package/dist/collection/components/ez-text-input/ez-text-input.js +7 -2
- package/dist/collection/components/ez-time-input/ez-time-input.js +1 -2
- package/dist/collection/utils/interfaces/PageableComponent.js +1 -0
- package/dist/custom-elements/index.d.ts +6 -12
- package/dist/custom-elements/index.js +303 -190
- package/dist/esm/ez-application.entry.js +1 -1
- package/dist/esm/ez-button.entry.js +1 -1
- package/dist/esm/ez-calendar.entry.js +1 -1
- package/dist/esm/ez-check.entry.js +1 -1
- package/dist/esm/ez-chip.entry.js +97 -0
- package/dist/esm/ez-collapsible-box.entry.js +1 -1
- package/dist/esm/ez-combo-box.entry.js +1 -1
- package/dist/esm/ez-date-input.entry.js +1 -1
- package/dist/esm/ez-date-time-input.entry.js +1 -1
- package/dist/esm/ez-dialog.entry.js +1 -1
- package/dist/esm/ez-filter-input.entry.js +1 -1
- package/dist/esm/ez-form.entry.js +1 -1
- package/dist/esm/ez-grid.entry.js +194 -40
- package/dist/esm/ez-icon.entry.js +1 -1
- package/dist/esm/ez-list.entry.js +1 -1
- package/dist/esm/ez-modal.entry.js +1 -1
- package/dist/esm/ez-number-input.entry.js +1 -1
- package/dist/esm/ez-popover.entry.js +1 -1
- package/dist/esm/ez-popup.entry.js +1 -1
- package/dist/esm/ez-search.entry.js +1 -1
- package/dist/esm/ez-tabselector.entry.js +1 -1
- package/dist/esm/ez-text-area.entry.js +1 -1
- package/dist/esm/ez-text-input.entry.js +8 -3
- package/dist/esm/ez-time-input.entry.js +2 -3
- package/dist/esm/ez-toast.entry.js +1 -1
- package/dist/esm/ez-upload.entry.js +1 -1
- package/dist/esm/ezui.js +2 -2
- package/dist/esm/grid-config.entry.js +2 -3
- package/dist/esm/{index-bf1aef20.js → index-b21f0a10.js} +1 -6
- package/dist/esm/loader.js +2 -2
- package/dist/esm/select-box.entry.js +1 -1
- package/dist/esm/test-du.entry.js +1 -1
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/{p-6e844308.entry.js → p-097d5dc6.entry.js} +1 -1
- package/dist/ezui/{p-5821c335.entry.js → p-0fd2624d.entry.js} +1 -1
- package/dist/ezui/{p-60138b72.js → p-139ed2f6.js} +1 -1
- package/dist/ezui/p-1587cbbc.entry.js +1 -0
- package/dist/ezui/{p-48ba92b2.entry.js → p-18d67107.entry.js} +1 -1
- package/dist/ezui/{p-1ced597f.entry.js → p-294de17e.entry.js} +1 -1
- package/dist/ezui/{p-66adbed5.entry.js → p-2b017e4c.entry.js} +1 -1
- package/dist/ezui/{p-4884b056.entry.js → p-2c4372a4.entry.js} +1 -1
- package/dist/ezui/{p-fa9157c1.entry.js → p-317250bc.entry.js} +1 -1
- package/dist/ezui/{p-05cca198.entry.js → p-33cb1991.entry.js} +1 -1
- package/dist/ezui/{p-dc0aa563.entry.js → p-49f70be3.entry.js} +1 -1
- package/dist/ezui/{p-0cb4aec1.entry.js → p-50038ae3.entry.js} +1 -1
- package/dist/ezui/{p-ec205792.entry.js → p-53110643.entry.js} +1 -1
- package/dist/ezui/{p-a0e6f47b.entry.js → p-5f2add6f.entry.js} +2 -2
- package/dist/ezui/{p-a4a21738.entry.js → p-67d30ea7.entry.js} +1 -1
- package/dist/ezui/{p-5f725a93.entry.js → p-685a35b3.entry.js} +1 -1
- package/dist/ezui/{p-cbfb94cb.entry.js → p-699c31d1.entry.js} +1 -1
- package/dist/ezui/{p-4ded39c2.entry.js → p-6c22c9f9.entry.js} +1 -1
- package/dist/ezui/{p-5b7405e8.entry.js → p-727a39e5.entry.js} +1 -1
- package/dist/ezui/p-793a28cc.entry.js +1 -0
- package/dist/ezui/{p-27db8fba.entry.js → p-8cb2c629.entry.js} +1 -1
- package/dist/ezui/{p-2d55888f.entry.js → p-94ed1ae6.entry.js} +1 -1
- package/dist/ezui/{p-cfa7378a.entry.js → p-a1304302.entry.js} +1 -1
- package/dist/ezui/p-b2cc27e5.entry.js +1 -0
- package/dist/ezui/{p-5a9ab4f7.entry.js → p-b71d454d.entry.js} +1 -1
- package/dist/ezui/{p-593a17e7.entry.js → p-c6c91589.entry.js} +1 -1
- package/dist/ezui/{p-6aa0c6f1.entry.js → p-dcf5f013.entry.js} +1 -1
- package/dist/ezui/p-dd723a09.entry.js +1 -0
- package/dist/ezui/{p-ef17f443.entry.js → p-e472517c.entry.js} +1 -1
- package/dist/ezui/{p-d9bb2a96.entry.js → p-ecee9d8d.entry.js} +1 -1
- package/dist/types/components/{ez-label-chip/ez-label-chip.d.ts → ez-chip/ez-chip.d.ts} +17 -8
- package/dist/types/components/ez-grid/controller/EzGridController.d.ts +42 -0
- package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +12 -0
- package/dist/types/components/ez-grid/ez-grid.d.ts +42 -1
- package/dist/types/components/ez-text-input/ez-text-input.d.ts +1 -0
- package/dist/types/components.d.ts +113 -95
- package/dist/types/utils/interfaces/PageableComponent.d.ts +12 -0
- package/package.json +1 -1
- package/react/components.d.ts +1 -2
- package/react/components.js +1 -2
- package/react/components.js.map +1 -1
- package/dist/cjs/AssetsUtils-78164781.js +0 -24
- package/dist/cjs/ez-action-chip.cjs.entry.js +0 -27
- package/dist/cjs/ez-label-chip.cjs.entry.js +0 -104
- package/dist/collection/components/ez-action-chip/ez-action-chip.css +0 -67
- package/dist/collection/components/ez-action-chip/ez-action-chip.js +0 -84
- package/dist/esm/AssetsUtils-aab9ca8f.js +0 -22
- package/dist/esm/ez-action-chip.entry.js +0 -23
- package/dist/esm/ez-label-chip.entry.js +0 -100
- package/dist/ezui/p-51b878f7.js +0 -1
- package/dist/ezui/p-8a0e5e59.entry.js +0 -1
- package/dist/ezui/p-bd29c55f.entry.js +0 -1
- package/dist/ezui/p-c8f9b691.entry.js +0 -1
- package/dist/ezui/p-d5c93280.entry.js +0 -1
- package/dist/ezui/p-ed1e0331.entry.js +0 -1
- package/dist/types/components/ez-action-chip/ez-action-chip.d.ts +0 -17
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-c15a9551.js');
|
|
6
6
|
|
|
7
7
|
const ezButtonCss = ":host{--ez-button--min-width:100px;--ez-button--height:42px;--ez-button__icon--width:18px;--ez-button__inline__icon--padding:12px;--ez-button--padding-top:var(--space--medium, 12px);--ez-button--padding-bottom:var(--space--medium, 12px);--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--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{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer;transition:background-color 0.2s linear;min-width:var(--ez-button--min-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)}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)}";
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-c15a9551.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
7
|
|
|
8
8
|
const ezCalendarCss = ":host{--ez-calendar--font-family:var(--font-pattern, Arial);--ez-calendar--color:var(--title--primary, #626e82);--ez-calendar--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--ez-calendar__body--background-color:var(--background--xlight, #FFF);--ez-calendar__time--background-color:var(--background--xlight, #FAFAFA);--ez-calendar__body--padding:var(--space--medium, 12px) var(--space--small, 6px);--ez-calendar__body--border-radius:var(--border--radius-medium, 12px);--ez-calendar__body--shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-container--z-index:var(--more-visible, 2);--ez-calendar__header-line--stroke:1px;--ez-calendar__header-line--color:var(--color--strokes, #C0C0C0);--ez-calendar__nav-btn--fill:var(--text--primary, #008561);--ez-calendar__nav-btn--hover--fill:var(--color--primary, #350404);--ez-calendar__nav-btn--width:10px;--ez-calendar__nav-btn--height:16px;--ez-calendar__nav-btn--previous-image: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>');--ez-calendar__nav-btn--next-image: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>');--ez-calendar__cell--margin:0px 1.5px;--ez-calendar__cell--width:var(--space--large, 24px);--ez-calendar__cell--padding:1.5px 0px;--ez-calendar__cell--border-radius:var(--border--radius-small, 6px);--ez-calendar__cell--over--background-color:var(--color--primary, #E2F4EF);--ez-calendar__cell--over--color:var(--color--primary-300, #008561);--ez-calendar__cell--outset--color:var(--color--disable-primary, #E5EAF0);--ez-calendar__cell--selected--background-color:var(--color--primary, #008561);--ez-calendar__cell--selected--color:var(--color--inverted, #FFF);--ez-calendar__btn-today--color:var(--color--primary);--ez-calendar__btn-today--hover--background-color:var(--color--primary-300, #E2F4EF);--ez-calendar__btn-today--border-radius:var(--border--radius-small, 6px);position:relative;display:flex;user-select:none}.calendar__container{display:flex;z-index:var(--more-visible, 2)}.calendar{z-index:var(--more-visible, 2);display:flex;flex-direction:column;background-color:var(--ez-calendar__body--background-color);padding:var(--ez-calendar__body--padding);border-radius:var(--ez-calendar__body--border-radius);box-shadow:var(--ez-calendar__body--shadow)}.calendar__header{display:flex;justify-content:space-between;padding-bottom:var(--space--small, 6px);margin:0px var(--space--, 12px) var(--space--small, 6px) var(--space--, 12px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);border-bottom:solid var(--ez-calendar__header-line--stroke) var(--ez-calendar__header-line--color)}.calendar__btn-next,.calendar__btn-previous{outline:none;border:none;background-color:unset;cursor:pointer;padding:0px}.calendar__btn-next::after,.calendar__btn-previous::after{content:'';display:flex;background-color:var(--ez-calendar__nav-btn--fill);width:var(--ez-calendar__nav-btn--width);height:var(--ez-calendar__nav-btn--height)}.calendar__btn-previous::after{-webkit-mask-image:var(--ez-calendar__nav-btn--previous-image);mask-image:var(--ez-calendar__nav-btn--previous-image)}.calendar__btn-next::after{-webkit-mask-image:var(--ez-calendar__nav-btn--next-image);mask-image:var(--ez-calendar__nav-btn--next-image)}.calendar__btn-next:hover::after,.calendar__btn-previous:hover::after{background-color:var(--ez-calendar__nav-btn--hover--fill)}.calendar__lbl-month{font-weight:var(--text-weight--extra-large, 700);font-size:var(--title--small, 14px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.calendar__line{display:flex;padding:0px;margin:0px}.calendar__cell{display:flex;justify-content:center;align-content:center;cursor:pointer;font-size:var(--text--extra-small, 10px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);padding:var(--ez-calendar__cell--padding);margin:var(--ez-calendar__cell--margin);min-width:var(--ez-calendar__cell--width);border-radius:var(--ez-calendar__cell--border-radius)}.calendar__cell:hover{background-color:var(--ez-calendar__cell--over--background-color);color:var(--ez-calendar__cell--over--color)}.calendar__cell--secondary{color:var(--ez-calendar__cell--outset--color)}.calendar__cell--unselectable:hover{background-color:unset;border-radius:unset;cursor:unset;color:var(--ez-calendar--color)}.calendar__cell--unselectable{font-weight:var(--text-weight--large, 600);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.calendar__cell--selected,.calendar__cell--selected:hover{background-color:var(--ez-calendar__cell--selected--background-color);color:var(--ez-calendar__cell--selected--color)}.calendar__footer{display:flex;flex-direction:column}.calendar__btn-today{border:none;background-color:unset;cursor:pointer;font-weight:var(--text-weight--large, 600);font-size:var(--title--extra-small, 12px);padding:0px;font-family:var(--ez-calendar--font-family);text-shadow:var(--ez-calendar--text-shadow);color:var(--ez-calendar__btn-today--color);border-radius:var(--ez-calendar__btn-today--border-radius)}.calendar__btn-today:hover{background-color:var(--ez-calendar__btn-today--hover--background-color)}section{display:flex}.calendar-time{margin-left:-10px;display:flex;flex-direction:column;padding:12px 0px 0px 10px;background-color:var(--ez-calendar__time--background-color);border-top-right-radius:var(--ez-calendar__body--border-radius);border-bottom-right-radius:var(--ez-calendar__body--border-radius);box-shadow:var(--ez-calendar__body--shadow)}.calendar__column{height:136px;padding:0px;margin:0px;overflow:auto}.calendar__column::-webkit-scrollbar{width:0px;max-width:0px;min-width:0px}.calendar-time__header{padding-left:var(--space--small, 6px);padding-right:var(--space--small, 6px);display:flex;justify-content:space-between;padding-bottom:var(--space--small, 6px);margin:0px var(--space--, 12px) var(--space--small, 6px) var(--space--, 12px);font-weight:var(--text-weight--extra-large, 700);font-size:var(--title--small, 14px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);border-bottom:solid var(--ez-calendar__header-line--stroke) var(--ez-calendar__header-line--color);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.separatorTime{color:#A2ABB9;padding:0px 1px;line-height:16px;font-size:17px;font-weight:normal}.endHidden{-webkit-mask-image:linear-gradient(180deg, #000 calc(100% - 48px), transparent 100%)}.calendar__column .calendar__cell{margin:0px;padding:1.5px 1.5px}";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-c15a9551.js');
|
|
6
6
|
|
|
7
7
|
const ezCheckCss = ":host{--ez-check--box--width:18px;--ez-check--box--height:18px;--ez-check--width:calc(var(--ez-check--box--width) + 14px);--ez-check--height:calc(var(--ez-check--box--width) + 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--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.regularMode{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.regularMode:enabled:hover{background-color:var(--ez-check--hover--background-color)}input.regularMode:enabled:focus{outline:none;background-color:var(--ez-check--focus--background-color)}input.regularMode:disabled{cursor:auto;background:none}input.regularMode::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.regularMode:disabled::before{border:var(--ez-check--disabled--border)}input.regularMode:checked:enabled:hover{background-color:var(--ez-check--checked--hover--background-color)}input.regularMode:checked:enabled:focus{background-color:var(--ez-check--checked--focus--background-color)}input.regularMode:checked::before{border:var(--ez-check--checked--border);background-color:var(--ez-check--checked--background-color)}input.regularMode:checked:disabled:before{border:var(--ez-check--disabled--border);background-color:var(--ez-check--checked--disabled--background-color)}input.regularMode:checked::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.regularMode:checked:disabled::after{background-color:var(--ez-check--check--disabled--background-color)}input.switchMode{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.switchMode:disabled{background-color:var(--ez-switch--disabled--background-color);border:var(--border--small, 1px solid) var(--ez-switch--pin--disabled--border-color, #a2abb9)}input.switchMode:checked:disabled{background-color:var(--ez-switch--disabled--checked--background-color)}input.switchMode::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.switchMode: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.switchMode: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.switchMode::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.switchMode:focus::before{opacity:0.24;transition:opacity var(--transition)}input.switchMode: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.switchMode: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.switchMode: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);text-shadow:var(--text-shadow);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)}";
|
|
8
8
|
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-c15a9551.js');
|
|
6
|
+
|
|
7
|
+
const ezChipCss = ":host{--ez-label-chip--height:30px;--ez-label-chip__label--font-size:var(--text--medium, 14px);--ez-label-chip__label--font-family:var(--font-pattern, Arial);--ez-label-chip__label--font-weight:var(--text-weight--medium, 400);--ez-label-chip__label--space--medium:var(--space--medium, 12px);--ez-label-chip__label--title--primary:var(--title--primary, #919191);--ez-label-chip__label--text--primary:var(--text--primary, #626e82);--ez-label-chip__label__container--border-radius:var(--border--radius-large, 24px);--ez-label-chip__label__container--border:1px solid;--ez-label-chip__label__container--border-color-strokes:var(--color--strokes, #DCE0E8);--ez-label-chip__label__container--color-primary:var(--color--primary, #008561);--ez-label-chip__label__container-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ez-label-chip__label__container--background-color:var(--color--primary-300);--ez-label-chip__label__container--border-color:#0085610F;--ez-label-chip__label__container--default--border-color--active:var(--color--primary, #007a5a);--ez-label-chip__label__container--default--background-color--hover:var(--color--primary-300, #f2faf8);--ez-label-chip__label__container--default--color--hover:var(--color--primary, #f2faf8);--ez-label-chip__label__container--text--disabled:var(--text--disable, #AFB6C0);--ez-label-chip__label__container--default--border-color--active:var(--color--primary)}.lbl{display:flex;align-items:center;font-weight:var(--ez-label-chip__label--font-weight);cursor:pointer;color:var(--ez-label-chip__label--title--primary);user-select:none;height:var(--ez-label-chip--height);font-family:var(--ez-label-chip__label--font-family);font-size:var(--ez-label-chip__label--font-size)}.lbl--active{color:var(--ez-label-chip__label__container--default--color--hover)}.lbl--disabled{color:var(--ez-label-chip__label__container--text--disabled)}.label__container{cursor:pointer;width:fit-content;display:flex;flex-wrap:wrap;align-items:center;background-color:#FFFFFF;color:var(--ez-label-chip__label--text--primary);fill:var(--ez-label-chip__label--text--primary);--ez-icon--color:var(--ez-label-chip__label--text--primary);border:var(--ez-label-chip__label__container--border);border-radius:var(--ez-label-chip__label__container--border-radius);border-color:var(--ez-label-chip__label__container--border-color-strokes);padding-right:var(--ez-label-chip__label--space--medium);padding-left:var(--ez-label-chip__label--space--medium)}.label__content{display:flex;align-items:center;flex-wrap:wrap;--ez-icon--color:var(--ez-label-chip__label--text--primary)}.label__container--disabled{cursor:default;border-color:var(--ez-label-chip__label__container-color--disable-secondary);background-color:var(--ez-label-chip__label__container-color--disable-secondary);fill:var(--ez-label-chip__label__container--text--disabled);color:var(--ez-label-chip__label__container--text--disabled);--ez-icon--color:var(--ez-label-chip__label__container--text--disabled)}.label__container--active{border-color:var(--ez-label-chip__label__container--default--background-color--hover);background-color:var(--ez-label-chip__label__container--default--background-color--hover);color:var(--ez-label-chip__label__container--default--color--hover);fill:var(--ez-label-chip__label__container--default--color--hover);--ez-icon--color:var(--ez-label-chip__label__container--default--color--hover)}.label__container:hover{border-color:var(--ez-label-chip__label__container--default--border-color--active)}.label__container--disabled:hover{cursor:default;border:var(--ez-label-chip__label__container--border);border-color:var(--ez-label-chip__label__container-color--disable-secondary);background-color:var(--ez-label-chip__label__container-color--disable-secondary);fill:var(--ez-label-chip__label__container--text--disabled);color:var(--ez-label-chip__label__container--text--disabled);--ez-icon--color:var(--ez-label-chip__label__container--text--disabled)}.label__content__icon{display:flex;cursor:pointer;color:var(--ez-label-chip__label--text--primary);fill:var(--ez-label-chip__label--text--primary);--ez-icon--color:var(--ez-label-chip__label--text--primary)}.label__container--row-reverse{flex-direction:row-reverse}.label__container .btn-close{padding:0px 0px 0px 8px}.label__container--row-reverse .btn-close{padding:0px 8px 0px 0px}.cursor-disable{cursor:default}ez-icon{--ez-icon--color:inherit}";
|
|
8
|
+
|
|
9
|
+
let EzChip = class {
|
|
10
|
+
constructor(hostRef) {
|
|
11
|
+
index.registerInstance(this, hostRef);
|
|
12
|
+
this.valueChange = index.createEvent(this, "valueChange", 7);
|
|
13
|
+
this.removeChip = index.createEvent(this, "removeChip", 7);
|
|
14
|
+
this.actionClick = index.createEvent(this, "actionClick", 7);
|
|
15
|
+
/**
|
|
16
|
+
* Deixa o componente disponível ou não para seleção.
|
|
17
|
+
*/
|
|
18
|
+
this.enabled = true;
|
|
19
|
+
/**
|
|
20
|
+
* Indica se o componente está ou não ativado.
|
|
21
|
+
*/
|
|
22
|
+
this.value = false;
|
|
23
|
+
}
|
|
24
|
+
//---------------------------------------------
|
|
25
|
+
// Public methods
|
|
26
|
+
//---------------------------------------------
|
|
27
|
+
/**
|
|
28
|
+
* Faz o foco no componente de input
|
|
29
|
+
*/
|
|
30
|
+
async setFocus() {
|
|
31
|
+
this._labelElem.focus();
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Remove o foco no componente de input
|
|
35
|
+
*/
|
|
36
|
+
async setBlur() {
|
|
37
|
+
this._labelElem.blur();
|
|
38
|
+
}
|
|
39
|
+
//---------------------------------------------
|
|
40
|
+
// Event handlers
|
|
41
|
+
//---------------------------------------------
|
|
42
|
+
handleSlotChange(ev) {
|
|
43
|
+
const slot = ev.target;
|
|
44
|
+
const content = slot.assignedElements()[0];
|
|
45
|
+
content.style.setProperty("--ez-icon--color", "var(--ez-icon--color)");
|
|
46
|
+
}
|
|
47
|
+
handleValueChange() {
|
|
48
|
+
this.swichState();
|
|
49
|
+
this.valueChange.emit(this.value);
|
|
50
|
+
}
|
|
51
|
+
handleClick(ev) {
|
|
52
|
+
const target = ev.target;
|
|
53
|
+
if (!this.enabled)
|
|
54
|
+
return;
|
|
55
|
+
if (this.mode === "action")
|
|
56
|
+
return this.actionClick.emit();
|
|
57
|
+
if (target.tagName.toLowerCase() !== "ez-icon")
|
|
58
|
+
return this.handleValueChange();
|
|
59
|
+
if (target.classList.contains("btn-close"))
|
|
60
|
+
return this.removeChip.emit();
|
|
61
|
+
}
|
|
62
|
+
swichState() {
|
|
63
|
+
if (this.enabled) {
|
|
64
|
+
this.value = !this.value;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
observeValue() {
|
|
68
|
+
(this.value && this.mode !== "action") ? this._divElem.classList.add("label__container--active") : this._divElem.classList.remove("label__container--active");
|
|
69
|
+
}
|
|
70
|
+
observeEnabled() {
|
|
71
|
+
if (this.enabled) {
|
|
72
|
+
this._divElem.classList.remove("label__container--disabled");
|
|
73
|
+
this._labelElem.classList.remove("lbl--disabled");
|
|
74
|
+
this._labelElem.classList.remove("cursor-disable");
|
|
75
|
+
}
|
|
76
|
+
else {
|
|
77
|
+
this._divElem.classList.add("label__container--disabled");
|
|
78
|
+
this._labelElem.classList.add("lbl--disabled");
|
|
79
|
+
this._labelElem.classList.add("cursor-disable");
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
//---------------------------------------------
|
|
83
|
+
// Lifecycle web component
|
|
84
|
+
//---------------------------------------------
|
|
85
|
+
componentDidLoad() {
|
|
86
|
+
if (this._divElem) {
|
|
87
|
+
this.observeValue();
|
|
88
|
+
this.observeEnabled();
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
render() {
|
|
92
|
+
return (index.h("div", { onClick: (ev) => this.handleClick(ev), class: "label__container" + (this.removePosition === "left" ? " label__container--row-reverse" : ""), ref: (el) => this._divElem = el }, index.h("div", { class: "label__content" }, index.h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), index.h("label", { class: "lbl " + (this.value ? "lbl--active " : ""), ref: (el) => this._labelElem = el }, this.label), index.h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })), this.mode !== 'action' && this.removePosition && index.h("ez-icon", { class: "btn-close", size: "small", "icon-name": "close" })));
|
|
93
|
+
}
|
|
94
|
+
static get watchers() { return {
|
|
95
|
+
"value": ["observeValue"],
|
|
96
|
+
"enabled": ["observeEnabled"]
|
|
97
|
+
}; }
|
|
98
|
+
};
|
|
99
|
+
EzChip.style = ezChipCss;
|
|
100
|
+
|
|
101
|
+
exports.ez_chip = EzChip;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-c15a9551.js');
|
|
6
6
|
|
|
7
7
|
const ezCollapsibleBoxCss = ":host{--ez-collapsible-box--font-size:var(--title--medium, 14px);--ez-collapsible-box--font-family:var(--font-pattern, Arial);--ez-collapsible-box--font-weight:var(--text-weight--large, 600);--ez-collapsible-box--color:var(--title--primary);--ez-collapsible-box__icon--color:var(--ez-collapsible-box--color);--ez-collapsible-box__header--padding-top:0px;--ez-collapsible-box__header--padding-bottom:0px;--ez-collapsible-box__header--padding-right:0px;--ez-collapsible-box__header--padding-left:0px;display:flex;flex-wrap:wrap;width:100%}.collapsible-box{display:flex;flex-direction:column;width:100%}.collapsible-box__header{display:flex;box-sizing:border-box;padding-top:var(--ez-collapsible-box__header--padding-top);padding-bottom:var(--ez-collapsible-box__header--padding-bottom);padding-right:var(--ez-collapsible-box__header--padding-right);padding-left:var(--ez-collapsible-box__header--padding-left)}.collapsible-box__title{position:relative;width:auto;display:flex;box-sizing:border-box;align-items:center;outline:none;border:none;background-color:unset;cursor:pointer;padding:0px;text-align:left;margin-bottom:var(--space--medium, 12px)}.collapsible-box__label{white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;box-sizing:border-box;margin-left:6px;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight);color:var(--ez-collapsible-box--color)}.collapsible-box__icon{transform:rotate(90deg) translate(0px, 14%);transition:transform var(--transition);--ez-icon--color:var(--ez-collapsible-box__icon--color, --ez-collapsible-box--color)}.collapsible-box__icon--collapsed{transform:rotate(0deg) translate(-14%, 0px)}.collapsible-box__title--icon-right{flex-direction:row-reverse}.collapsible-box__title--icon-right .collapsible-box__icon{transform:rotate(90deg) translate(0px, -14%)}.collapsible-box__title--icon-right .collapsible-box__icon--collapsed{transform:rotate(0deg) translate(14%, 0px)}.collapsible-box__title--icon-right .collapsible-box__label{margin-left:0px;margin-right:6px}.collapsible-box__title--stretched{width:100%;justify-content:space-between}.collapsible-box__content{display:flex;flex-wrap:wrap;width:100%;height:0px;max-height:0px;opacity:0;overflow:hidden;transition:all var(--transition, 0.5s)}.collapsible-box__content--show{height:100%;max-height:none;opacity:1;overflow:visible;transition:all var(--transition, 0.5s)}.font--x-small{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--x-large{font-size:20px}";
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-c15a9551.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
7
|
const CSSVarsUtils = require('./CSSVarsUtils-1034b7b6.js');
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-c15a9551.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
7
|
const CSSVarsUtils = require('./CSSVarsUtils-1034b7b6.js');
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-c15a9551.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
7
|
const CSSVarsUtils = require('./CSSVarsUtils-1034b7b6.js');
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-c15a9551.js');
|
|
6
6
|
|
|
7
7
|
const ezDialogCss = ":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, \"'Sora', 'Algerian'\");--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, \"'Sora', 'Algerian'\");--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-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__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)}.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:1.3}.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-icon{outline:none;border:none;background-color:var(--dialog__warning--background-color);width:26px;height:26px;border-radius:100%;padding:0;display:flex;justify-content:center;align-items:center}.title-icon--critical{background-color:var(--dialog__critical--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)}.title-icon--critical::after{content:'';display:flex;background-color:#FFFF;width:13px;height:13px;-webkit-mask-image:var(--dialog--critical__image);mask-image:var(--dialog--critical__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%}}";
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-c15a9551.js');
|
|
6
6
|
const CSSVarsUtils = require('./CSSVarsUtils-1034b7b6.js');
|
|
7
7
|
|
|
8
8
|
const ezFilterInputCss = ":host{display:block;width:100%}";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-c15a9551.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
7
|
const ApplicationUtils = require('./ApplicationUtils-4a223c7a.js');
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-c15a9551.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
7
|
const UnitMetadata = require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
|
|
8
8
|
|
|
@@ -110063,8 +110063,11 @@ class DataSource {
|
|
|
110063
110063
|
|
|
110064
110064
|
class AgGridController {
|
|
110065
110065
|
constructor(enterprise) {
|
|
110066
|
+
this.DEFAULT_ROW_HEIGHT = 25;
|
|
110066
110067
|
this._menuItems = [];
|
|
110067
110068
|
this._idAttribName = "__record__id__";
|
|
110069
|
+
this._isFirstRecordOfPage = true;
|
|
110070
|
+
this._isLastRecordOfPage = false;
|
|
110068
110071
|
this._enterprise = enterprise;
|
|
110069
110072
|
}
|
|
110070
110073
|
getSort() {
|
|
@@ -110092,7 +110095,9 @@ class AgGridController {
|
|
|
110092
110095
|
this._pageSize = options.pageSize;
|
|
110093
110096
|
this._serverURL = options.serverURL;
|
|
110094
110097
|
this._dataUnit = options.dataUnit;
|
|
110095
|
-
this._dataUnit
|
|
110098
|
+
if (this._dataUnit) {
|
|
110099
|
+
this._dataUnit.sortingProvider = this;
|
|
110100
|
+
}
|
|
110096
110101
|
this._dataSource = new DataSource(this._dataUnit, this._serverURL);
|
|
110097
110102
|
this._gridOptions = {
|
|
110098
110103
|
localeText: gridTerms,
|
|
@@ -110101,7 +110106,7 @@ class AgGridController {
|
|
|
110101
110106
|
rowSelection: this._multipleSelection ? "multiple" : "single",
|
|
110102
110107
|
serverSideDatasource: this._dataSource,
|
|
110103
110108
|
sortingOrder: ['desc', 'asc', null],
|
|
110104
|
-
getRowNodeId: (params) => typeof params === "string" ? params : params[this._idAttribName],
|
|
110109
|
+
getRowNodeId: this._dataUnit ? (params) => typeof params === "string" ? params : params[this._idAttribName] : undefined,
|
|
110105
110110
|
getMainMenuItems: (params) => {
|
|
110106
110111
|
const column = params.column;
|
|
110107
110112
|
const items = [column.isPinned() ? "clearPinned" : "pinLeft", "separator"];
|
|
@@ -110111,14 +110116,12 @@ class AgGridController {
|
|
|
110111
110116
|
}));
|
|
110112
110117
|
return items;
|
|
110113
110118
|
},
|
|
110114
|
-
|
|
110115
|
-
|
|
110116
|
-
|
|
110117
|
-
|
|
110118
|
-
|
|
110119
|
-
|
|
110120
|
-
return 25;
|
|
110121
|
-
}
|
|
110119
|
+
//FIXME: Existe um bug no PartialStore.prototype.destroyAllBlocks do ag-grid, pois
|
|
110120
|
+
//apesar de destruir os blocos, mantém a variável "blockHeights" com o tamanho antigo
|
|
110121
|
+
//dos blocos, então, quando removemos uma linha, a altura do bloco não é recalculada.
|
|
110122
|
+
//Descobri que setando manualmente a altura das linhas, apesar do bloco ficar com
|
|
110123
|
+
//tamanho errado, isso afeta menos o componente.
|
|
110124
|
+
rowHeight: this.DEFAULT_ROW_HEIGHT
|
|
110122
110125
|
};
|
|
110123
110126
|
this.setOptionsEvents(this._gridOptions);
|
|
110124
110127
|
this.setOptionsPagination(this._gridOptions);
|
|
@@ -110141,16 +110144,17 @@ class AgGridController {
|
|
|
110141
110144
|
opt.onPaginationChanged = () => this.onPaginationChange();
|
|
110142
110145
|
opt.onRowDoubleClicked = evt => this.onRowDoubleClick(evt);
|
|
110143
110146
|
opt.onDragStopped = evt => this.onCallStateChange("columnMovedEnd", evt);
|
|
110144
|
-
|
|
110145
|
-
|
|
110146
|
-
|
|
110147
|
-
|
|
110148
|
-
}
|
|
110147
|
+
}
|
|
110148
|
+
syncSelection() {
|
|
110149
|
+
if (this._dataUnit) {
|
|
110150
|
+
this.selectRows(this._dataUnit.getSelection());
|
|
110151
|
+
}
|
|
110149
110152
|
}
|
|
110150
110153
|
setOptionsPagination(opt) {
|
|
110151
110154
|
opt.pagination = (this._pageSize > -1);
|
|
110152
110155
|
opt.paginationPageSize = this._pageSize;
|
|
110153
110156
|
opt.cacheBlockSize = this._pageSize;
|
|
110157
|
+
opt.maxBlocksInCache = 1;
|
|
110154
110158
|
}
|
|
110155
110159
|
setOptionsSupress(opt) {
|
|
110156
110160
|
opt.suppressDragLeaveHidesColumns = true;
|
|
@@ -110186,7 +110190,7 @@ class AgGridController {
|
|
|
110186
110190
|
if (this._grid === undefined) {
|
|
110187
110191
|
throw new Error("Erro interno: Grid ainda não inicializado.");
|
|
110188
110192
|
}
|
|
110189
|
-
this._gridOptions.api.refreshServerSideStore({});
|
|
110193
|
+
this._gridOptions.api.refreshServerSideStore({ purge: true });
|
|
110190
110194
|
}
|
|
110191
110195
|
changeValues(changes, rowIds) {
|
|
110192
110196
|
if (this._grid === undefined) {
|
|
@@ -110323,6 +110327,75 @@ class AgGridController {
|
|
|
110323
110327
|
this.goToPage(0);
|
|
110324
110328
|
this._gridOptions.api.refreshServerSideStore({ purge: true });
|
|
110325
110329
|
}
|
|
110330
|
+
isLastOfPage() {
|
|
110331
|
+
return this._isLastRecordOfPage;
|
|
110332
|
+
}
|
|
110333
|
+
isFirstOfPage() {
|
|
110334
|
+
return this._isFirstRecordOfPage;
|
|
110335
|
+
}
|
|
110336
|
+
previousRecord() {
|
|
110337
|
+
const pagination = this.getPaginationStatus();
|
|
110338
|
+
if (this._isFirstRecordOfPage && pagination.hasPrevious) {
|
|
110339
|
+
this.previousPage();
|
|
110340
|
+
}
|
|
110341
|
+
else {
|
|
110342
|
+
if (this._dataUnit) {
|
|
110343
|
+
this._dataUnit.previousRecord();
|
|
110344
|
+
}
|
|
110345
|
+
else {
|
|
110346
|
+
const node = this._gridOptions.api.getSelectedNodes()[0];
|
|
110347
|
+
this.setSelectedIndex(node.rowIndex - 1);
|
|
110348
|
+
}
|
|
110349
|
+
}
|
|
110350
|
+
}
|
|
110351
|
+
nextRecord() {
|
|
110352
|
+
const pagination = this.getPaginationStatus();
|
|
110353
|
+
if (this._isLastRecordOfPage && pagination.hasNext) {
|
|
110354
|
+
this.nextPage();
|
|
110355
|
+
}
|
|
110356
|
+
else {
|
|
110357
|
+
if (this._dataUnit) {
|
|
110358
|
+
this._dataUnit.nextRecord();
|
|
110359
|
+
}
|
|
110360
|
+
else {
|
|
110361
|
+
const node = this._gridOptions.api.getSelectedNodes()[0];
|
|
110362
|
+
this.setSelectedIndex(node.rowIndex + 1);
|
|
110363
|
+
}
|
|
110364
|
+
}
|
|
110365
|
+
}
|
|
110366
|
+
setSelectedIndex(index) {
|
|
110367
|
+
var _a;
|
|
110368
|
+
(_a = this._gridOptions.api.getDisplayedRowAtIndex(index)) === null || _a === void 0 ? void 0 : _a.setSelected(true);
|
|
110369
|
+
}
|
|
110370
|
+
hasPreviousRecord() {
|
|
110371
|
+
const pagination = this.getPaginationStatus();
|
|
110372
|
+
if (this._isFirstRecordOfPage) {
|
|
110373
|
+
return pagination.hasPrevious;
|
|
110374
|
+
}
|
|
110375
|
+
else {
|
|
110376
|
+
if (this._dataUnit) {
|
|
110377
|
+
return this._dataUnit.hasPrevious();
|
|
110378
|
+
}
|
|
110379
|
+
else {
|
|
110380
|
+
return pagination.hasPrevious || this._gridOptions.api.getSelectedRows()[0].rowIndex > 0;
|
|
110381
|
+
}
|
|
110382
|
+
}
|
|
110383
|
+
}
|
|
110384
|
+
hasNextRecord() {
|
|
110385
|
+
const pagination = this.getPaginationStatus();
|
|
110386
|
+
if (this._isLastRecordOfPage) {
|
|
110387
|
+
return pagination.hasNext;
|
|
110388
|
+
}
|
|
110389
|
+
else {
|
|
110390
|
+
if (this._dataUnit) {
|
|
110391
|
+
return this._dataUnit.hasNext() || this.getPaginationStatus().hasNext;
|
|
110392
|
+
}
|
|
110393
|
+
else {
|
|
110394
|
+
const api = this._gridOptions.api;
|
|
110395
|
+
return pagination.hasNext || api.getSelectedRows()[0].rowIndex < api.getDisplayedRowCount();
|
|
110396
|
+
}
|
|
110397
|
+
}
|
|
110398
|
+
}
|
|
110326
110399
|
buildColDef(source) {
|
|
110327
110400
|
return {
|
|
110328
110401
|
headerName: source.label,
|
|
@@ -110404,31 +110477,44 @@ class AgGridController {
|
|
|
110404
110477
|
return false;
|
|
110405
110478
|
}
|
|
110406
110479
|
onSelectionChange(e) {
|
|
110480
|
+
const selectedNodes = e.api.getSelectedNodes();
|
|
110481
|
+
if (selectedNodes.length > 0) {
|
|
110482
|
+
this._isFirstRecordOfPage = selectedNodes[0].rowIndex === e.api.getFirstDisplayedRow();
|
|
110483
|
+
this._isLastRecordOfPage = selectedNodes[0].rowIndex === e.api.getLastDisplayedRow();
|
|
110484
|
+
}
|
|
110407
110485
|
if (this._selectionChangeCallback) {
|
|
110408
|
-
this._selectionChangeCallback(
|
|
110486
|
+
this._selectionChangeCallback({
|
|
110487
|
+
selection: e.api.getSelectedRows(),
|
|
110488
|
+
isFirstOfPage: this._isFirstRecordOfPage,
|
|
110489
|
+
isLastOfPage: this._isLastRecordOfPage
|
|
110490
|
+
});
|
|
110409
110491
|
}
|
|
110410
110492
|
}
|
|
110411
110493
|
onPaginationChange() {
|
|
110494
|
+
this.syncSelection();
|
|
110412
110495
|
if (this._paginationChangeCallback) {
|
|
110413
110496
|
if (this._gridOptions.api) {
|
|
110414
|
-
|
|
110415
|
-
const currentPage = api.paginationGetCurrentPage();
|
|
110416
|
-
const isLastPage = api.paginationGetTotalPages() === (currentPage + 1);
|
|
110417
|
-
const pageSize = api.paginationGetPageSize();
|
|
110418
|
-
const totalRows = api.paginationGetRowCount();
|
|
110419
|
-
const pageStart = currentPage * pageSize + 1;
|
|
110420
|
-
const pageEnd = Math.min(totalRows, (currentPage + 1) * pageSize);
|
|
110421
|
-
this._paginationChangeCallback({
|
|
110422
|
-
hasPrevious: currentPage > 0,
|
|
110423
|
-
hasNext: !isLastPage,
|
|
110424
|
-
currentPage: currentPage + 1,
|
|
110425
|
-
pageStart,
|
|
110426
|
-
pageEnd,
|
|
110427
|
-
totalRows
|
|
110428
|
-
});
|
|
110497
|
+
this._paginationChangeCallback(this.getPaginationStatus());
|
|
110429
110498
|
}
|
|
110430
110499
|
}
|
|
110431
110500
|
}
|
|
110501
|
+
getPaginationStatus() {
|
|
110502
|
+
const api = this._gridOptions.api;
|
|
110503
|
+
const currentPage = api.paginationGetCurrentPage();
|
|
110504
|
+
const isLastPage = api.paginationGetTotalPages() === (currentPage + 1);
|
|
110505
|
+
const pageSize = api.paginationGetPageSize();
|
|
110506
|
+
const totalRows = api.paginationGetRowCount();
|
|
110507
|
+
const pageStart = currentPage * pageSize + 1;
|
|
110508
|
+
const pageEnd = Math.min(totalRows, (currentPage + 1) * pageSize);
|
|
110509
|
+
return {
|
|
110510
|
+
hasPrevious: currentPage > 0,
|
|
110511
|
+
hasNext: !isLastPage,
|
|
110512
|
+
currentPage: currentPage + 1,
|
|
110513
|
+
pageStart,
|
|
110514
|
+
pageEnd,
|
|
110515
|
+
totalRows
|
|
110516
|
+
};
|
|
110517
|
+
}
|
|
110432
110518
|
onRowDoubleClick(evt) {
|
|
110433
110519
|
if (this._doubleClickCallBack) {
|
|
110434
110520
|
this._doubleClickCallBack(evt.data);
|
|
@@ -110452,10 +110538,6 @@ class DataUnitBridge {
|
|
|
110452
110538
|
const { records } = action.payload;
|
|
110453
110539
|
this._gridController.removeRows(records);
|
|
110454
110540
|
break;
|
|
110455
|
-
case core.Action.RECORDS_ADDED:
|
|
110456
|
-
case core.Action.RECORDS_COPIED:
|
|
110457
|
-
this._gridController.addRows(action.payload);
|
|
110458
|
-
break;
|
|
110459
110541
|
case core.Action.EDITION_CANCELED:
|
|
110460
110542
|
case core.Action.DATA_SAVED:
|
|
110461
110543
|
this._gridController.refresh();
|
|
@@ -110464,6 +110546,10 @@ class DataUnitBridge {
|
|
|
110464
110546
|
const { selection } = action.payload;
|
|
110465
110547
|
this._gridController.selectRows(selection);
|
|
110466
110548
|
break;
|
|
110549
|
+
case core.Action.NEXT_SELECTED:
|
|
110550
|
+
case core.Action.PREVIOUS_SELECTED:
|
|
110551
|
+
this._gridController.selectRows(this._dataUnit.getSelection());
|
|
110552
|
+
break;
|
|
110467
110553
|
case core.Action.DATA_CHANGED:
|
|
110468
110554
|
const changes = Object.assign({}, action.payload);
|
|
110469
110555
|
delete changes.records;
|
|
@@ -110568,6 +110654,74 @@ let EzGrid = class {
|
|
|
110568
110654
|
async quickFilter(term) {
|
|
110569
110655
|
this._gridController.quickFilter(term);
|
|
110570
110656
|
}
|
|
110657
|
+
/**
|
|
110658
|
+
* Método para fazer um filtro rápido na grid.
|
|
110659
|
+
*/
|
|
110660
|
+
async nextPage() {
|
|
110661
|
+
this._gridController.nextPage();
|
|
110662
|
+
}
|
|
110663
|
+
/**
|
|
110664
|
+
* Método para fazer um filtro rápido na grid.
|
|
110665
|
+
*/
|
|
110666
|
+
async previousPage() {
|
|
110667
|
+
this._gridController.previousPage();
|
|
110668
|
+
}
|
|
110669
|
+
/**
|
|
110670
|
+
* Método para fazer um filtro rápido na grid.
|
|
110671
|
+
*/
|
|
110672
|
+
async hasNextPage() {
|
|
110673
|
+
return new Promise(resolve => {
|
|
110674
|
+
resolve(this._navigationHasNext);
|
|
110675
|
+
});
|
|
110676
|
+
}
|
|
110677
|
+
/**
|
|
110678
|
+
* Método para fazer um filtro rápido na grid.
|
|
110679
|
+
*/
|
|
110680
|
+
async hasPreviousPage() {
|
|
110681
|
+
return new Promise(resolve => {
|
|
110682
|
+
resolve(this._navigationHasPrevious);
|
|
110683
|
+
});
|
|
110684
|
+
}
|
|
110685
|
+
/**
|
|
110686
|
+
* Método para verificar se o registro selecionado é o ultimo da página.
|
|
110687
|
+
*/
|
|
110688
|
+
async isLastOfPage() {
|
|
110689
|
+
return new Promise(resolve => {
|
|
110690
|
+
resolve(this._gridController.isLastOfPage());
|
|
110691
|
+
});
|
|
110692
|
+
}
|
|
110693
|
+
/**
|
|
110694
|
+
* Método para verificar se o registro selecionado é o primeiro da página.
|
|
110695
|
+
*/
|
|
110696
|
+
async isFirstOfPage() {
|
|
110697
|
+
return new Promise(resolve => {
|
|
110698
|
+
resolve(this._gridController.isFirstOfPage());
|
|
110699
|
+
});
|
|
110700
|
+
}
|
|
110701
|
+
/**
|
|
110702
|
+
* Método para navegar para o proxímo registro da grid.
|
|
110703
|
+
*/
|
|
110704
|
+
async nextRecord() {
|
|
110705
|
+
this._gridController.nextRecord();
|
|
110706
|
+
}
|
|
110707
|
+
/**
|
|
110708
|
+
* Método para navegar para o registro anterior da grid.
|
|
110709
|
+
*/
|
|
110710
|
+
async previousRecord() {
|
|
110711
|
+
this._gridController.previousRecord();
|
|
110712
|
+
}
|
|
110713
|
+
/**
|
|
110714
|
+
* Método para verificar se existem proximos registros.
|
|
110715
|
+
*/
|
|
110716
|
+
async hasNextRecord() {
|
|
110717
|
+
return Promise.resolve(this._gridController.hasNextRecord());
|
|
110718
|
+
}
|
|
110719
|
+
/**
|
|
110720
|
+
* Método para verificar se existem registros anteriores.
|
|
110721
|
+
*/
|
|
110722
|
+
async hasPreviousRecord() {
|
|
110723
|
+
return Promise.resolve(this._gridController.hasPreviousRecord());
|
|
110724
|
+
}
|
|
110571
110725
|
componentWillLoad() {
|
|
110572
110726
|
if (this.dataUnit) {
|
|
110573
110727
|
this._dataUnitBridge = new DataUnitBridge(this._gridController, this.dataUnit);
|
|
@@ -110640,7 +110794,7 @@ let EzGrid = class {
|
|
|
110640
110794
|
componentDidLoad() {
|
|
110641
110795
|
this._gridController.initDatagrid(this._container, {
|
|
110642
110796
|
onColumnStateChange: (type, state, info) => this.onColumnStateChange(type, state, info),
|
|
110643
|
-
onSelectionChange: (
|
|
110797
|
+
onSelectionChange: (state) => this.ezSelectionChange.emit(state.selection),
|
|
110644
110798
|
onPaginationChange: (status) => {
|
|
110645
110799
|
this._navigationHasPrevious = status.hasPrevious;
|
|
110646
110800
|
this._navigationHasNext = status.hasNext;
|
|
@@ -110674,8 +110828,8 @@ let EzGrid = class {
|
|
|
110674
110828
|
}
|
|
110675
110829
|
return [
|
|
110676
110830
|
index.h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium" }, index.h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, `${this._navigationFirstRow}-${this._navigationLastRow}`), ` de ${this._navigationTotalRows}`),
|
|
110677
|
-
index.h("ez-button", { size: "small", iconName: "chevron-left", class: "ez-margin-right--medium", mode: "icon", enabled: this._navigationHasPrevious, onClick: () => this.
|
|
110678
|
-
index.h("ez-button", { size: "small", iconName: "chevron-right", class: "ez-margin-right--medium", mode: "icon", enabled: this._navigationHasNext, onClick: () => this.
|
|
110831
|
+
index.h("ez-button", { size: "small", iconName: "chevron-left", class: "ez-margin-right--medium", mode: "icon", enabled: this._navigationHasPrevious, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }),
|
|
110832
|
+
index.h("ez-button", { size: "small", iconName: "chevron-right", class: "ez-margin-right--medium", mode: "icon", enabled: this._navigationHasNext, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" })
|
|
110679
110833
|
];
|
|
110680
110834
|
}
|
|
110681
110835
|
applyConfig(config) {
|