@sankhyalabs/ezui 2.0.2 → 2.0.3
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-check.cjs.entry.js +6 -19
- package/dist/cjs/ez-grid.cjs.entry.js +87 -11
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ez-check/ez-check.css +24 -8
- package/dist/collection/components/ez-check/ez-check.js +23 -20
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +47 -11
- package/dist/collection/components/ez-grid/controller/ag-grid/components/selectionHeader.js +40 -0
- package/dist/custom-elements/index.js +94 -31
- package/dist/esm/ez-check.entry.js +6 -19
- package/dist/esm/ez-grid.entry.js +87 -11
- package/dist/esm/ezui.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/p-0bd0afcf.entry.js +1 -0
- package/dist/ezui/{p-ae5af8f9.entry.js → p-e120b25a.entry.js} +1 -1
- package/dist/types/components/ez-check/ez-check.d.ts +5 -2
- package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +3 -0
- package/dist/types/components/ez-grid/controller/ag-grid/components/selectionHeader.d.ts +12 -0
- package/dist/types/components.d.ts +8 -0
- package/package.json +1 -1
- package/dist/ezui/p-2213da1f.entry.js +0 -1
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-8646c40d.js');
|
|
6
6
|
const CheckMode = require('./CheckMode-ecb90b87.js');
|
|
7
7
|
|
|
8
|
-
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.regular-mode{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;box-sizing:border-box;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:50%;position:relative;width:var(--ez-check--width);height:var(--ez-check--height)}input.regular-mode:enabled:hover{background-color:var(--ez-check--hover--background-color)}input.regular-mode:enabled:focus{outline:none;background-color:var(--ez-check--focus--background-color)}input.regular-mode:disabled{cursor:auto;background:none}input.regular-mode::before{box-sizing:border-box;content:\"\";display:block;width:var(--ez-check--box--width);height:var(--ez-check--box--height);border-radius:var(--ez-check--border-radius);border:var(--ez-check--border)}input.regular-mode:disabled::before{border:var(--ez-check--disabled--border)}input.regular-mode:checked:enabled:hover{background-color:var(--ez-check--checked--hover--background-color)}input.regular-mode:checked:enabled:focus{background-color:var(--ez-check--checked--focus--background-color)}input.regular-mode:checked::before{border:var(--ez-check--checked--border);background-color:var(--ez-check--checked--background-color)}input.regular-mode:
|
|
8
|
+
const ezCheckCss = ":host{--ez-check--box--width:18px;--ez-check--box--height:18px;--ez-check--width:calc(var(--ez-check--box--width) + var(--ez-check--outter-gap, 14px));--ez-check--height:calc(var(--ez-check--box--width) + var(--ez-check--outter-gap, 14px));--ez-check--border-radius:var(--border--radius-small);--ez-check--checked--background-color:var(--color--primary-200);--ez-check--focus--background-color:var(--color--strokes, #FFFFFF);--ez-check--hover--background-color:var(--background--medium);--ez-check--checked--disabled--background-color:var(--color--disable-secondary);--ez-check--border:var(--border--medium) var(--title--primary);--ez-check--disabled--border:var(--border--medium) var(--color--strokes);--ez-check--checked--border:var(--border--medium) var(--color--primary);--ez-check--checked--hover--background-color:var(--color--primary-200);--ez-check--checked--focus--background-color:var(--color--primary-300, #FFFFFF);--ez-check--check--image:url('data:image/svg+xml;utf8,<svg width=\"8\" height=\"7\" viewBox=\"0 0 8 7\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.70002 0.398999L7.48502 0.207997C7.31524 0.0598858 7.09376 -0.0150438 6.86894 -0.000430025C6.64411 0.0141838 6.43419 0.117153 6.28502 0.285997L2.70002 4.332L1.61802 3.384C1.44837 3.23576 1.22697 3.16067 1.00214 3.17509C0.77732 3.18952 0.567332 3.2923 0.418019 3.461L0.229019 3.674C0.0752361 3.84797 -0.00437434 4.07521 0.00721192 4.30713C0.0187982 4.53904 0.120661 4.75722 0.291019 4.915L2.27402 6.762C2.35832 6.8432 2.45842 6.90618 2.56811 6.94702C2.67779 6.98787 2.79471 7.00571 2.91159 6.99942C3.02846 6.99314 3.14279 6.96287 3.24747 6.91049C3.35214 6.85812 3.44492 6.78477 3.52002 6.695L7.79102 1.638C7.94063 1.46048 8.01486 1.23149 7.99786 0.999963C7.98085 0.768436 7.87396 0.552749 7.70002 0.398999Z\"/></svg>');--ez-check--indeterminate--image:url('data:image/svg+xml;utf8,<svg width=\"10\" height=\"2\" viewBox=\"0 0 10 2\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m 1,0 h 8 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 H 1 C 0.446,2 0,1.554 0,1 0,0.446 0.446,0 1,0 Z\" /></svg>');--ez-check--check--background-color:var(--color--primary);--ez-check--check--disabled--background-color:var(--color--strokes);--ez-switch--slider--width:34px;--ez-switch--slider--height:14px;--ez-switch--pin--width:19px;--ez-switch--pin--height:19px;--ez-switch--focus--width:32px;--ez-switch--focus--height:32px;--ez-switch--background-color:var(--color--strokes);--ez-switch--disabled--background-color:var(--color--disable-secondary);--ez-switch--disabled--checked--background-color:var(--color--primary-300);--ez-switch--checked--background-color:var(--color--primary);--ez-switch--pin--background-color:var(--background--xlight);--ez-switch--pin--disabled--background-color:var(--color--disable-primary);--ez-switch--pin--checked--background-color:var(--background--xlight);--ez-switch--pin--checked--disabled--background-color:#E8F7F4;--ez-switch--pin--focus--background-color:var(--text--disable);--ez-switch--pin--checked--focus--background-color:var(--color--primary);--ez-switch--pin--border-color:var(--text--primary);--ez-switch--pin--disabled--border-color:var(--text--secondary);--ez-check--label--font-size:var(--text--medium, 14px);--ez-check--label--font-family:var(--font-pattern, Arial);--ez-check--label--color:var(--title--primary, #000);--ez-check--label--disabled--color:var(--text--disable, #AFB6C0);display:flex;width:100%;align-items:center;margin:0}input.regular-mode{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;box-sizing:border-box;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:50%;position:relative;width:var(--ez-check--width);height:var(--ez-check--height)}input.regular-mode:enabled:hover{background-color:var(--ez-check--hover--background-color)}input.regular-mode:enabled:focus{outline:none;background-color:var(--ez-check--focus--background-color)}input.regular-mode:disabled{cursor:auto;background:none}input.regular-mode::before{box-sizing:border-box;content:\"\";display:block;width:var(--ez-check--box--width);height:var(--ez-check--box--height);border-radius:var(--ez-check--border-radius);border:var(--ez-check--border)}input.regular-mode:disabled::before{border:var(--ez-check--disabled--border)}input.regular-mode:checked:enabled:hover,input.regular-mode:indeterminate:enabled:hover{background-color:var(--ez-check--checked--hover--background-color)}input.regular-mode:checked:enabled:focus,input.regular-mode:indeterminate:enabled:focus{background-color:var(--ez-check--checked--focus--background-color)}input.regular-mode:checked::before,input.regular-mode:indeterminate::before{border:var(--ez-check--checked--border);background-color:var(--ez-check--checked--background-color)}input.regular-mode:disabled:before{border:var(--ez-check--disabled--border);background-color:var(--ez-check--checked--disabled--background-color)}input.regular-mode:checked::after,input.regular-mode:indeterminate:after{display:flex;position:absolute;content:\"\";background-color:var(--ez-check--check--background-color);width:8px;height:7px;-webkit-mask-image:var(--ez-check--check--image);mask-image:var(--ez-check--check--image)}input.regular-mode:indeterminate:after{display:flex;position:absolute;content:\"\";background-color:var(--ez-check--check--background-color);width:10px;height:2px;-webkit-mask-image:var(--ez-check--indeterminate--image);mask-image:var(--ez-check--indeterminate--image)}input.regular-mode:checked:disabled::after,input.regular-mode:indeterminate:disabled::after{background-color:var(--ez-check--check--disabled--background-color)}input.switch-mode{flex-shrink:0;-webkit-appearance:none;appearance:none;position:relative;outline:none;cursor:pointer;border-radius:20px;border:var(--border--small, 1px solid) var(--ez-switch--pin--border-color, #626e82);transition:background-color var(--transition);width:var(--ez-switch--slider--width);height:var(--ez-switch--slider--height);background-color:var(--ez-switch--background-color)}input.switch-mode:disabled{background-color:var(--ez-switch--disabled--background-color);border:var(--border--small, 1px solid) var(--ez-switch--pin--disabled--border-color, #a2abb9)}input.switch-mode:checked:disabled{background-color:var(--ez-switch--disabled--checked--background-color)}input.switch-mode::after{content:\"\";display:block;position:absolute;box-shadow:var(--shadow);transition:transform var(--transition);transition:background-color var(--transition);transition:border-color var(--transition);transform:translateX(-2px) translateY(-4px);border-radius:50%;border:var(--border--small, 1px solid) var(--ez-switch--pin--border-color, #626e82);width:var(--ez-switch--pin--width);height:var(--ez-switch--pin--height);background-color:var(--ez-switch--pin--background-color)}input.switch-mode:disabled::after{background-color:var(--ez-switch--pin--disabled--background-color);border:var(--border--small, 1px solid) var(--ez-switch--pin--disabled--border-color, #a2abb9)}input.switch-mode:checked{transition:background-color var(--transition), border var(--transition);background-color:var(--ez-switch--checked--background-color);border:var(--border--small, 1px solid) var(--color--primary, #008561)}input.switch-mode::before{display:block;content:\"\";display:block;position:absolute;border-radius:50%;opacity:0;width:var(--ez-switch--focus--width);height:var(--ez-switch--focus--height);top:calc((var(--ez-switch--slider--height) - var(--ez-switch--focus--height)) / 2);left:calc((var(--ez-switch--pin--width) - var(--ez-switch--focus--width) - 2px) / 2);background-color:var(--ez-switch--pin--focus--background-color)}input.switch-mode:focus::before{opacity:0.24;transition:opacity var(--transition)}input.switch-mode:checked:focus::before{background-color:var(--ez-switch--pin--checked--focus--background-color);transform:translateX(calc(var(--ez-switch--slider--width) - var(--ez-switch--pin--width) + 2px))}input.switch-mode:checked::after{transition:transform var(--transition);transition:background-color var(--transition);transition:border-color var(--transition);transform:translateX(calc(var(--ez-switch--slider--width) - var(--ez-switch--pin--width))) translateY(-4px);box-shadow:var(--shadow);background-color:var(--ez-switch--pin--checked--background-color);border:var(--border--small, 1px solid) var(--color--primary, #008561)}input.switch-mode:checked:disabled::after{background-color:var(--ez-switch--pin--checked--disabled--background-color)}.label{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-check--label--color);font-size:var(--ez-check--label--font-size);font-family:var(--ez-check--label--font-family);cursor:default;padding-left:var(--space--small)}.label--disabled{color:var(--ez-check--label--disabled--color)}";
|
|
9
9
|
|
|
10
10
|
let EzCheck = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -23,17 +23,6 @@ let EzCheck = class {
|
|
|
23
23
|
*/
|
|
24
24
|
this.mode = CheckMode.CheckMode.REGULAR;
|
|
25
25
|
}
|
|
26
|
-
observeMode() {
|
|
27
|
-
var _a;
|
|
28
|
-
if (((_a = this.mode) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === CheckMode.CheckMode.SWITCH) {
|
|
29
|
-
this._inputElem.classList.remove("regular-mode");
|
|
30
|
-
this._inputElem.classList.add("switch-mode");
|
|
31
|
-
}
|
|
32
|
-
else {
|
|
33
|
-
this._inputElem.classList.remove("switch-mode");
|
|
34
|
-
this._inputElem.classList.add("regular-mode");
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
26
|
//---------------------------------------------
|
|
38
27
|
// Public methods
|
|
39
28
|
//---------------------------------------------
|
|
@@ -49,9 +38,6 @@ let EzCheck = class {
|
|
|
49
38
|
async setFocus() {
|
|
50
39
|
this._inputElem.focus();
|
|
51
40
|
}
|
|
52
|
-
componentDidLoad() {
|
|
53
|
-
this.observeMode();
|
|
54
|
-
}
|
|
55
41
|
changeValue() {
|
|
56
42
|
if (!this.enabled) {
|
|
57
43
|
return;
|
|
@@ -66,12 +52,13 @@ let EzCheck = class {
|
|
|
66
52
|
}
|
|
67
53
|
return classes;
|
|
68
54
|
}
|
|
55
|
+
getInputClasses() {
|
|
56
|
+
var _a;
|
|
57
|
+
return ((_a = this.mode) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === CheckMode.CheckMode.SWITCH ? "switch-mode" : "regular-mode";
|
|
58
|
+
}
|
|
69
59
|
render() {
|
|
70
|
-
return (index.h(index.Host, null, index.h("input", { type: "checkbox", class:
|
|
60
|
+
return (index.h(index.Host, null, index.h("input", { type: "checkbox", ref: (el) => this._inputElem = el, class: this.getInputClasses(), checked: this.value === true, onChange: () => { this.changeValue(); }, indeterminate: this.indeterminate, disabled: !this.enabled }), this.label ? index.h("label", { class: this.getLabelClasses(), onClick: () => { this.changeValue(); }, title: this.label }, this.label) : undefined));
|
|
71
61
|
}
|
|
72
|
-
static get watchers() { return {
|
|
73
|
-
"mode": ["observeMode"]
|
|
74
|
-
}; }
|
|
75
62
|
};
|
|
76
63
|
EzCheck.style = ezCheckCss;
|
|
77
64
|
|
|
@@ -114707,6 +114707,47 @@ class CellRenderer {
|
|
|
114707
114707
|
}
|
|
114708
114708
|
}
|
|
114709
114709
|
|
|
114710
|
+
class SelectionHeader {
|
|
114711
|
+
updateCheckbox() {
|
|
114712
|
+
this.updatingValue = true;
|
|
114713
|
+
try {
|
|
114714
|
+
const value = this.headerCheckStatusGetter();
|
|
114715
|
+
this.checkBox.indeterminate = value == undefined;
|
|
114716
|
+
this.checkBox.value = value;
|
|
114717
|
+
}
|
|
114718
|
+
finally {
|
|
114719
|
+
this.updatingValue = false;
|
|
114720
|
+
}
|
|
114721
|
+
}
|
|
114722
|
+
init(params) {
|
|
114723
|
+
params.context.selectionHeader = this;
|
|
114724
|
+
const valueSetter = params.context.headerCheckStatusSetter;
|
|
114725
|
+
this.headerCheckStatusGetter = params.context.headerCheckStatusGetter;
|
|
114726
|
+
this.element = document.createElement('div');
|
|
114727
|
+
this.element.classList.add("ag-header__selection-checkbox");
|
|
114728
|
+
this.checkBox = document.createElement('ez-check');
|
|
114729
|
+
this.checkBox.style.setProperty("--ez-check--focus--background-color", "transparent");
|
|
114730
|
+
this.checkBox.style.setProperty("--ez-check--hover--background-color", "transparent");
|
|
114731
|
+
this.element.append(this.checkBox);
|
|
114732
|
+
this.updateCheckbox();
|
|
114733
|
+
this.element.addEventListener('ezChange', (evt) => {
|
|
114734
|
+
if (!this.updatingValue) {
|
|
114735
|
+
valueSetter(evt.detail);
|
|
114736
|
+
}
|
|
114737
|
+
});
|
|
114738
|
+
}
|
|
114739
|
+
getGui() {
|
|
114740
|
+
return this.element;
|
|
114741
|
+
}
|
|
114742
|
+
destroy() {
|
|
114743
|
+
this.element.remove();
|
|
114744
|
+
this.element = null;
|
|
114745
|
+
}
|
|
114746
|
+
refresh(_params) {
|
|
114747
|
+
return false;
|
|
114748
|
+
}
|
|
114749
|
+
}
|
|
114750
|
+
|
|
114710
114751
|
class AgGridController {
|
|
114711
114752
|
constructor(enterprise) {
|
|
114712
114753
|
this.DEFAULT_ROW_HEIGHT = 30;
|
|
@@ -114769,6 +114810,13 @@ class AgGridController {
|
|
|
114769
114810
|
defaultColDef: {
|
|
114770
114811
|
headerClass: "ez-grid__cell-header",
|
|
114771
114812
|
cellClass: "ez-grid__cell-body"
|
|
114813
|
+
},
|
|
114814
|
+
components: {
|
|
114815
|
+
'ezGridHeaderComponent': SelectionHeader
|
|
114816
|
+
},
|
|
114817
|
+
context: {
|
|
114818
|
+
headerCheckStatusGetter: () => this.getSelectionHeaderStatus(),
|
|
114819
|
+
headerCheckStatusSetter: (selectAll) => this.updateSelectionForAll(selectAll)
|
|
114772
114820
|
}
|
|
114773
114821
|
};
|
|
114774
114822
|
this.setOptionsEvents(this._gridOptions);
|
|
@@ -114801,6 +114849,31 @@ class AgGridController {
|
|
|
114801
114849
|
opt.suppressDragLeaveHidesColumns = true;
|
|
114802
114850
|
opt.suppressMenuHide = true;
|
|
114803
114851
|
}
|
|
114852
|
+
getSelectionHeaderStatus() {
|
|
114853
|
+
const records = this._dataUnit.records;
|
|
114854
|
+
if (records && records.length === 0) {
|
|
114855
|
+
return false;
|
|
114856
|
+
}
|
|
114857
|
+
const selection = this._dataUnit.getSelection();
|
|
114858
|
+
if (selection == undefined || selection.length === 0) {
|
|
114859
|
+
return false;
|
|
114860
|
+
}
|
|
114861
|
+
if (selection.length != records.length) {
|
|
114862
|
+
return undefined;
|
|
114863
|
+
}
|
|
114864
|
+
let status = undefined;
|
|
114865
|
+
for (let i = 0; i < records.length; i++) {
|
|
114866
|
+
const current = selection.includes(records[i].__record__id__);
|
|
114867
|
+
if (status != undefined && current !== status) {
|
|
114868
|
+
return undefined;
|
|
114869
|
+
}
|
|
114870
|
+
status = current;
|
|
114871
|
+
}
|
|
114872
|
+
return status;
|
|
114873
|
+
}
|
|
114874
|
+
updateSelectionForAll(selectAll) {
|
|
114875
|
+
this._dataUnit.setSelection(selectAll ? this._dataUnit.records.map(r => r.__record__id__) : []);
|
|
114876
|
+
}
|
|
114804
114877
|
setData(data) {
|
|
114805
114878
|
if (this._grid === undefined) {
|
|
114806
114879
|
throw new Error("Erro interno: Grid ainda não inicializado.");
|
|
@@ -114821,13 +114894,12 @@ class AgGridController {
|
|
|
114821
114894
|
if (this._grid === undefined) {
|
|
114822
114895
|
throw new Error("Erro interno: Grid ainda não inicializado.");
|
|
114823
114896
|
}
|
|
114824
|
-
|
|
114825
|
-
|
|
114826
|
-
|
|
114827
|
-
|
|
114828
|
-
|
|
114829
|
-
|
|
114830
|
-
});
|
|
114897
|
+
this._gridOptions.api.forEachNode(node => {
|
|
114898
|
+
node.setSelected(rowIds && rowIds.includes(node.id));
|
|
114899
|
+
});
|
|
114900
|
+
const selectionHeader = this._gridOptions.context.selectionHeader;
|
|
114901
|
+
if (selectionHeader) {
|
|
114902
|
+
selectionHeader.updateCheckbox();
|
|
114831
114903
|
}
|
|
114832
114904
|
}
|
|
114833
114905
|
removeRows() {
|
|
@@ -114876,7 +114948,8 @@ class AgGridController {
|
|
|
114876
114948
|
colId: this.CHECK_BOX_COL_ID,
|
|
114877
114949
|
headerName: "",
|
|
114878
114950
|
checkboxSelection: true,
|
|
114879
|
-
|
|
114951
|
+
headerComponent: "ezGridHeaderComponent",
|
|
114952
|
+
headerClass: "ag-column-select-header",
|
|
114880
114953
|
width: 28,
|
|
114881
114954
|
suppressMovable: true,
|
|
114882
114955
|
suppressAutoSize: true,
|
|
@@ -115117,9 +115190,12 @@ class AgGridController {
|
|
|
115117
115190
|
}
|
|
115118
115191
|
onSelectionChange() {
|
|
115119
115192
|
if (this._selectionChangeCallback) {
|
|
115120
|
-
this.
|
|
115121
|
-
|
|
115122
|
-
|
|
115193
|
+
clearTimeout(this._selectionChangeDeboucing);
|
|
115194
|
+
this._selectionChangeDeboucing = window.setTimeout(() => {
|
|
115195
|
+
this._selectionChangeCallback({
|
|
115196
|
+
selection: this._gridOptions.api.getSelectedRows()
|
|
115197
|
+
});
|
|
115198
|
+
}, 0);
|
|
115123
115199
|
}
|
|
115124
115200
|
}
|
|
115125
115201
|
onRowDoubleClick(evt) {
|
package/dist/cjs/ezui.cjs.js
CHANGED
|
@@ -15,5 +15,5 @@ const patchBrowser = () => {
|
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(options => {
|
|
18
|
-
return index.bootstrapLazy([["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"serverUrl":[1,"server-url"],"dataUnit":[16],"statusResolver":[16],"_paginationInfo":[32],"_popUpGridConfig":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"quickFilter":[64],"closeGridConfig":[64],"openGridConfig":[64]}]]],["ez-actions-button.cjs",[[1,"ez-actions-button",{"enabled":[516],"actions":[1040],"size":[513],"showLabel":[516,"show-label"],"iconName":[513,"icon-name"],"checkOption":[516,"check-option"],"value":[513],"isTransparent":[516,"is-transparent"],"arrowActive":[516,"arrow-active"],"_selectedAction":[32],"hideActions":[64],"isOpened":[64]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"dialogType":[1025,"dialog-type"],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-filter-input.cjs",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"loading":[516],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-modal-container.cjs",[[6,"ez-modal-container",{"modalTitle":[1,"modal-title"],"modalSubTitle":[1,"modal-sub-title"],"showTitleBar":[4,"show-title-bar"],"cancelButtonLabel":[1,"cancel-button-label"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonStatus":[1,"cancel-button-status"],"okButtonStatus":[1,"ok-button-status"]}]]],["ez-chip.cjs",[[1,"ez-chip",{"label":[513],"enabled":[516],"removePosition":[513,"remove-position"],"mode":[513],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-card-item.cjs",[[1,"ez-card-item",{"item":[16]}]]],["ez-loading-bar.cjs",[[1,"ez-loading-bar",{"_showLoading":[32],"hide":[64],"show":[64]}]]],["ez-popover.cjs",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"heightMode":[1537,"height-mode"],"ezTitle":[1,"ez-title"]}]]],["ez-radio-button.cjs",[[1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]]],["ez-scroller.cjs",[[1,"ez-scroller",{"direction":[1]},[[2,"click","clickListener"],[1,"mousedown","mouseDownHandler"],[1,"mouseup","mouseUpHandler"],[1,"mousemove","mouseMoveHandler"]]]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["ez-view-stack.cjs",[[0,"ez-view-stack",{"show":[64],"getSelectedIndex":[64]}]]],["ez-grid-config.cjs",[[2,"ez-grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040],"config":[1040]}]]],["ez-collapsible-box.cjs",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"stretchTitle":[516,"stretch-title"],"removable":[516],"editable":[516],"conditionalSave":[16],"_activeEditText":[32],"showHide":[64],"applyFocusTextEdit":[64],"cancelEdition":[64]}]]],["ez-search.cjs",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-calendar.cjs",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-text-input.cjs",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"noBorder":[516,"no-border"],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-input.cjs",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-time-input.cjs",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-time-input.cjs",[[1,"ez-time-input",{"label":[513],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-number-input.cjs",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-modal.cjs",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-text-area.cjs",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-upload.cjs",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-text-edit.cjs",[[1,"ez-text-edit",{"value":[1],"styled":[16],"_newValue":[32],"applyFocusSelect":[64]}]]],["ez-list.cjs",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"clearHistory":[64],"scrollToTop":[64],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-tabselector.cjs",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1],"_processedTabs":[32]}]]],["ez-check.cjs",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-icon.cjs",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-combo-box.cjs",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-select-box.cjs",[[1,"ez-select-box",{"selectedOption":[1,"selected-option"]}]]],["ez-button.cjs",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-form.cjs",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"recordsValidator":[16],"submit":[64],"cancel":[64],"validate":[64]}]]]], options);
|
|
18
|
+
return index.bootstrapLazy([["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"serverUrl":[1,"server-url"],"dataUnit":[16],"statusResolver":[16],"_paginationInfo":[32],"_popUpGridConfig":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"quickFilter":[64],"closeGridConfig":[64],"openGridConfig":[64]}]]],["ez-actions-button.cjs",[[1,"ez-actions-button",{"enabled":[516],"actions":[1040],"size":[513],"showLabel":[516,"show-label"],"iconName":[513,"icon-name"],"checkOption":[516,"check-option"],"value":[513],"isTransparent":[516,"is-transparent"],"arrowActive":[516,"arrow-active"],"_selectedAction":[32],"hideActions":[64],"isOpened":[64]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"dialogType":[1025,"dialog-type"],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-filter-input.cjs",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"loading":[516],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-modal-container.cjs",[[6,"ez-modal-container",{"modalTitle":[1,"modal-title"],"modalSubTitle":[1,"modal-sub-title"],"showTitleBar":[4,"show-title-bar"],"cancelButtonLabel":[1,"cancel-button-label"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonStatus":[1,"cancel-button-status"],"okButtonStatus":[1,"ok-button-status"]}]]],["ez-chip.cjs",[[1,"ez-chip",{"label":[513],"enabled":[516],"removePosition":[513,"remove-position"],"mode":[513],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-card-item.cjs",[[1,"ez-card-item",{"item":[16]}]]],["ez-loading-bar.cjs",[[1,"ez-loading-bar",{"_showLoading":[32],"hide":[64],"show":[64]}]]],["ez-popover.cjs",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"heightMode":[1537,"height-mode"],"ezTitle":[1,"ez-title"]}]]],["ez-radio-button.cjs",[[1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]]],["ez-scroller.cjs",[[1,"ez-scroller",{"direction":[1]},[[2,"click","clickListener"],[1,"mousedown","mouseDownHandler"],[1,"mouseup","mouseUpHandler"],[1,"mousemove","mouseMoveHandler"]]]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["ez-view-stack.cjs",[[0,"ez-view-stack",{"show":[64],"getSelectedIndex":[64]}]]],["ez-grid-config.cjs",[[2,"ez-grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040],"config":[1040]}]]],["ez-collapsible-box.cjs",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"stretchTitle":[516,"stretch-title"],"removable":[516],"editable":[516],"conditionalSave":[16],"_activeEditText":[32],"showHide":[64],"applyFocusTextEdit":[64],"cancelEdition":[64]}]]],["ez-search.cjs",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-calendar.cjs",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-text-input.cjs",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"noBorder":[516,"no-border"],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-input.cjs",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-time-input.cjs",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-time-input.cjs",[[1,"ez-time-input",{"label":[513],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-number-input.cjs",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-modal.cjs",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-text-area.cjs",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-upload.cjs",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-text-edit.cjs",[[1,"ez-text-edit",{"value":[1],"styled":[16],"_newValue":[32],"applyFocusSelect":[64]}]]],["ez-list.cjs",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"clearHistory":[64],"scrollToTop":[64],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-tabselector.cjs",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1],"_processedTabs":[32]}]]],["ez-check.cjs",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"indeterminate":[4],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-icon.cjs",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-combo-box.cjs",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-select-box.cjs",[[1,"ez-select-box",{"selectedOption":[1,"selected-option"]}]]],["ez-button.cjs",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-form.cjs",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"recordsValidator":[16],"submit":[64],"cancel":[64],"validate":[64]}]]]], options);
|
|
19
19
|
});
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return index.bootstrapLazy([["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"serverUrl":[1,"server-url"],"dataUnit":[16],"statusResolver":[16],"_paginationInfo":[32],"_popUpGridConfig":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"quickFilter":[64],"closeGridConfig":[64],"openGridConfig":[64]}]]],["ez-actions-button.cjs",[[1,"ez-actions-button",{"enabled":[516],"actions":[1040],"size":[513],"showLabel":[516,"show-label"],"iconName":[513,"icon-name"],"checkOption":[516,"check-option"],"value":[513],"isTransparent":[516,"is-transparent"],"arrowActive":[516,"arrow-active"],"_selectedAction":[32],"hideActions":[64],"isOpened":[64]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"dialogType":[1025,"dialog-type"],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-filter-input.cjs",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"loading":[516],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-modal-container.cjs",[[6,"ez-modal-container",{"modalTitle":[1,"modal-title"],"modalSubTitle":[1,"modal-sub-title"],"showTitleBar":[4,"show-title-bar"],"cancelButtonLabel":[1,"cancel-button-label"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonStatus":[1,"cancel-button-status"],"okButtonStatus":[1,"ok-button-status"]}]]],["ez-chip.cjs",[[1,"ez-chip",{"label":[513],"enabled":[516],"removePosition":[513,"remove-position"],"mode":[513],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-card-item.cjs",[[1,"ez-card-item",{"item":[16]}]]],["ez-loading-bar.cjs",[[1,"ez-loading-bar",{"_showLoading":[32],"hide":[64],"show":[64]}]]],["ez-popover.cjs",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"heightMode":[1537,"height-mode"],"ezTitle":[1,"ez-title"]}]]],["ez-radio-button.cjs",[[1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]]],["ez-scroller.cjs",[[1,"ez-scroller",{"direction":[1]},[[2,"click","clickListener"],[1,"mousedown","mouseDownHandler"],[1,"mouseup","mouseUpHandler"],[1,"mousemove","mouseMoveHandler"]]]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["ez-view-stack.cjs",[[0,"ez-view-stack",{"show":[64],"getSelectedIndex":[64]}]]],["ez-grid-config.cjs",[[2,"ez-grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040],"config":[1040]}]]],["ez-collapsible-box.cjs",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"stretchTitle":[516,"stretch-title"],"removable":[516],"editable":[516],"conditionalSave":[16],"_activeEditText":[32],"showHide":[64],"applyFocusTextEdit":[64],"cancelEdition":[64]}]]],["ez-search.cjs",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-calendar.cjs",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-text-input.cjs",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"noBorder":[516,"no-border"],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-input.cjs",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-time-input.cjs",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-time-input.cjs",[[1,"ez-time-input",{"label":[513],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-number-input.cjs",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-modal.cjs",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-text-area.cjs",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-upload.cjs",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-text-edit.cjs",[[1,"ez-text-edit",{"value":[1],"styled":[16],"_newValue":[32],"applyFocusSelect":[64]}]]],["ez-list.cjs",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"clearHistory":[64],"scrollToTop":[64],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-tabselector.cjs",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1],"_processedTabs":[32]}]]],["ez-check.cjs",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-icon.cjs",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-combo-box.cjs",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-select-box.cjs",[[1,"ez-select-box",{"selectedOption":[1,"selected-option"]}]]],["ez-button.cjs",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-form.cjs",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"recordsValidator":[16],"submit":[64],"cancel":[64],"validate":[64]}]]]], options);
|
|
17
|
+
return index.bootstrapLazy([["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"serverUrl":[1,"server-url"],"dataUnit":[16],"statusResolver":[16],"_paginationInfo":[32],"_popUpGridConfig":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"quickFilter":[64],"closeGridConfig":[64],"openGridConfig":[64]}]]],["ez-actions-button.cjs",[[1,"ez-actions-button",{"enabled":[516],"actions":[1040],"size":[513],"showLabel":[516,"show-label"],"iconName":[513,"icon-name"],"checkOption":[516,"check-option"],"value":[513],"isTransparent":[516,"is-transparent"],"arrowActive":[516,"arrow-active"],"_selectedAction":[32],"hideActions":[64],"isOpened":[64]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"dialogType":[1025,"dialog-type"],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-filter-input.cjs",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"loading":[516],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-modal-container.cjs",[[6,"ez-modal-container",{"modalTitle":[1,"modal-title"],"modalSubTitle":[1,"modal-sub-title"],"showTitleBar":[4,"show-title-bar"],"cancelButtonLabel":[1,"cancel-button-label"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonStatus":[1,"cancel-button-status"],"okButtonStatus":[1,"ok-button-status"]}]]],["ez-chip.cjs",[[1,"ez-chip",{"label":[513],"enabled":[516],"removePosition":[513,"remove-position"],"mode":[513],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-card-item.cjs",[[1,"ez-card-item",{"item":[16]}]]],["ez-loading-bar.cjs",[[1,"ez-loading-bar",{"_showLoading":[32],"hide":[64],"show":[64]}]]],["ez-popover.cjs",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"heightMode":[1537,"height-mode"],"ezTitle":[1,"ez-title"]}]]],["ez-radio-button.cjs",[[1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]]],["ez-scroller.cjs",[[1,"ez-scroller",{"direction":[1]},[[2,"click","clickListener"],[1,"mousedown","mouseDownHandler"],[1,"mouseup","mouseUpHandler"],[1,"mousemove","mouseMoveHandler"]]]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["ez-view-stack.cjs",[[0,"ez-view-stack",{"show":[64],"getSelectedIndex":[64]}]]],["ez-grid-config.cjs",[[2,"ez-grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040],"config":[1040]}]]],["ez-collapsible-box.cjs",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"stretchTitle":[516,"stretch-title"],"removable":[516],"editable":[516],"conditionalSave":[16],"_activeEditText":[32],"showHide":[64],"applyFocusTextEdit":[64],"cancelEdition":[64]}]]],["ez-search.cjs",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-calendar.cjs",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-text-input.cjs",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"noBorder":[516,"no-border"],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-input.cjs",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-time-input.cjs",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-time-input.cjs",[[1,"ez-time-input",{"label":[513],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-number-input.cjs",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-modal.cjs",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-text-area.cjs",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-upload.cjs",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-text-edit.cjs",[[1,"ez-text-edit",{"value":[1],"styled":[16],"_newValue":[32],"applyFocusSelect":[64]}]]],["ez-list.cjs",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"clearHistory":[64],"scrollToTop":[64],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-tabselector.cjs",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1],"_processedTabs":[32]}]]],["ez-check.cjs",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"indeterminate":[4],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-icon.cjs",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-combo-box.cjs",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-select-box.cjs",[[1,"ez-select-box",{"selectedOption":[1,"selected-option"]}]]],["ez-button.cjs",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-form.cjs",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"recordsValidator":[16],"submit":[64],"cancel":[64],"validate":[64]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -9,9 +9,9 @@
|
|
|
9
9
|
/*@doc Define a altura do box do checkbox.*/
|
|
10
10
|
--ez-check--box--height: 18px;
|
|
11
11
|
/*@doc Define a largura do input do checkbox.*/
|
|
12
|
-
--ez-check--width: calc(var(--ez-check--box--width) + 14px);
|
|
12
|
+
--ez-check--width: calc(var(--ez-check--box--width) + var(--ez-check--outter-gap, 14px));
|
|
13
13
|
/*@doc Define a altura do input do checkbox */
|
|
14
|
-
--ez-check--height: calc(var(--ez-check--box--width) + 14px);
|
|
14
|
+
--ez-check--height: calc(var(--ez-check--box--width) + var(--ez-check--outter-gap, 14px));
|
|
15
15
|
|
|
16
16
|
/*general*/
|
|
17
17
|
/*@doc Define o raio da borda do input do checkbox.*/
|
|
@@ -43,6 +43,8 @@
|
|
|
43
43
|
/*check*/
|
|
44
44
|
/*@doc Contém o ícone do input marcado.*/
|
|
45
45
|
--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>');
|
|
46
|
+
/*@doc Ícone usado para o estado "indeterminado" do componente.*/
|
|
47
|
+
--ez-check--indeterminate--image: url('data:image/svg+xml;utf8,<svg width="10" height="2" viewBox="0 0 10 2" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="m 1,0 h 8 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 H 1 C 0.446,2 0,1.554 0,1 0,0.446 0.446,0 1,0 Z" /></svg>');
|
|
46
48
|
/*@doc Define a cor de fundo do slot do ícone quando marcado.*/
|
|
47
49
|
--ez-check--check--background-color: var(--color--primary);
|
|
48
50
|
/*@doc Define a cor de fundo do slot do ícone quando marcado e desabilitado.*/
|
|
@@ -173,29 +175,29 @@ input.regular-mode:disabled::before {
|
|
|
173
175
|
}
|
|
174
176
|
|
|
175
177
|
/*-------------------------------checked---------------------------------*/
|
|
176
|
-
input.regular-mode:checked:enabled:hover {
|
|
178
|
+
input.regular-mode:checked:enabled:hover, input.regular-mode:indeterminate:enabled:hover {
|
|
177
179
|
/*public*/
|
|
178
180
|
background-color: var(--ez-check--checked--hover--background-color);
|
|
179
181
|
}
|
|
180
182
|
|
|
181
|
-
input.regular-mode:checked:enabled:focus {
|
|
183
|
+
input.regular-mode:checked:enabled:focus, input.regular-mode:indeterminate:enabled:focus {
|
|
182
184
|
/*public*/
|
|
183
185
|
background-color: var(--ez-check--checked--focus--background-color);
|
|
184
186
|
}
|
|
185
187
|
|
|
186
|
-
input.regular-mode:checked::before {
|
|
188
|
+
input.regular-mode:checked::before, input.regular-mode:indeterminate::before {
|
|
187
189
|
/*public*/
|
|
188
190
|
border: var(--ez-check--checked--border);
|
|
189
191
|
background-color: var(--ez-check--checked--background-color);
|
|
190
192
|
}
|
|
191
193
|
|
|
192
|
-
input.regular-mode:
|
|
194
|
+
input.regular-mode:disabled:before {
|
|
193
195
|
/*public*/
|
|
194
196
|
border: var(--ez-check--disabled--border);
|
|
195
197
|
background-color: var(--ez-check--checked--disabled--background-color);
|
|
196
198
|
}
|
|
197
199
|
|
|
198
|
-
input.regular-mode:checked::after {
|
|
200
|
+
input.regular-mode:checked::after, input.regular-mode:indeterminate:after {
|
|
199
201
|
/*private*/
|
|
200
202
|
display: flex;
|
|
201
203
|
position: absolute;
|
|
@@ -209,7 +211,21 @@ input.regular-mode:checked::after {
|
|
|
209
211
|
mask-image: var(--ez-check--check--image);
|
|
210
212
|
}
|
|
211
213
|
|
|
212
|
-
input.regular-mode:
|
|
214
|
+
input.regular-mode:indeterminate:after {
|
|
215
|
+
/*private*/
|
|
216
|
+
display: flex;
|
|
217
|
+
position: absolute;
|
|
218
|
+
content: "";
|
|
219
|
+
background-color: var(--ez-check--check--background-color);
|
|
220
|
+
width: 10px;
|
|
221
|
+
height: 2px;
|
|
222
|
+
|
|
223
|
+
/*public*/
|
|
224
|
+
-webkit-mask-image: var(--ez-check--indeterminate--image);
|
|
225
|
+
mask-image: var(--ez-check--indeterminate--image);
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
input.regular-mode:checked:disabled::after, input.regular-mode:indeterminate:disabled::after{
|
|
213
229
|
/*public*/
|
|
214
230
|
background-color: var(--ez-check--check--disabled--background-color);
|
|
215
231
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Prop, h,
|
|
1
|
+
import { Component, Prop, h, Method, Event, Host } from '@stencil/core';
|
|
2
2
|
import { CheckMode } from './CheckMode';
|
|
3
3
|
export class EzCheck {
|
|
4
4
|
constructor() {
|
|
@@ -14,17 +14,6 @@ export class EzCheck {
|
|
|
14
14
|
*/
|
|
15
15
|
this.mode = CheckMode.REGULAR;
|
|
16
16
|
}
|
|
17
|
-
observeMode() {
|
|
18
|
-
var _a;
|
|
19
|
-
if (((_a = this.mode) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === CheckMode.SWITCH) {
|
|
20
|
-
this._inputElem.classList.remove("regular-mode");
|
|
21
|
-
this._inputElem.classList.add("switch-mode");
|
|
22
|
-
}
|
|
23
|
-
else {
|
|
24
|
-
this._inputElem.classList.remove("switch-mode");
|
|
25
|
-
this._inputElem.classList.add("regular-mode");
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
17
|
//---------------------------------------------
|
|
29
18
|
// Public methods
|
|
30
19
|
//---------------------------------------------
|
|
@@ -40,9 +29,6 @@ export class EzCheck {
|
|
|
40
29
|
async setFocus() {
|
|
41
30
|
this._inputElem.focus();
|
|
42
31
|
}
|
|
43
|
-
componentDidLoad() {
|
|
44
|
-
this.observeMode();
|
|
45
|
-
}
|
|
46
32
|
changeValue() {
|
|
47
33
|
if (!this.enabled) {
|
|
48
34
|
return;
|
|
@@ -57,9 +43,13 @@ export class EzCheck {
|
|
|
57
43
|
}
|
|
58
44
|
return classes;
|
|
59
45
|
}
|
|
46
|
+
getInputClasses() {
|
|
47
|
+
var _a;
|
|
48
|
+
return ((_a = this.mode) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === CheckMode.SWITCH ? "switch-mode" : "regular-mode";
|
|
49
|
+
}
|
|
60
50
|
render() {
|
|
61
51
|
return (h(Host, null,
|
|
62
|
-
h("input", { type: "checkbox", class:
|
|
52
|
+
h("input", { type: "checkbox", ref: (el) => this._inputElem = el, class: this.getInputClasses(), checked: this.value === true, onChange: () => { this.changeValue(); }, indeterminate: this.indeterminate, disabled: !this.enabled }),
|
|
63
53
|
this.label ? h("label", { class: this.getLabelClasses(), onClick: () => { this.changeValue(); }, title: this.label }, this.label) : undefined));
|
|
64
54
|
}
|
|
65
55
|
static get is() { return "ez-check"; }
|
|
@@ -123,6 +113,23 @@ export class EzCheck {
|
|
|
123
113
|
"reflect": true,
|
|
124
114
|
"defaultValue": "true"
|
|
125
115
|
},
|
|
116
|
+
"indeterminate": {
|
|
117
|
+
"type": "boolean",
|
|
118
|
+
"mutable": false,
|
|
119
|
+
"complexType": {
|
|
120
|
+
"original": "boolean",
|
|
121
|
+
"resolved": "boolean",
|
|
122
|
+
"references": {}
|
|
123
|
+
},
|
|
124
|
+
"required": false,
|
|
125
|
+
"optional": false,
|
|
126
|
+
"docs": {
|
|
127
|
+
"tags": [],
|
|
128
|
+
"text": "Deixa o campo em um estado indeterminado, nem marcado nem desmarcado (n\u00E3o dispon\u00EDvel em modo \"switch\")."
|
|
129
|
+
},
|
|
130
|
+
"attribute": "indeterminate",
|
|
131
|
+
"reflect": false
|
|
132
|
+
},
|
|
126
133
|
"mode": {
|
|
127
134
|
"type": "string",
|
|
128
135
|
"mutable": false,
|
|
@@ -192,8 +199,4 @@ export class EzCheck {
|
|
|
192
199
|
}
|
|
193
200
|
}
|
|
194
201
|
}; }
|
|
195
|
-
static get watchers() { return [{
|
|
196
|
-
"propName": "mode",
|
|
197
|
-
"methodName": "observeMode"
|
|
198
|
-
}]; }
|
|
199
202
|
}
|
|
@@ -5,6 +5,7 @@ import gridTerms from "./i18n/pt-BR.js";
|
|
|
5
5
|
import getHeaderColumnTemplate from "./template/HeaderColumnTemplate.js";
|
|
6
6
|
import DataSource from "./DataSource";
|
|
7
7
|
import { CellRenderer } from "./components/cellRenderer";
|
|
8
|
+
import SelectionHeader from "./components/selectionHeader";
|
|
8
9
|
export default class AgGridController {
|
|
9
10
|
constructor(enterprise) {
|
|
10
11
|
this.DEFAULT_ROW_HEIGHT = 30;
|
|
@@ -67,6 +68,13 @@ export default class AgGridController {
|
|
|
67
68
|
defaultColDef: {
|
|
68
69
|
headerClass: "ez-grid__cell-header",
|
|
69
70
|
cellClass: "ez-grid__cell-body"
|
|
71
|
+
},
|
|
72
|
+
components: {
|
|
73
|
+
'ezGridHeaderComponent': SelectionHeader
|
|
74
|
+
},
|
|
75
|
+
context: {
|
|
76
|
+
headerCheckStatusGetter: () => this.getSelectionHeaderStatus(),
|
|
77
|
+
headerCheckStatusSetter: (selectAll) => this.updateSelectionForAll(selectAll)
|
|
70
78
|
}
|
|
71
79
|
};
|
|
72
80
|
this.setOptionsEvents(this._gridOptions);
|
|
@@ -99,6 +107,31 @@ export default class AgGridController {
|
|
|
99
107
|
opt.suppressDragLeaveHidesColumns = true;
|
|
100
108
|
opt.suppressMenuHide = true;
|
|
101
109
|
}
|
|
110
|
+
getSelectionHeaderStatus() {
|
|
111
|
+
const records = this._dataUnit.records;
|
|
112
|
+
if (records && records.length === 0) {
|
|
113
|
+
return false;
|
|
114
|
+
}
|
|
115
|
+
const selection = this._dataUnit.getSelection();
|
|
116
|
+
if (selection == undefined || selection.length === 0) {
|
|
117
|
+
return false;
|
|
118
|
+
}
|
|
119
|
+
if (selection.length != records.length) {
|
|
120
|
+
return undefined;
|
|
121
|
+
}
|
|
122
|
+
let status = undefined;
|
|
123
|
+
for (let i = 0; i < records.length; i++) {
|
|
124
|
+
const current = selection.includes(records[i].__record__id__);
|
|
125
|
+
if (status != undefined && current !== status) {
|
|
126
|
+
return undefined;
|
|
127
|
+
}
|
|
128
|
+
status = current;
|
|
129
|
+
}
|
|
130
|
+
return status;
|
|
131
|
+
}
|
|
132
|
+
updateSelectionForAll(selectAll) {
|
|
133
|
+
this._dataUnit.setSelection(selectAll ? this._dataUnit.records.map(r => r.__record__id__) : []);
|
|
134
|
+
}
|
|
102
135
|
setData(data) {
|
|
103
136
|
if (this._grid === undefined) {
|
|
104
137
|
throw new Error("Erro interno: Grid ainda não inicializado.");
|
|
@@ -119,13 +152,12 @@ export default class AgGridController {
|
|
|
119
152
|
if (this._grid === undefined) {
|
|
120
153
|
throw new Error("Erro interno: Grid ainda não inicializado.");
|
|
121
154
|
}
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
});
|
|
155
|
+
this._gridOptions.api.forEachNode(node => {
|
|
156
|
+
node.setSelected(rowIds && rowIds.includes(node.id));
|
|
157
|
+
});
|
|
158
|
+
const selectionHeader = this._gridOptions.context.selectionHeader;
|
|
159
|
+
if (selectionHeader) {
|
|
160
|
+
selectionHeader.updateCheckbox();
|
|
129
161
|
}
|
|
130
162
|
}
|
|
131
163
|
removeRows() {
|
|
@@ -174,7 +206,8 @@ export default class AgGridController {
|
|
|
174
206
|
colId: this.CHECK_BOX_COL_ID,
|
|
175
207
|
headerName: "",
|
|
176
208
|
checkboxSelection: true,
|
|
177
|
-
|
|
209
|
+
headerComponent: "ezGridHeaderComponent",
|
|
210
|
+
headerClass: "ag-column-select-header",
|
|
178
211
|
width: 28,
|
|
179
212
|
suppressMovable: true,
|
|
180
213
|
suppressAutoSize: true,
|
|
@@ -415,9 +448,12 @@ export default class AgGridController {
|
|
|
415
448
|
}
|
|
416
449
|
onSelectionChange() {
|
|
417
450
|
if (this._selectionChangeCallback) {
|
|
418
|
-
this.
|
|
419
|
-
|
|
420
|
-
|
|
451
|
+
clearTimeout(this._selectionChangeDeboucing);
|
|
452
|
+
this._selectionChangeDeboucing = window.setTimeout(() => {
|
|
453
|
+
this._selectionChangeCallback({
|
|
454
|
+
selection: this._gridOptions.api.getSelectedRows()
|
|
455
|
+
});
|
|
456
|
+
}, 0);
|
|
421
457
|
}
|
|
422
458
|
}
|
|
423
459
|
onRowDoubleClick(evt) {
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
export default class SelectionHeader {
|
|
2
|
+
updateCheckbox() {
|
|
3
|
+
this.updatingValue = true;
|
|
4
|
+
try {
|
|
5
|
+
const value = this.headerCheckStatusGetter();
|
|
6
|
+
this.checkBox.indeterminate = value == undefined;
|
|
7
|
+
this.checkBox.value = value;
|
|
8
|
+
}
|
|
9
|
+
finally {
|
|
10
|
+
this.updatingValue = false;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
init(params) {
|
|
14
|
+
params.context.selectionHeader = this;
|
|
15
|
+
const valueSetter = params.context.headerCheckStatusSetter;
|
|
16
|
+
this.headerCheckStatusGetter = params.context.headerCheckStatusGetter;
|
|
17
|
+
this.element = document.createElement('div');
|
|
18
|
+
this.element.classList.add("ag-header__selection-checkbox");
|
|
19
|
+
this.checkBox = document.createElement('ez-check');
|
|
20
|
+
this.checkBox.style.setProperty("--ez-check--focus--background-color", "transparent");
|
|
21
|
+
this.checkBox.style.setProperty("--ez-check--hover--background-color", "transparent");
|
|
22
|
+
this.element.append(this.checkBox);
|
|
23
|
+
this.updateCheckbox();
|
|
24
|
+
this.element.addEventListener('ezChange', (evt) => {
|
|
25
|
+
if (!this.updatingValue) {
|
|
26
|
+
valueSetter(evt.detail);
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
getGui() {
|
|
31
|
+
return this.element;
|
|
32
|
+
}
|
|
33
|
+
destroy() {
|
|
34
|
+
this.element.remove();
|
|
35
|
+
this.element = null;
|
|
36
|
+
}
|
|
37
|
+
refresh(_params) {
|
|
38
|
+
return false;
|
|
39
|
+
}
|
|
40
|
+
}
|