@sankhyalabs/ezui 1.1.94 → 1.1.95
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/{CSSVarsUtils-66e86394.js → CSSVarsUtils-8fbdf2e0.js} +1 -0
- package/dist/cjs/StringUtils-0ba09df4.js +57 -0
- package/dist/cjs/ez-button_3.cjs.entry.js +578 -0
- package/dist/cjs/ez-calendar_14.cjs.entry.js +2625 -0
- package/dist/cjs/{ez-button_11.cjs.entry.js → ez-grid.cjs.entry.js} +20 -1510
- package/dist/cjs/ez-icon.cjs.entry.js +42 -0
- package/dist/cjs/ez-modal_2.cjs.entry.js +317 -0
- package/dist/cjs/ez-popover.cjs.entry.js +1 -1
- package/dist/cjs/ez-time-input.cjs.entry.js +2 -2
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/{index-5c8eb919.js → index-6164b259.js} +16 -16
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ez-check/ez-check.css +3 -3
- package/dist/collection/components/ez-combo-box/ez-combo-box.js +52 -3
- package/dist/collection/components/ez-form/fieldbuilder/FieldBuilder.js +4 -1
- package/dist/collection/components/ez-form/fieldbuilder/tpl/CheckBox.tpl.js +4 -4
- package/dist/collection/components/ez-form/fieldbuilder/tpl/ComboBox.tpl.js +2 -2
- package/dist/collection/components/ez-form/fieldbuilder/tpl/DateInput.tpl.js +2 -2
- package/dist/collection/components/ez-form/fieldbuilder/tpl/FileInput.tpl.js +2 -2
- package/dist/collection/components/ez-form/fieldbuilder/tpl/NumberInput.tpl.js +6 -6
- package/dist/collection/components/ez-form/fieldbuilder/tpl/SearchInput.tpl.js +2 -2
- package/dist/collection/components/ez-form/fieldbuilder/tpl/TextArea.tpl.js +2 -2
- package/dist/collection/components/ez-form/structure/FormSheetMetadata.js +10 -7
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +3 -2
- package/dist/collection/components/ez-grid/ez-grid.css +8 -0
- package/dist/collection/components/ez-grid/ez-grid.js +3 -3
- package/dist/collection/components/ez-grid/subcomponents/gridconfig/grid-config.css +28 -4
- package/dist/collection/components/ez-grid/subcomponents/gridconfig/grid-config.js +6 -5
- package/dist/collection/components/ez-grid/subcomponents/select-box/select-box.css +10 -7
- package/dist/collection/components/ez-grid/subcomponents/select-box/select-box.js +12 -17
- package/dist/collection/components/ez-list/ez-list.js +2 -2
- package/dist/collection/components/ez-text-input/ez-text-input.css +2 -2
- package/dist/collection/components/ez-text-input/ez-text-input.js +24 -1
- package/dist/collection/components/test-du/test-du.js +1 -1
- package/dist/collection/utils/CSSVarsUtils.js +1 -0
- package/dist/custom-elements/index.js +79 -65
- package/dist/esm/{CSSVarsUtils-aeee9825.js → CSSVarsUtils-667e0016.js} +1 -0
- package/dist/esm/StringUtils-cbf10229.js +55 -0
- package/dist/esm/ez-button_3.entry.js +572 -0
- package/dist/esm/ez-calendar_14.entry.js +2608 -0
- package/dist/esm/{ez-button_11.entry.js → ez-grid.entry.js} +10 -1490
- package/dist/esm/ez-icon.entry.js +38 -0
- package/dist/esm/ez-modal_2.entry.js +312 -0
- package/dist/esm/ez-popover.entry.js +1 -1
- package/dist/esm/ez-time-input.entry.js +2 -2
- package/dist/esm/ezui.js +1 -1
- package/dist/esm/{index-4688c617.js → index-74a9c220.js} +17 -17
- package/dist/esm/loader.js +1 -1
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/p-0a8018c2.entry.js +1 -0
- package/dist/ezui/{p-4b5c4408.entry.js → p-2617733e.entry.js} +1 -1
- package/dist/ezui/p-2f84ba72.js +1 -0
- package/dist/ezui/{p-ca42d682.entry.js → p-6714a1b2.entry.js} +46 -46
- package/dist/ezui/p-90f6d8a0.entry.js +1 -0
- package/dist/ezui/p-a943d501.entry.js +1 -0
- package/dist/ezui/p-b139372f.entry.js +1 -0
- package/dist/ezui/{p-7ff8b7f7.js → p-c6762896.js} +1 -1
- package/dist/ezui/p-d54c157f.js +1 -0
- package/dist/ezui/{p-7e1d9c29.entry.js → p-ef393d36.entry.js} +1 -1
- package/dist/types/components/ez-combo-box/ez-combo-box.d.ts +8 -0
- package/dist/types/components/ez-form/ez-form.d.ts +6 -1
- package/dist/types/components/ez-form/fieldbuilder/tpl/ComboBox.tpl.d.ts +2 -1
- package/dist/types/components/ez-form/fieldbuilder/tpl/DateInput.tpl.d.ts +2 -1
- package/dist/types/components/ez-form/fieldbuilder/tpl/FileInput.tpl.d.ts +2 -1
- package/dist/types/components/ez-form/fieldbuilder/tpl/NumberInput.tpl.d.ts +4 -2
- package/dist/types/components/ez-form/fieldbuilder/tpl/SearchInput.tpl.d.ts +2 -1
- package/dist/types/components/ez-form/fieldbuilder/tpl/TextArea.tpl.d.ts +2 -1
- package/dist/types/components/ez-grid/subcomponents/select-box/select-box.d.ts +6 -4
- package/dist/types/components/ez-text-input/ez-text-input.d.ts +4 -0
- package/dist/types/components.d.ts +26 -2
- package/package.json +1 -1
- package/dist/cjs/ApplicationUtils-d1c1db56.js +0 -35
- package/dist/cjs/ez-calendar.cjs.entry.js +0 -224
- package/dist/cjs/ez-collapsible-box_7.cjs.entry.js +0 -853
- package/dist/cjs/ez-combo-box.cjs.entry.js +0 -254
- package/dist/cjs/ez-form.cjs.entry.js +0 -753
- package/dist/esm/ApplicationUtils-01280a9d.js +0 -33
- package/dist/esm/ez-calendar.entry.js +0 -220
- package/dist/esm/ez-collapsible-box_7.entry.js +0 -843
- package/dist/esm/ez-combo-box.entry.js +0 -250
- package/dist/esm/ez-form.entry.js +0 -749
- package/dist/ezui/p-278ce681.entry.js +0 -1
- package/dist/ezui/p-33d1247f.entry.js +0 -1
- package/dist/ezui/p-5793a2e1.entry.js +0 -1
- package/dist/ezui/p-68f6b75e.entry.js +0 -1
- package/dist/ezui/p-7107d7ef.js +0 -1
- package/dist/ezui/p-8b099482.js +0 -1
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-88286449.js');
|
|
6
|
+
const StringUtils = require('./StringUtils-0ba09df4.js');
|
|
7
|
+
require('./index-6164b259.js');
|
|
8
|
+
|
|
9
|
+
const ezIconCss = ":host{display:flex;overflow:hidden;position:relative;--ez-icon--color:var(--icon--color, #ffffff)}svg{display:flex;justify-content:center;align-items:center;fill:var(--ez-icon--color)}.x-small{width:12px;height:12px}.small{width:16px;height:16px}.medium{width:20px;height:20px}.large{width:24px;height:24px}.x-large{width:30px;height:30px}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{font-family:'ez-icons' !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ez-icon-account-outline:before{content:\"\\ea01\"}.ez-icon-account:before{content:\"\\ea02\"}.ez-icon-alert-circle-inverted:before{content:\"\\ea03\"}.ez-icon-alert-circle:before{content:\"\\ea04\"}.ez-icon-alert-mail:before{content:\"\\ea05\"}.ez-icon-alert-outline:before{content:\"\\ea06\"}.ez-icon-alert-popup:before{content:\"\\ea07\"}.ez-icon-apps:before{content:\"\\ea08\"}.ez-icon-arrow_back:before{content:\"\\ea09\"}.ez-icon-bell-inverted:before{content:\"\\ea0a\"}.ez-icon-bell:before{content:\"\\ea0b\"}.ez-icon-business-center:before{content:\"\\ea0c\"}.ez-icon-calendar-text:before{content:\"\\ea0d\"}.ez-icon-calendar:before{content:\"\\ea0e\"}.ez-icon-check-circle-inverted:before{content:\"\\ea0f\"}.ez-icon-check-circle:before{content:\"\\ea10\"}.ez-icon-check:before{content:\"\\ea11\"}.ez-icon-chevron-down:before{content:\"\\ea12\"}.ez-icon-chevron-left:before{content:\"\\ea13\"}.ez-icon-chevron-right:before{content:\"\\ea14\"}.ez-icon-chevron-up:before{content:\"\\ea15\"}.ez-icon-circle--medium:before{content:\"\\ea16\"}.ez-icon-circle:before{content:\"\\ea17\"}.ez-icon-clipboard:before{content:\"\\ea18\"}.ez-icon-close-circle-inverted:before{content:\"\\ea19\"}.ez-icon-close-circle:before{content:\"\\ea1a\"}.ez-icon-close:before{content:\"\\ea1b\"}.ez-icon-comment-inverted:before{content:\"\\ea1c\"}.ez-icon-comment:before{content:\"\\ea1d\"}.ez-icon-configuration:before{content:\"\\ea1e\"}.ez-icon-copy:before{content:\"\\ea1f\"}.ez-icon-crop:before{content:\"\\ea20\"}.ez-icon-delete:before{content:\"\\ea21\"}.ez-icon-description:before{content:\"\\ea22\"}.ez-icon-dot-notification:before{content:\"\\ea23\"}.ez-icon-dots-horizontal:before{content:\"\\ea24\"}.ez-icon-dots-vertical:before{content:\"\\ea25\"}.ez-icon-drag-indicator:before{content:\"\\ea26\"}.ez-icon-edit-file:before{content:\"\\ea27\"}.ez-icon-edit-table:before{content:\"\\ea28\"}.ez-icon-edit-time:before{content:\"\\ea29\"}.ez-icon-edit:before{content:\"\\ea2a\"}.ez-icon-email-inverted:before{content:\"\\ea2b\"}.ez-icon-email:before{content:\"\\ea2c\"}.ez-icon-error-octagon:before{content:\"\\ea2d\"}.ez-icon-expand:before{content:\"\\ea2e\"}.ez-icon-eye-off:before{content:\"\\ea2f\"}.ez-icon-eye:before{content:\"\\ea30\"}.ez-icon-favorite:before{content:\"\\ea31\"}.ez-icon-file-download:before{content:\"\\ea32\"}.ez-icon-file-upload:before{content:\"\\ea33\"}.ez-icon-filter:before{content:\"\\ea34\"}.ez-icon-find-file:before{content:\"\\ea35\"}.ez-icon-find-page:before{content:\"\\ea36\"}.ez-icon-format-color-fill:before{content:\"\\ea37\"}.ez-icon-help-circle-outline:before{content:\"\\ea38\"}.ez-icon-help-inverted:before{content:\"\\ea39\"}.ez-icon-help:before{content:\"\\ea3a\"}.ez-icon-home:before{content:\"\\ea3b\"}.ez-icon-language:before{content:\"\\ea3c\"}.ez-icon-launch:before{content:\"\\ea3d\"}.ez-icon-lightbulb:before{content:\"\\ea3e\"}.ez-icon-list:before{content:\"\\ea3f\"}.ez-icon-loading:before{content:\"\\ea40\"}.ez-icon-lock-outline:before{content:\"\\ea41\"}.ez-icon-lock:before{content:\"\\ea42\"}.ez-icon-menu:before{content:\"\\ea43\"}.ez-icon-minus-circle-inverted:before{content:\"\\ea44\"}.ez-icon-minus:before{content:\"\\ea45\"}.ez-icon-money-off:before{content:\"\\ea46\"}.ez-icon-money:before{content:\"\\ea47\"}.ez-icon-north-west:before{content:\"\\ea48\"}.ez-icon-pause:before{content:\"\\ea49\"}.ez-icon-payments:before{content:\"\\ea4a\"}.ez-icon-play:before{content:\"\\ea4b\"}.ez-icon-plus-circle-inverted:before{content:\"\\ea4c\"}.ez-icon-plus-circle:before{content:\"\\ea4d\"}.ez-icon-plus:before{content:\"\\ea4e\"}.ez-icon-power:before{content:\"\\ea4f\"}.ez-icon-push-pin:before{content:\"\\ea50\"}.ez-icon-restore:before{content:\"\\ea51\"}.ez-icon-return:before{content:\"\\ea52\"}.ez-icon-rotate:before{content:\"\\ea53\"}.ez-icon-save:before{content:\"\\ea54\"}.ez-icon-search:before{content:\"\\ea55\"}.ez-icon-settings-inverted:before{content:\"\\ea56\"}.ez-icon-settings:before{content:\"\\ea57\"}.ez-icon-share:before{content:\"\\ea58\"}.ez-icon-shield:before{content:\"\\ea59\"}.ez-icon-south-east:before{content:\"\\ea5a\"}.ez-icon-success-circle:before{content:\"\\ea5b\"}.ez-icon-sync:before{content:\"\\ea5c\"}.ez-icon-table:before{content:\"\\ea5d\"}.ez-icon-timer-outline:before{content:\"\\ea5e\"}.ez-icon-user-circle:before{content:\"\\ea5f\"}.ez-icon-warning-minus:before{content:\"\\ea60\"}.ez-icon-warning-triangle:before{content:\"\\ea61\"}.x-small--font{font-size:12px}.small--font{font-size:16px}.medium--font{font-size:20px}.large--font{font-size:24px}.x-large--font{font-size:30px}";
|
|
10
|
+
|
|
11
|
+
let EzIcon = class {
|
|
12
|
+
constructor(hostRef) {
|
|
13
|
+
index.registerInstance(this, hostRef);
|
|
14
|
+
/**
|
|
15
|
+
* Tamanho do ícone
|
|
16
|
+
*/
|
|
17
|
+
this.size = 'medium';
|
|
18
|
+
}
|
|
19
|
+
isSprite() {
|
|
20
|
+
return this.href && this.href.indexOf('#') > -1;
|
|
21
|
+
}
|
|
22
|
+
getIconClassName() {
|
|
23
|
+
return `ez-icon-${this.iconName}`;
|
|
24
|
+
}
|
|
25
|
+
getIconContent() {
|
|
26
|
+
if (this.isSprite()) {
|
|
27
|
+
return index.h("svg", { class: this.size, role: "img" }, index.h("use", { xlinkHref: this.href }));
|
|
28
|
+
}
|
|
29
|
+
else if (!StringUtils.StringUtils.isEmpty(this.iconName)) {
|
|
30
|
+
return index.h("span", { class: `icon-content ${this.getIconClassName()} ${this.size}--font` });
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
return index.h("img", { class: this.size, src: this.href });
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
render() {
|
|
37
|
+
return (index.h(index.Host, null, this.getIconContent()));
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
EzIcon.style = ezIconCss;
|
|
41
|
+
|
|
42
|
+
exports.ez_icon = EzIcon;
|
|
@@ -0,0 +1,317 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-88286449.js');
|
|
6
|
+
const AssetsUtils = require('./AssetsUtils-4909c6de.js');
|
|
7
|
+
const StringUtils = require('./StringUtils-0ba09df4.js');
|
|
8
|
+
require('./index-6164b259.js');
|
|
9
|
+
|
|
10
|
+
const ezModalCss = ":host{--ez-modal-z-index:var(--most-visible, 3);--ez-modal-vertical-padding:var(--space--large, 24px);display:block}.modal{position:fixed;padding:var(--ez-modal-vertical-padding) 0;display:flex;top:0px;z-index:var(--ez-modal-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}@keyframes expand-modal--left{from{transform:translate(-100%)}}@keyframes expand-modal--right{from{transform:translate(100%)}}.modal__container{display:flex;flex-wrap:wrap;height:100%;box-sizing:border-box;width:100%;align-items:flex-start}.modal__container--right{animation:expand-modal--right .2s ease-in-out 1;justify-content:flex-end}.modal__container--left{animation:expand-modal--left .2s ease-in-out 1;justify-content:flex-start}.modal__content{display:flex;flex-wrap:wrap;max-height:calc(100% - 48px);height:100%;overflow-y:auto;background-color:rgb(255, 255, 255);padding:24px;border-radius:12px 0px 0px 12px;box-shadow:rgb(0 38 111 / 12%) 0px 0px 16px 0px}.modal__content--right{border-radius:12px 0px 0px 12px}.modal__content--left{border-radius:0px 12px 12px 0px}.modal__box__container{display:flex;flex-wrap:wrap;background-color:#fff;width:100%;border-radius:12px}.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%}}";
|
|
11
|
+
|
|
12
|
+
let EzModal = class {
|
|
13
|
+
constructor(hostRef) {
|
|
14
|
+
index.registerInstance(this, hostRef);
|
|
15
|
+
this.ezCloseModal = index.createEvent(this, "ezCloseModal", 7);
|
|
16
|
+
/**
|
|
17
|
+
* Controle de exibição do Modal
|
|
18
|
+
*/
|
|
19
|
+
this.opened = true;
|
|
20
|
+
/**
|
|
21
|
+
* Define se o modal será fechado ao clicar ESC
|
|
22
|
+
*/
|
|
23
|
+
this.closeEsc = false;
|
|
24
|
+
/**
|
|
25
|
+
* Define se o modal será fechado ao clicar fora do conteúdo.
|
|
26
|
+
*/
|
|
27
|
+
this.closeOutsideClick = false;
|
|
28
|
+
this.handleKeyboardEvent = (ev) => {
|
|
29
|
+
if ((ev === null || ev === void 0 ? void 0 : ev.key) === "Escape" && this.closeEsc) {
|
|
30
|
+
this.closeModal();
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
handleopenedChange() {
|
|
35
|
+
if (this.opened) {
|
|
36
|
+
document.addEventListener("keydown", this.handleKeyboardEvent);
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
document.removeEventListener("keydown", this.handleKeyboardEvent);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
closeModal() {
|
|
43
|
+
this.opened = false;
|
|
44
|
+
this.ezCloseModal.emit(this.opened);
|
|
45
|
+
}
|
|
46
|
+
componentDidLoad() {
|
|
47
|
+
this.handleopenedChange();
|
|
48
|
+
}
|
|
49
|
+
onMouseDownHandler(event) {
|
|
50
|
+
if (this.closeOutsideClick && event.target === this._overlay) {
|
|
51
|
+
this.closeModal();
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
render() {
|
|
55
|
+
const positionSufix = this.align === "left" ? "left" : "right";
|
|
56
|
+
return (index.h(index.Host, null, this.opened
|
|
57
|
+
?
|
|
58
|
+
index.h("div", { class: "modal", onMouseDown: evt => this.onMouseDownHandler(evt) }, index.h("div", { class: `modal__container modal__container--${positionSufix}`, ref: ref => this._overlay = ref }, index.h("div", { class: `modal__content modal__content--${positionSufix} ${this.modalSize}` }, index.h("slot", null))))
|
|
59
|
+
:
|
|
60
|
+
undefined));
|
|
61
|
+
}
|
|
62
|
+
static get watchers() { return {
|
|
63
|
+
"opened": ["handleopenedChange"]
|
|
64
|
+
}; }
|
|
65
|
+
};
|
|
66
|
+
EzModal.style = ezModalCss;
|
|
67
|
+
|
|
68
|
+
const gridConfigCss = ".sc-grid-config-h{--ez-grid-config__footer--padding-top:var(--space--medium, 12px);--ez-grid-config__main--padding-right:var(--space--medium, 12px);--ez-grid-config__tabselector-container--padding:var(--space--medium, 12px);--ez-grid-config__button-close--padding-left:var(--space--medium, 12px);--ez-grid-config__subtitle--font-family:var(--font-pattern, \"Sora\");--ez-grid-config__title--font-family:var(--font-pattern, \"Sora\");--ez-grid-config__title--font-weight:var(--text-weight--large, 700);--ez-grid-config__subtitle--font-size:var(--text--medium, 14px);--ez-grid-config__scrollbar--width:var(--space--medium, 12px);--ez-grid-config__main__scrollbar--background-color:var(--text--primary, #626e82);--ez-grid-config__main__scrollbar--border-radius:var(--border--radius-medium, 12px);--ez-grid__group--font-family:var(--font-pattern, \"Sora\");--ez-grid__group--font-size:var(--text--medium, 14px);--ez-grid__group--font-weight:var(--text-weight--large, 600);--ez-grid__group--padding-bottom:var(--space-small, 6px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}.padding-right--medium.sc-grid-config{padding-right:var(--space--medium)}ez-list.sc-grid-config{height:100%}.heigth-calc.sc-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-grid-config{padding-top:var(--ez-grid-config__footer--padding-top);display:flex;justify-content:flex-end;width:100%}.hidden.sc-grid-config{display:none}.grid-config__main.sc-grid-config{padding-right:var(--ez-grid-config__main--padding-right);overflow-y:auto}.tabselector-container.sc-grid-config{padding:var(--ez-grid-config__tabselector-container--padding) 0}.button-close.sc-grid-config{padding-left:var(--ez-grid-config__button-close--padding-left)}.title-container.sc-grid-config{display:flex;justify-content:space-between;align-items:center;width:359px}.subtitle.sc-grid-config{font-family:var(--ez-grid-config__subtitle--font-family);font-size:var(--ez-grid-config__subtitle--font-size);color:var(--text--primary)}.title.sc-grid-config{display:flex;margin:0;font-family:var(--ez-grid-config__title--font-family);font-size:var(--title--large);font-weight:var(--ez-grid-config__title--font-weight);line-height:normal;letter-spacing:0em;text-align:left;color:var(--title--primary)}.grid-config__main.sc-grid-config::-webkit-scrollbar-track{background-color:#f0f2f5}.grid-config__main.sc-grid-config::-webkit-scrollbar-thumb{background-color:var(--ez-grid-config__main__scrollbar--background-color);border-radius:var(--ez-grid-config__main__scrollbar--border-radius)}.grid-config__main.sc-grid-config::-webkit-scrollbar{background-color:#f0f2f5;width:var(--ez-grid-config__scrollbar--width);max-width:var(--ez-grid-config__scrollbar--width);min-width:var(--ez-grid-config__scrollbar--width)}.group-name.sc-grid-config{font-family:var(--ez-grid__group--font-family);font-size:var(--ez-grid__group--font-size);font-weight:var(--ez-grid__group--font-weight);padding-bottom:var(--ez-grid__group--padding-bottom)}";
|
|
69
|
+
|
|
70
|
+
let GridConfig = class {
|
|
71
|
+
constructor(hostRef) {
|
|
72
|
+
index.registerInstance(this, hostRef);
|
|
73
|
+
this.configFinish = index.createEvent(this, "configFinish", 7);
|
|
74
|
+
this.configCancel = index.createEvent(this, "configCancel", 7);
|
|
75
|
+
this._columnListHistory = [];
|
|
76
|
+
this._orderListItems = [];
|
|
77
|
+
this._columListItems = [];
|
|
78
|
+
this.selectedTab = "Colunas";
|
|
79
|
+
this._selectedIndex = -1;
|
|
80
|
+
}
|
|
81
|
+
/* Creation Methods */
|
|
82
|
+
createOrderList() {
|
|
83
|
+
var _a;
|
|
84
|
+
let newList = [];
|
|
85
|
+
if (((_a = this._columnListHistory) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
86
|
+
this._columnListHistory.find(group => group.group === "Visíveis").items.forEach(column => {
|
|
87
|
+
let item = { label: column.label };
|
|
88
|
+
newList.push(item);
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
else {
|
|
92
|
+
this.columns.forEach(column => {
|
|
93
|
+
let item = { name: column.name, label: column.label };
|
|
94
|
+
if (!column.hidden) {
|
|
95
|
+
newList.push(item);
|
|
96
|
+
}
|
|
97
|
+
});
|
|
98
|
+
}
|
|
99
|
+
this._orderListItems = newList;
|
|
100
|
+
}
|
|
101
|
+
createColumnList() {
|
|
102
|
+
let visibleGroup = {
|
|
103
|
+
group: 'Visíveis',
|
|
104
|
+
items: [],
|
|
105
|
+
};
|
|
106
|
+
let hiddenGroup = {
|
|
107
|
+
group: 'Ocultas',
|
|
108
|
+
items: [],
|
|
109
|
+
sort: 'ASC'
|
|
110
|
+
};
|
|
111
|
+
this.columns.forEach(column => {
|
|
112
|
+
let item = { label: column.label };
|
|
113
|
+
if (column.hidden) {
|
|
114
|
+
hiddenGroup.items.push(item);
|
|
115
|
+
}
|
|
116
|
+
else {
|
|
117
|
+
visibleGroup.items.push(item);
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
if (this._columnListHistory.length <= 0) {
|
|
121
|
+
this._columListItems = [visibleGroup, hiddenGroup];
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
buildColumnListSlot(item, group) {
|
|
125
|
+
return (index.h("div", null, index.h("ez-check", { mode: 'switch', id: 'switch' + item + group, value: group.group === "Visíveis", onEzChange: (ev) => { this.switchColumnGroup(ev, item); } })));
|
|
126
|
+
}
|
|
127
|
+
buildOrderListSlot(item) {
|
|
128
|
+
let existingItem = this.columns.find(columnItem => columnItem.label === item.label);
|
|
129
|
+
return (index.h("div", null, index.h("select-box", { selectedOption: existingItem === null || existingItem === void 0 ? void 0 : existingItem.sort, key: 'select-box' + item, onEzChange: (ev) => { ev.stopPropagation(); this.updateOrder(ev.detail, item); } })));
|
|
130
|
+
}
|
|
131
|
+
updateOrder(sortOrder, updatedItem) {
|
|
132
|
+
let newList = [...this.columns];
|
|
133
|
+
let newItem = newList.find(item => item.label === updatedItem.label);
|
|
134
|
+
if (newItem) {
|
|
135
|
+
newItem.sort = sortOrder.value;
|
|
136
|
+
}
|
|
137
|
+
this.columns = newList;
|
|
138
|
+
}
|
|
139
|
+
/* Actions Methods */
|
|
140
|
+
switchColumnGroup(ev, switchedItem) {
|
|
141
|
+
ev.stopPropagation();
|
|
142
|
+
let newList = [...this._columListItems];
|
|
143
|
+
if (ev.detail === true) {
|
|
144
|
+
let hiddenGroup = newList.find(group => group.group === "Ocultas");
|
|
145
|
+
let index = hiddenGroup.items.findIndex(item => item.label === switchedItem.label);
|
|
146
|
+
if (index >= 0) {
|
|
147
|
+
hiddenGroup.items.splice(index, 1);
|
|
148
|
+
}
|
|
149
|
+
let visibleGroup = newList.find(group => group.group === "Visíveis");
|
|
150
|
+
visibleGroup.items.push(switchedItem);
|
|
151
|
+
this._columListItems = newList;
|
|
152
|
+
this.createOrderList();
|
|
153
|
+
}
|
|
154
|
+
else if (ev.detail === false) {
|
|
155
|
+
let visibleGroup = newList.find(group => group.group === "Visíveis");
|
|
156
|
+
let index = visibleGroup.items.findIndex(item => item.label === switchedItem.label);
|
|
157
|
+
if (index >= 0) {
|
|
158
|
+
visibleGroup.items.splice(index, 1);
|
|
159
|
+
}
|
|
160
|
+
let hiddenGroup = newList.find(group => group.group === "Ocultas");
|
|
161
|
+
hiddenGroup.items.push(switchedItem);
|
|
162
|
+
this._columListItems = newList;
|
|
163
|
+
this.createOrderList();
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
finish() {
|
|
167
|
+
let newColumnList = [];
|
|
168
|
+
this._columListItems.forEach(group => {
|
|
169
|
+
group.items.forEach(item => {
|
|
170
|
+
const baseColumn = this.columns.find(column => column.label === item.label);
|
|
171
|
+
let newColumnItem = Object.assign({}, baseColumn);
|
|
172
|
+
if (group.group === "Ocultas") {
|
|
173
|
+
newColumnItem.hidden = true;
|
|
174
|
+
}
|
|
175
|
+
else {
|
|
176
|
+
newColumnItem.hidden = false;
|
|
177
|
+
}
|
|
178
|
+
newColumnList.push(newColumnItem);
|
|
179
|
+
});
|
|
180
|
+
});
|
|
181
|
+
this._columnListHistory = [];
|
|
182
|
+
this.columns = newColumnList;
|
|
183
|
+
this.configFinish.emit(this.columns);
|
|
184
|
+
}
|
|
185
|
+
async locateColumn(evt, searchingText) {
|
|
186
|
+
var _a;
|
|
187
|
+
const hitEnter = evt.key === "Enter";
|
|
188
|
+
if (!searchingText) {
|
|
189
|
+
searchingText = (_a = evt.currentTarget) === null || _a === void 0 ? void 0 : _a.value;
|
|
190
|
+
}
|
|
191
|
+
let newSelected = -1;
|
|
192
|
+
if (this.selectedTab === "Ordenação das linhas") {
|
|
193
|
+
if (searchingText) {
|
|
194
|
+
const matchedIndexes = [];
|
|
195
|
+
let orderListDatasource;
|
|
196
|
+
await this._orderList.getList().then(listGroup => {
|
|
197
|
+
orderListDatasource = listGroup;
|
|
198
|
+
orderListDatasource.forEach((column, index) => {
|
|
199
|
+
if (this.compareWords(column, searchingText)) {
|
|
200
|
+
matchedIndexes.push(index);
|
|
201
|
+
}
|
|
202
|
+
});
|
|
203
|
+
});
|
|
204
|
+
if (matchedIndexes.length > 0) {
|
|
205
|
+
if (hitEnter) {
|
|
206
|
+
for (let j = 0; j < matchedIndexes.length; j++) {
|
|
207
|
+
if (matchedIndexes[j] > this._selectedIndex) {
|
|
208
|
+
newSelected = matchedIndexes[j];
|
|
209
|
+
break;
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
if (newSelected === -1) {
|
|
214
|
+
newSelected = matchedIndexes[0];
|
|
215
|
+
}
|
|
216
|
+
}
|
|
217
|
+
this._selectedIndex = newSelected;
|
|
218
|
+
let selectedColumn;
|
|
219
|
+
selectedColumn = orderListDatasource[newSelected];
|
|
220
|
+
if (selectedColumn) {
|
|
221
|
+
this._orderList.setSelection({ label: selectedColumn.label }, true);
|
|
222
|
+
}
|
|
223
|
+
else {
|
|
224
|
+
this._orderList.setSelection(undefined);
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
else {
|
|
228
|
+
this._orderList.setSelection(undefined);
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
else {
|
|
232
|
+
if (searchingText) {
|
|
233
|
+
const matchedIndexes = [];
|
|
234
|
+
this.columns.forEach((column, index) => {
|
|
235
|
+
if (this.compareWords(column, searchingText)) {
|
|
236
|
+
matchedIndexes.push(index);
|
|
237
|
+
}
|
|
238
|
+
});
|
|
239
|
+
if (matchedIndexes.length > 0) {
|
|
240
|
+
if (hitEnter) {
|
|
241
|
+
for (let j = 0; j < matchedIndexes.length; j++) {
|
|
242
|
+
if (matchedIndexes[j] > this._selectedIndex) {
|
|
243
|
+
newSelected = matchedIndexes[j];
|
|
244
|
+
break;
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
if (newSelected === -1) {
|
|
249
|
+
newSelected = matchedIndexes[0];
|
|
250
|
+
}
|
|
251
|
+
}
|
|
252
|
+
this._selectedIndex = newSelected;
|
|
253
|
+
let selectedColumn = this.columns[newSelected];
|
|
254
|
+
if (selectedColumn) {
|
|
255
|
+
this._columnList.setSelection({ label: selectedColumn.label }, true);
|
|
256
|
+
}
|
|
257
|
+
else {
|
|
258
|
+
this._columnList.setSelection(undefined);
|
|
259
|
+
}
|
|
260
|
+
}
|
|
261
|
+
else {
|
|
262
|
+
this._columnList.setSelection(undefined);
|
|
263
|
+
}
|
|
264
|
+
}
|
|
265
|
+
}
|
|
266
|
+
compareWords(column, searchingText) {
|
|
267
|
+
if (StringUtils.StringUtils.replaceAccentuatedChars(column.label).indexOf(StringUtils.StringUtils.replaceAccentuatedChars(searchingText)) > -1) {
|
|
268
|
+
return true;
|
|
269
|
+
}
|
|
270
|
+
return false;
|
|
271
|
+
}
|
|
272
|
+
closeConfig() {
|
|
273
|
+
this._columnListHistory = [];
|
|
274
|
+
this.configCancel.emit();
|
|
275
|
+
}
|
|
276
|
+
/* Handlers */
|
|
277
|
+
handleTabChange(ev) {
|
|
278
|
+
var _a;
|
|
279
|
+
if ((_a = ev === null || ev === void 0 ? void 0 : ev.target) === null || _a === void 0 ? void 0 : _a.selectedTab) {
|
|
280
|
+
if (ev.target.selectedTab === "Ordenação das linhas") {
|
|
281
|
+
this._columnListHistory = this._columnList.dataSource;
|
|
282
|
+
this.createOrderList();
|
|
283
|
+
}
|
|
284
|
+
this.selectedTab = ev.target.selectedTab;
|
|
285
|
+
}
|
|
286
|
+
}
|
|
287
|
+
handleColumnListChange(ev) {
|
|
288
|
+
var _a;
|
|
289
|
+
if (ev.detail) {
|
|
290
|
+
let visibleItems = (_a = ev.detail.find(group => group.group === "Visíveis")) === null || _a === void 0 ? void 0 : _a.items;
|
|
291
|
+
if (visibleItems) {
|
|
292
|
+
this._orderListItems = visibleItems;
|
|
293
|
+
}
|
|
294
|
+
}
|
|
295
|
+
}
|
|
296
|
+
componentWillRender() {
|
|
297
|
+
var _a;
|
|
298
|
+
if (((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
299
|
+
this.createColumnList();
|
|
300
|
+
this.createOrderList();
|
|
301
|
+
}
|
|
302
|
+
}
|
|
303
|
+
componentDidRender() {
|
|
304
|
+
var _a;
|
|
305
|
+
if (((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
306
|
+
this.locateColumn(new KeyboardEvent("arrow-right", { key: "ArrowRight" }), this._searchElement.value);
|
|
307
|
+
}
|
|
308
|
+
}
|
|
309
|
+
render() {
|
|
310
|
+
return (index.h(index.Host, null, index.h("div", { class: "grid-config__header" }, index.h("div", { class: "title-container" }, index.h("div", { class: "" }, index.h("label", { class: "title" }, "Configura\u00E7\u00E3o da Grade"), index.h("label", { class: "subtitle" }, "Defina visibilidade e ordem das colunas.")), index.h("div", { class: "button-close" }, index.h("ez-button", { mode: 'icon', image: AssetsUtils.getSpritePath("close"), size: 'medium', onClick: () => this.closeConfig() }))), index.h("div", { class: "tabselector-container" }, index.h("ez-tabselector", { selectedTab: this.selectedTab, selectedIndex: 0, onEzChange: (ev) => { this.handleTabChange(ev); }, tabs: 'Colunas, Ordena\u00E7\u00E3o das linhas' })), index.h("div", null, index.h("ez-text-input", { ref: (el) => this._searchElement = el, label: "Localizar coluna", onKeyUp: evt => this.locateColumn(evt) }, index.h("ez-icon", { slot: "leftIcon", size: "medium", href: AssetsUtils.getSpritePath("search") })))), index.h("div", { class: "grid-config__main" }, index.h("ez-list", { ref: (el) => this._columnList = el, class: this.selectedTab === "Colunas" ? "" : "hidden", dataSource: this._columListItems, onEzChange: ev => this.handleColumnListChange(ev), ezDraggable: true, ezSelectable: true, itemSlotBuilder: (item, group) => this.buildColumnListSlot(item, group), useGroups: true }), index.h("div", { class: this.selectedTab === "Ordenação das linhas" ? "group-name" : "hidden" }, "Sequ\u00EAncia da ordena\u00E7\u00E3o"), index.h("ez-list", { ref: (el) => this._orderList = el, class: this.selectedTab === "Ordenação das linhas" ? "heigth-calc" : "hidden", dataSource: this._orderListItems, ezSelectable: true, ezDraggable: true, itemSlotBuilder: (item) => this.buildOrderListSlot(item) })), index.h("div", { class: "grid-config__footer" }, index.h("ez-button", { class: "padding-right--medium", label: "Cancelar", onClick: () => this.closeConfig() }), index.h("ez-button", { label: "Concluir", class: "button--primary", onClick: () => this.finish() }))));
|
|
311
|
+
}
|
|
312
|
+
static get assetsDirs() { return ["../assets"]; }
|
|
313
|
+
};
|
|
314
|
+
GridConfig.style = gridConfigCss;
|
|
315
|
+
|
|
316
|
+
exports.ez_modal = EzModal;
|
|
317
|
+
exports.grid_config = GridConfig;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-88286449.js');
|
|
6
|
-
require('./index-
|
|
6
|
+
require('./index-6164b259.js');
|
|
7
7
|
const FloatingManager = require('./FloatingManager-6cfeb947.js');
|
|
8
8
|
|
|
9
9
|
const ezPopoverCss = ":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--more-visible, 1);position:relative;display:flex;user-select:none;width:100%}.box{z-index:var(--ez-popover__box--z-index);display:flex;flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.box--fit-content{width:fit-content}.box--full-width{width:100%}";
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-88286449.js');
|
|
6
|
-
const index$1 = require('./index-
|
|
7
|
-
const CSSVarsUtils = require('./CSSVarsUtils-
|
|
6
|
+
const index$1 = require('./index-6164b259.js');
|
|
7
|
+
const CSSVarsUtils = require('./CSSVarsUtils-8fbdf2e0.js');
|
|
8
8
|
const AssetsUtils = require('./AssetsUtils-4909c6de.js');
|
|
9
9
|
|
|
10
10
|
const ezTimeInputCss = ":host{display:flex;flex-wrap:wrap;position:relative;width:100%}";
|
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-
|
|
18
|
+
return index.bootstrapLazy([["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-time-input.cjs",[[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"setFocus":[64],"setBlur":[64]}]]],["ez-action-chip.cjs",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-label-chip.cjs",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[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],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"show":[64]}]]],["ez-icon.cjs",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-calendar_14.cjs",[[0,"test-du"],[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}],[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"]}],[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"]}],[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"]}],[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"]}],[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}],[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"setFocus":[64],"setBlur":[64]}],[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]}],[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}],[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}],[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}],[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"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"_preSelection":[32],"_visibleOptions":[32]}],[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],"setFocus":[64],"setBlur":[64]}]]],["ez-button_3.cjs",[[1,"select-box",{"selectedOption":[1,"selected-option"]}],[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}],[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513]}]]],["ez-modal_2.cjs",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}],[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]]], options);
|
|
19
19
|
});
|
|
@@ -1,21 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
4
|
-
|
|
5
|
-
function createCommonjsModule(fn, basedir, module) {
|
|
6
|
-
return module = {
|
|
7
|
-
path: basedir,
|
|
8
|
-
exports: {},
|
|
9
|
-
require: function (path, base) {
|
|
10
|
-
return commonjsRequire();
|
|
11
|
-
}
|
|
12
|
-
}, fn(module, module.exports), module.exports;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
function commonjsRequire () {
|
|
16
|
-
throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
|
|
17
|
-
}
|
|
18
|
-
|
|
19
3
|
const NUMBERINPUTS_REGEX_SCIENTIFIC_PARTS = /^([+-])?(\d+).?(\d*)[eE]([-+]?\d+)$/;
|
|
20
4
|
/**
|
|
21
5
|
* `NumberUtils` é uma biblioteca para manipulação de números
|
|
@@ -1323,6 +1307,22 @@ var LoadType;
|
|
|
1323
1307
|
LoadType["APP_LOAD"] = "APP_LOAD";
|
|
1324
1308
|
})(LoadType || (LoadType = {}));
|
|
1325
1309
|
|
|
1310
|
+
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
1311
|
+
|
|
1312
|
+
function createCommonjsModule(fn, basedir, module) {
|
|
1313
|
+
return module = {
|
|
1314
|
+
path: basedir,
|
|
1315
|
+
exports: {},
|
|
1316
|
+
require: function (path, base) {
|
|
1317
|
+
return commonjsRequire();
|
|
1318
|
+
}
|
|
1319
|
+
}, fn(module, module.exports), module.exports;
|
|
1320
|
+
}
|
|
1321
|
+
|
|
1322
|
+
function commonjsRequire () {
|
|
1323
|
+
throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
|
|
1324
|
+
}
|
|
1325
|
+
|
|
1326
1326
|
var browserPonyfill = createCommonjsModule(function (module, exports) {
|
|
1327
1327
|
var global = typeof self !== 'undefined' ? self : commonjsGlobal;
|
|
1328
1328
|
var __self__ = (function () {
|
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-
|
|
17
|
+
return index.bootstrapLazy([["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-time-input.cjs",[[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"setFocus":[64],"setBlur":[64]}]]],["ez-action-chip.cjs",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-label-chip.cjs",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[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],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"show":[64]}]]],["ez-icon.cjs",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-calendar_14.cjs",[[0,"test-du"],[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}],[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"]}],[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"]}],[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"]}],[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"]}],[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}],[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"setFocus":[64],"setBlur":[64]}],[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]}],[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}],[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}],[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}],[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"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"_preSelection":[32],"_visibleOptions":[32]}],[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],"setFocus":[64],"setBlur":[64]}]]],["ez-button_3.cjs",[[1,"select-box",{"selectedOption":[1,"selected-option"]}],[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}],[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513]}]]],["ez-modal_2.cjs",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}],[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -218,7 +218,7 @@ input.switchMode {
|
|
|
218
218
|
outline: none;
|
|
219
219
|
cursor: pointer;
|
|
220
220
|
border-radius: 20px;
|
|
221
|
-
border:
|
|
221
|
+
border: var(--border--small) solid var(--text--secondary);
|
|
222
222
|
transition: background-color var(--transition);
|
|
223
223
|
|
|
224
224
|
/*public*/
|
|
@@ -240,7 +240,7 @@ input.switchMode::after {
|
|
|
240
240
|
box-shadow: var(--shadow);
|
|
241
241
|
transition: transform var(--transition);
|
|
242
242
|
transition: background-color var(--transition);
|
|
243
|
-
transform: translateY(-3px);
|
|
243
|
+
transform: translateX(-2px) translateY(-3px);
|
|
244
244
|
border-radius: 50%;
|
|
245
245
|
|
|
246
246
|
/*public*/
|
|
@@ -257,7 +257,7 @@ input.switchMode:disabled::after {
|
|
|
257
257
|
/*-------------------------------ON---------------------------------*/
|
|
258
258
|
input.switchMode:checked {
|
|
259
259
|
/*private*/
|
|
260
|
-
transition: background-color var(--transition);
|
|
260
|
+
transition: background-color var(--transition) border var(--border--small) solid var(--color--primary);
|
|
261
261
|
|
|
262
262
|
/*public*/
|
|
263
263
|
background-color: var(--ez-switch--checked--background-color);
|