@sankhyalabs/ezui 5.12.0 → 5.13.0-dev.1
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/{ApplicationUtils-88d75775.js → ApplicationUtils-735a1107.js} +27 -0
- package/dist/cjs/{RecordValidationProcessor-059f2d03.js → RecordValidationProcessor-54ddab94.js} +1 -1
- package/dist/cjs/ez-actions-button.cjs.entry.js +3 -3
- package/dist/cjs/ez-collapsible-box.cjs.entry.js +1 -1
- package/dist/cjs/ez-combo-box.cjs.entry.js +1 -1
- package/dist/cjs/ez-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/ez-form.cjs.entry.js +2 -2
- package/dist/cjs/ez-grid.cjs.entry.js +6 -2
- package/dist/cjs/ez-text-edit.cjs.entry.js +1 -1
- package/dist/cjs/ez-upload.cjs.entry.js +1 -1
- package/dist/collection/components/ez-actions-button/ez-actions-button.css +9 -1
- package/dist/collection/components/ez-actions-button/ez-actions-button.js +1 -1
- package/dist/collection/components/ez-dropdown/ez-dropdown.css +4 -3
- package/dist/collection/components/ez-dropdown/ez-dropdown.js +1 -1
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +1 -0
- package/dist/collection/components/ez-grid/ez-grid.js +3 -0
- package/dist/collection/utils/ApplicationUtils.js +27 -0
- package/dist/custom-elements/index.js +35 -4
- package/dist/esm/{ApplicationUtils-ae588c9c.js → ApplicationUtils-834f2fbc.js} +27 -0
- package/dist/esm/{RecordValidationProcessor-0c6f41a1.js → RecordValidationProcessor-03a15fd0.js} +1 -1
- package/dist/esm/ez-actions-button.entry.js +3 -3
- package/dist/esm/ez-collapsible-box.entry.js +1 -1
- package/dist/esm/ez-combo-box.entry.js +1 -1
- package/dist/esm/ez-dropdown.entry.js +2 -2
- package/dist/esm/ez-form.entry.js +2 -2
- package/dist/esm/ez-grid.entry.js +6 -2
- package/dist/esm/ez-text-edit.entry.js +1 -1
- package/dist/esm/ez-upload.entry.js +1 -1
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/{p-833bb237.entry.js → p-554670ad.entry.js} +2 -2
- package/dist/ezui/p-74049254.entry.js +1 -0
- package/dist/ezui/{p-f7127e0f.entry.js → p-83bd4eae.entry.js} +1 -1
- package/dist/ezui/{p-f9fd8446.entry.js → p-a68063e8.entry.js} +1 -1
- package/dist/ezui/{p-3e00263f.entry.js → p-accc4282.entry.js} +1 -1
- package/dist/ezui/{p-6fbe368e.entry.js → p-b977d29c.entry.js} +1 -1
- package/dist/ezui/p-c4e64f24.js +1 -0
- package/dist/ezui/p-d4cfe7cd.entry.js +1 -0
- package/dist/ezui/{p-7bcb062d.js → p-e3b77b6b.js} +1 -1
- package/dist/ezui/{p-c6c645b0.entry.js → p-f734d469.entry.js} +1 -1
- package/dist/types/utils/ApplicationUtils.d.ts +13 -0
- package/package.json +1 -1
- package/dist/ezui/p-a510a4c5.entry.js +0 -1
- package/dist/ezui/p-bc4e0389.entry.js +0 -1
- package/dist/ezui/p-ca9aa20c.js +0 -1
|
@@ -124,6 +124,33 @@ class ApplicationUtils {
|
|
|
124
124
|
}
|
|
125
125
|
toast.show(message, 5000, useIcon, options.canClose);
|
|
126
126
|
}
|
|
127
|
+
static isModalContent(content) {
|
|
128
|
+
return content instanceof HTMLElement && content.tagName === 'EZ-MODAL-CONTAINER';
|
|
129
|
+
}
|
|
130
|
+
/**
|
|
131
|
+
* Exibe um popup configurado com os parâmetros informados e retorna um callBack
|
|
132
|
+
* para removêlo da DOM quando necessário.
|
|
133
|
+
*
|
|
134
|
+
* @param popupProps
|
|
135
|
+
*/
|
|
136
|
+
static async showPopup(popupProps) {
|
|
137
|
+
var _a, _b;
|
|
138
|
+
const popup = document.createElement("ez-popup");
|
|
139
|
+
window.document.body.appendChild(popup);
|
|
140
|
+
const { content } = popupProps;
|
|
141
|
+
popup.setAttribute('id', v4());
|
|
142
|
+
popup.heightMode = (_a = popupProps.size) !== null && _a !== void 0 ? _a : "auto";
|
|
143
|
+
popup.opened = true;
|
|
144
|
+
if (ApplicationUtils.isModalContent(content)) {
|
|
145
|
+
popup.appendChild(content);
|
|
146
|
+
popup.useHeader = false;
|
|
147
|
+
}
|
|
148
|
+
else {
|
|
149
|
+
popup.ezTitle = (_b = popupProps.title) !== null && _b !== void 0 ? _b : "";
|
|
150
|
+
popup.innerHTML = content;
|
|
151
|
+
}
|
|
152
|
+
return () => popup.remove();
|
|
153
|
+
}
|
|
127
154
|
static async showModal(modalProps) {
|
|
128
155
|
modalProps = Object.assign(Object.assign({}, ApplicationUtils.defaultModalProps), modalProps);
|
|
129
156
|
const modal = document.createElement("ez-modal");
|
package/dist/cjs/{RecordValidationProcessor-059f2d03.js → RecordValidationProcessor-54ddab94.js}
RENAMED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
const core = require('@sankhyalabs/core');
|
|
4
|
-
const ApplicationUtils = require('./ApplicationUtils-
|
|
4
|
+
const ApplicationUtils = require('./ApplicationUtils-735a1107.js');
|
|
5
5
|
|
|
6
6
|
const buildFieldMetadata = (descriptor, config) => {
|
|
7
7
|
let { name, label, group } = Object.assign({}, config);
|
|
@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-1064511f.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
|
-
require('./ApplicationUtils-
|
|
7
|
+
require('./ApplicationUtils-735a1107.js');
|
|
8
8
|
const CSSVarsUtils = require('./CSSVarsUtils-b136a156.js');
|
|
9
9
|
require('./DialogType-2114c337.js');
|
|
10
10
|
require('./CheckMode-ecb90b87.js');
|
|
11
11
|
|
|
12
|
-
const ezActionsButtonCss = ":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;z-index:var(--more-visible, 2);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--more-visible, 2) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}";
|
|
12
|
+
const ezActionsButtonCss = ":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__actions-max-height:415px;--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;overflow-y:auto;scrollbar-width:thin;z-index:var(--more-visible, 2);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--max-height{max-height:var(--ez-actions-button__actions-max-height)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--more-visible, 2) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}";
|
|
13
13
|
|
|
14
14
|
const EzActionsButton = class {
|
|
15
15
|
constructor(hostRef) {
|
|
@@ -196,7 +196,7 @@ const EzActionsButton = class {
|
|
|
196
196
|
(this.showLabel ? " ez-actions-button__btn-label" : ""), label: this.showLabel && ((_a = this._selectedAction) === null || _a === void 0 ? void 0 : _a.label), enabled: this.enabled, mode: this.showLabel ? undefined : "icon", iconName: this.showLabel ? "" : this.displayIcon || "dots-vertical", size: this.size, onClick: () => this.handlerButtonClick() }, this.showLabel &&
|
|
197
197
|
index.h("ez-icon", { class: "ez-actions-button__icon-right", slot: "rightIcon", iconName: this.displayIcon || "dots-vertical" })), index.h("section", { class: "ez-actions-button__list-container", ref: elem => this._listContainer = elem }, this.arrowActive &&
|
|
198
198
|
index.h("div", { class: "ez-actions-button__arrow ez-actions-button__arrow--" + (this.size || "small") +
|
|
199
|
-
(this.isTransparent ? " ez-actions-button__arrow--upped" : "") }), index.h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list" +
|
|
199
|
+
(this.isTransparent ? " ez-actions-button__arrow--upped" : "") }), index.h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list ez-actions-button__actions-list--max-height" +
|
|
200
200
|
(this.arrowActive && !this.isTransparent ? " ez-actions-button__actions-list--lowered" : "") }, this.actions.map(action => {
|
|
201
201
|
var _a;
|
|
202
202
|
return index.h("ez-button", { size: "small", label: action.label, onClick: () => this.actionClick(action), enabled: action.enabled, class: "ez-actions-button__btn-action" +
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-1064511f.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
|
-
const ApplicationUtils = require('./ApplicationUtils-
|
|
7
|
+
const ApplicationUtils = require('./ApplicationUtils-735a1107.js');
|
|
8
8
|
require('./DialogType-2114c337.js');
|
|
9
9
|
require('./CheckMode-ecb90b87.js');
|
|
10
10
|
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-1064511f.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
|
-
const ApplicationUtils = require('./ApplicationUtils-
|
|
7
|
+
const ApplicationUtils = require('./ApplicationUtils-735a1107.js');
|
|
8
8
|
const CSSVarsUtils = require('./CSSVarsUtils-b136a156.js');
|
|
9
9
|
require('./DialogType-2114c337.js');
|
|
10
10
|
require('./CheckMode-ecb90b87.js');
|
|
@@ -279,7 +279,7 @@ class SubmenuControl {
|
|
|
279
279
|
}
|
|
280
280
|
}
|
|
281
281
|
|
|
282
|
-
const ezDropdownCss = ":host{--ez-dropdown--z-index:var(--more-visible, 2);--ez-dropdown--padding:var(--space--small, 6px);--ez-dropdown--box-shadow:var(--shadow--medium, 0px 8px 24px rgba(0, 38, 111, 0.1));--ez-dropdown--border-radius:var(--border--radius-medium, 12px);--ez-dropdown--background-color:var(--background--xlight, #fff);--ez-dropdown--font-family:var(--font-pattern, 'Roboto');--ez-dropdown--max-
|
|
282
|
+
const ezDropdownCss = ":host{--ez-dropdown--z-index:var(--more-visible, 2);--ez-dropdown--padding:var(--space--small, 6px);--ez-dropdown--box-shadow:var(--shadow--medium, 0px 8px 24px rgba(0, 38, 111, 0.1));--ez-dropdown--border-radius:var(--border--radius-medium, 12px);--ez-dropdown--background-color:var(--background--xlight, #fff);--ez-dropdown--font-family:var(--font-pattern, 'Roboto');--ez-dropdown--max-height:415px;--ez-dropdown__item--padding:var(--space--small, 6px);--ez-dropdown__item--gap:var(--space--small, 6px);--ez-dropdown__item--border-radius:var(--border--radius-small, 6px);--ez-dropdown__item--color:var(--title--primary, #2b3a54);--ez-dropdown__item--font-weight:var(--text-weight--medium, 400);--ez-dropdown__item--font-size:var(--text--medium, 14px);--ez-dropdown__item--line-height:calc(var(--ez-dropdown__item--font-size) + 4px);--ez-dropdown__item--background-color:var(--background--medium, #f0f3f7);--ez-dropdown__item--transition:var(--transition, .2s linear);--ez-dropdown__item-label--margin-right:var(--space--medium, 12px);--ez-dropdown__icon--size:var(--icon--medium, 18px);--ez-dropdown__divider--background-color:var(--color--disable-secondary, #f2f5f8);--ez-dropdown__divider--margin:var(--space--extra-small, 3px) 0;--ez-dropdown__group-label--color:var(--text--secondary, #A2ABB9);--ez-dropdown__group-label--font-weight:var(--text-weight--large, 600);--ez-dropdown__group-label--font-size:var(--text--small, 12px);--ez-dropdown__group-label--line-height:var(--text--medium, 14px);--ez-dropdown__group-label--padding:var(--space--small, 6px);--ez-dropdown__submenu--z-index:var(--most-visible, 3);--ez-dropdown__link--font-weight:var(--text-weight--large, 600);--ez-dropdown__link--primary--color:var(--color--primary, #008561);--ez-dropdown__link--critical--color:var(--color-alert--error-800, #BD0025);--ez-dropdown__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-dropdown__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-dropdown__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-dropdown__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-dropdown__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-dropdown__scrollbar--width:var(--space--small, 6px);--ez-dropdown__scrollbar--padding-right:var(--space--extra-small, 3px);display:flex;flex-direction:column;height:fit-content;user-select:none;box-sizing:border-box;position:fixed;z-index:var(--ez-dropdown--z-index)}:host *{box-sizing:border-box}.ez-dropdown{display:flex;padding:var(--ez-dropdown--padding);box-shadow:var(--ez-dropdown--box-shadow);border-radius:var(--ez-dropdown--border-radius);background-color:var(--ez-dropdown--background-color);max-width:var(--ez-dropdown--max-width)}.ez-dropdown__max-height{max-height:var(--ez-dropdown--max-height)}.ez-dropdown *{font-family:var(--ez-dropdown--font-family)}.ez-dropdown__container{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;flex:auto;scrollbar-color:var(--ez-dropdown__scrollbar--color-clicked) var(--ez-dropdown__scrollbar--color-background)}.ez-dropdown__container::-webkit-scrollbar{background-color:var(--ez-dropdown__scrollbar--color-background);width:var(--ez-dropdown__scrollbar--width);max-width:var(--ez-dropdown__scrollbar--width);min-width:var(--ez-dropdown__scrollbar--width)}.ez-dropdown__container::-webkit-scrollbar-track{background-color:var(--ez-dropdown__scrollbar--color-background);border-radius:var(--ez-dropdown__scrollbar--border-radius)}.ez-dropdown__container::-webkit-scrollbar-thumb{background-color:var(--ez-dropdown__scrollbar--color-default);border-radius:var(--ez-dropdown__scrollbar--border-radius)}.ez-dropdown__container::-webkit-scrollbar-thumb:vertical:hover,.ez-dropdown__container::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-dropdown__scrollbar--color-hover)}.ez-dropdown__container::-webkit-scrollbar-thumb:vertical:active,.ez-dropdown__container::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-dropdown__scrollbar--color-clicked)}.ez-dropdown__container--spacer{padding-right:var(--ez-dropdown__scrollbar--padding-right)}.ez-dropdown__item{display:flex;align-items:center;background-color:transparent;border-radius:var(--ez-dropdown__item--border-radius);transition:var(--ez-dropdown__item--transition)}.ez-dropdown__item:hover{background-color:var(--ez-dropdown__item--background-color)}.ez-dropdown__item-wrapper{display:flex;align-items:center;position:relative;cursor:pointer;width:100%;margin:0;white-space:nowrap;gap:var(--ez-dropdown__item--gap);color:var(--ez-dropdown__item--color);font-weight:var(--ez-dropdown__item--font-weight);font-size:var(--ez-dropdown__item--font-size);line-height:var(--ez-dropdown__item--line-height);padding:var(--ez-dropdown__item--padding)}.ez-dropdown__item-wrapper ez-icon{display:flex;justify-content:center;align-items:center;width:var(--ez-dropdown__icon--size);height:var(--ez-dropdown__icon--size);min-width:var(--ez-dropdown__icon--size);min-height:var(--ez-dropdown__icon--size)}.ez-dropdown__item-content{display:flex;align-items:center;flex:auto;overflow:hidden;gap:var(--ez-dropdown__item--gap)}.ez-dropdown__item-label{text-align:left;text-overflow:ellipsis;overflow:hidden;flex:auto}.ez-dropdown__item-label:not(:last-child){margin-right:var(--ez-dropdown__item-label--margin-right)}.ez-dropdown__item-content+.ez-dropdown__link{margin-left:var(--ez-dropdown__item-label--margin-right);margin-right:var(--ez-dropdown__item--padding)}.ez-dropdown__item-builder{flex:auto}.ez-dropdown__divider{width:100%;height:2px;border-radius:1px;border:none;display:block;background-color:var(--ez-dropdown__divider--background-color);margin:var(--ez-dropdown__divider--margin)}.ez-dropdown__hidden{visibility:hidden}.ez-dropdown__group{display:flex;flex-direction:column}.ez-dropdown__group-label{display:block;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ez-dropdown__group-label--color);font-weight:var(--ez-dropdown__group-label--font-weight);font-size:var(--ez-dropdown__group-label--font-size);line-height:var(--ez-dropdown__group-label--line-height);padding:var(--ez-dropdown__group-label--padding)}.ez-dropdown__icon-right{margin-left:auto}.ez-dropdown__submenu{position:fixed;z-index:var(--ez-dropdown__submenu--z-index);margin-top:calc(var(--ez-dropdown__item--padding) * -1)}.ez-dropdown__submenu--hide{display:none}.ez-dropdown__link{display:block;margin-left:auto;cursor:pointer;text-overflow:ellipsis;overflow:hidden;font-weight:var(--ez-dropdown__link--font-weight);max-width:calc(var(--ez-dropdown--max-width) * 0.43)}.ez-dropdown__link--primary{color:var(--ez-dropdown__link--primary--color)}.ez-dropdown__link--critical{color:var(--ez-dropdown__link--critical--color)}.ez-dropdown__link:hover{text-decoration:underline}";
|
|
283
283
|
|
|
284
284
|
const EzDropdown = class {
|
|
285
285
|
constructor(hostRef) {
|
|
@@ -419,7 +419,7 @@ const EzDropdown = class {
|
|
|
419
419
|
const hasGroup = this.hasGroup(branchItems);
|
|
420
420
|
const hasIcon = this.hasIcon(branchItems);
|
|
421
421
|
const hasChildren = this.hasChildren(branchItems);
|
|
422
|
-
return (index.h("div", { class: "ez-dropdown", "data-level": level }, index.h("div", { class: "ez-dropdown__container" }, Object.keys(itemsByGroup)
|
|
422
|
+
return (index.h("div", { class: "ez-dropdown ez-dropdown__max-height", "data-level": level }, index.h("div", { class: "ez-dropdown__container" }, Object.keys(itemsByGroup)
|
|
423
423
|
.map((groupLabel) => {
|
|
424
424
|
return (index.h("div", Object.assign({ class: "ez-dropdown__group" }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: core.ElementIDUtils.getInternalIDInfo(`${groupLabel}_ezDropdownGroup`) }), groupLabel !== "noGroup" &&
|
|
425
425
|
index.h("label", { class: "ez-dropdown__group-label", title: groupLabel }, groupLabel), hasGroup &&
|
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-1064511f.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
|
-
const RecordValidationProcessor = require('./RecordValidationProcessor-
|
|
8
|
-
require('./ApplicationUtils-
|
|
7
|
+
const RecordValidationProcessor = require('./RecordValidationProcessor-54ddab94.js');
|
|
8
|
+
require('./ApplicationUtils-735a1107.js');
|
|
9
9
|
require('./DialogType-2114c337.js');
|
|
10
10
|
|
|
11
11
|
const DETAIL_PATTERN = /child\[([^\]]+)\]/;
|
|
@@ -6,8 +6,8 @@ const index = require('./index-1064511f.js');
|
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
7
|
const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
|
|
8
8
|
const constants = require('./constants-3a1d64fb.js');
|
|
9
|
-
const RecordValidationProcessor = require('./RecordValidationProcessor-
|
|
10
|
-
const ApplicationUtils = require('./ApplicationUtils-
|
|
9
|
+
const RecordValidationProcessor = require('./RecordValidationProcessor-54ddab94.js');
|
|
10
|
+
const ApplicationUtils = require('./ApplicationUtils-735a1107.js');
|
|
11
11
|
require('./DialogType-2114c337.js');
|
|
12
12
|
require('./CheckMode-ecb90b87.js');
|
|
13
13
|
|
|
@@ -119748,6 +119748,7 @@ class AgGridController {
|
|
|
119748
119748
|
height: '100%'
|
|
119749
119749
|
}
|
|
119750
119750
|
},
|
|
119751
|
+
suppressFieldDotNotation: true,
|
|
119751
119752
|
components: Object.assign({ ezGridHeaderComponent: SelectionHeader, ezGridCustomHeader: EzGridCustomHeader }, this._editionManager.getComponents()),
|
|
119752
119753
|
context: {
|
|
119753
119754
|
editionManager: this._editionManager,
|
|
@@ -120791,6 +120792,9 @@ const EzGrid = class {
|
|
|
120791
120792
|
if (this.config) {
|
|
120792
120793
|
this.observeConfig(this.config);
|
|
120793
120794
|
}
|
|
120795
|
+
if (this.dataUnit != undefined) {
|
|
120796
|
+
this._paginationInfo = this.dataUnit.getPaginationInfo();
|
|
120797
|
+
}
|
|
120794
120798
|
this.buildDataElementId();
|
|
120795
120799
|
this.setEvents();
|
|
120796
120800
|
this.componentReady.emit();
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-1064511f.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
|
-
const ApplicationUtils = require('./ApplicationUtils-
|
|
7
|
+
const ApplicationUtils = require('./ApplicationUtils-735a1107.js');
|
|
8
8
|
require('./DialogType-2114c337.js');
|
|
9
9
|
require('./CheckMode-ecb90b87.js');
|
|
10
10
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-1064511f.js');
|
|
6
|
-
const ApplicationUtils = require('./ApplicationUtils-
|
|
6
|
+
const ApplicationUtils = require('./ApplicationUtils-735a1107.js');
|
|
7
7
|
const core = require('@sankhyalabs/core');
|
|
8
8
|
require('./DialogType-2114c337.js');
|
|
9
9
|
|
|
@@ -10,7 +10,9 @@
|
|
|
10
10
|
--ez-actions-button__actions-list--padding: var(--space--small, 6px);
|
|
11
11
|
/*@doc Define a distancia entre o botão e o popover*/
|
|
12
12
|
--ez-actions-button__actions-list--top-margin: var(--space-small, 6px);
|
|
13
|
-
|
|
13
|
+
/*@doc Define a altura máxima do popover.*/
|
|
14
|
+
--ez-actions-button__actions-max-height: 415px;
|
|
15
|
+
|
|
14
16
|
/* button */
|
|
15
17
|
/*@doc Define a largura mínima do popover*/
|
|
16
18
|
--ez-actions-button__btn-action--min-width: 'auto';
|
|
@@ -34,6 +36,8 @@
|
|
|
34
36
|
position: fixed;
|
|
35
37
|
width: fit-content;
|
|
36
38
|
height: fit-content;
|
|
39
|
+
overflow-y: auto;
|
|
40
|
+
scrollbar-width: thin;
|
|
37
41
|
|
|
38
42
|
/*public*/
|
|
39
43
|
z-index: var(--more-visible, 2);
|
|
@@ -44,6 +48,10 @@
|
|
|
44
48
|
box-shadow: var(--ez-actions-button__actions-list--box-shadow);
|
|
45
49
|
}
|
|
46
50
|
|
|
51
|
+
.ez-actions-button__actions-list--max-height{
|
|
52
|
+
max-height: var(--ez-actions-button__actions-max-height);
|
|
53
|
+
}
|
|
54
|
+
|
|
47
55
|
.ez-actions-button__actions-list--lowered {
|
|
48
56
|
/*public*/
|
|
49
57
|
margin-top: calc(var(--ez-actions-button__actions-list--top-margin) + 6px);
|
|
@@ -184,7 +184,7 @@ export class EzActionsButton {
|
|
|
184
184
|
(this.showLabel ? " ez-actions-button__btn-label" : ""), label: this.showLabel && ((_a = this._selectedAction) === null || _a === void 0 ? void 0 : _a.label), enabled: this.enabled, mode: this.showLabel ? undefined : "icon", iconName: this.showLabel ? "" : this.displayIcon || "dots-vertical", size: this.size, onClick: () => this.handlerButtonClick() }, this.showLabel &&
|
|
185
185
|
h("ez-icon", { class: "ez-actions-button__icon-right", slot: "rightIcon", iconName: this.displayIcon || "dots-vertical" })), h("section", { class: "ez-actions-button__list-container", ref: elem => this._listContainer = elem }, this.arrowActive &&
|
|
186
186
|
h("div", { class: "ez-actions-button__arrow ez-actions-button__arrow--" + (this.size || "small") +
|
|
187
|
-
(this.isTransparent ? " ez-actions-button__arrow--upped" : "") }), h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list" +
|
|
187
|
+
(this.isTransparent ? " ez-actions-button__arrow--upped" : "") }), h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list ez-actions-button__actions-list--max-height" +
|
|
188
188
|
(this.arrowActive && !this.isTransparent ? " ez-actions-button__actions-list--lowered" : "") }, this.actions.map(action => {
|
|
189
189
|
var _a;
|
|
190
190
|
return h("ez-button", { size: "small", label: action.label, onClick: () => this.actionClick(action), enabled: action.enabled, class: "ez-actions-button__btn-action" +
|
|
@@ -12,10 +12,8 @@
|
|
|
12
12
|
--ez-dropdown--background-color: var(--background--xlight, #fff);
|
|
13
13
|
/*@doc Define a fonte do componente.*/
|
|
14
14
|
--ez-dropdown--font-family: var(--font-pattern, 'Roboto');
|
|
15
|
-
/*@doc Define a largura máxima do componente.*/
|
|
16
|
-
--ez-dropdown--max-width: 320px;
|
|
17
15
|
/*@doc Define a altura máxima do componente.*/
|
|
18
|
-
--ez-dropdown--max-height:
|
|
16
|
+
--ez-dropdown--max-height: 415px;
|
|
19
17
|
|
|
20
18
|
/* item*/
|
|
21
19
|
/*@doc Define o espaçamento interno de cada item do componente.*/
|
|
@@ -120,6 +118,9 @@
|
|
|
120
118
|
border-radius: var(--ez-dropdown--border-radius);
|
|
121
119
|
background-color: var(--ez-dropdown--background-color);
|
|
122
120
|
max-width: var(--ez-dropdown--max-width);
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.ez-dropdown__max-height {
|
|
123
124
|
max-height: var(--ez-dropdown--max-height);
|
|
124
125
|
}
|
|
125
126
|
|
|
@@ -137,7 +137,7 @@ export class EzDropdown {
|
|
|
137
137
|
const hasGroup = this.hasGroup(branchItems);
|
|
138
138
|
const hasIcon = this.hasIcon(branchItems);
|
|
139
139
|
const hasChildren = this.hasChildren(branchItems);
|
|
140
|
-
return (h("div", { class: "ez-dropdown", "data-level": level }, h("div", { class: "ez-dropdown__container" }, Object.keys(itemsByGroup)
|
|
140
|
+
return (h("div", { class: "ez-dropdown ez-dropdown__max-height", "data-level": level }, h("div", { class: "ez-dropdown__container" }, Object.keys(itemsByGroup)
|
|
141
141
|
.map((groupLabel) => {
|
|
142
142
|
return (h("div", Object.assign({ class: "ez-dropdown__group" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`${groupLabel}_ezDropdownGroup`) }), groupLabel !== "noGroup" &&
|
|
143
143
|
h("label", { class: "ez-dropdown__group-label", title: groupLabel }, groupLabel), hasGroup &&
|
|
@@ -131,6 +131,7 @@ export default class AgGridController {
|
|
|
131
131
|
height: '100%'
|
|
132
132
|
}
|
|
133
133
|
},
|
|
134
|
+
suppressFieldDotNotation: true,
|
|
134
135
|
components: Object.assign({ ezGridHeaderComponent: SelectionHeader, ezGridCustomHeader: EzGridCustomHeader }, this._editionManager.getComponents()),
|
|
135
136
|
context: {
|
|
136
137
|
editionManager: this._editionManager,
|
|
@@ -267,6 +267,9 @@ export class EzGrid {
|
|
|
267
267
|
if (this.config) {
|
|
268
268
|
this.observeConfig(this.config);
|
|
269
269
|
}
|
|
270
|
+
if (this.dataUnit != undefined) {
|
|
271
|
+
this._paginationInfo = this.dataUnit.getPaginationInfo();
|
|
272
|
+
}
|
|
270
273
|
this.buildDataElementId();
|
|
271
274
|
this.setEvents();
|
|
272
275
|
this.componentReady.emit();
|
|
@@ -57,6 +57,33 @@ export default class ApplicationUtils {
|
|
|
57
57
|
}
|
|
58
58
|
toast.show(message, 5000, useIcon, options.canClose);
|
|
59
59
|
}
|
|
60
|
+
static isModalContent(content) {
|
|
61
|
+
return content instanceof HTMLElement && content.tagName === 'EZ-MODAL-CONTAINER';
|
|
62
|
+
}
|
|
63
|
+
/**
|
|
64
|
+
* Exibe um popup configurado com os parâmetros informados e retorna um callBack
|
|
65
|
+
* para removêlo da DOM quando necessário.
|
|
66
|
+
*
|
|
67
|
+
* @param popupProps
|
|
68
|
+
*/
|
|
69
|
+
static async showPopup(popupProps) {
|
|
70
|
+
var _a, _b;
|
|
71
|
+
const popup = document.createElement("ez-popup");
|
|
72
|
+
window.document.body.appendChild(popup);
|
|
73
|
+
const { content } = popupProps;
|
|
74
|
+
popup.setAttribute('id', uuid());
|
|
75
|
+
popup.heightMode = (_a = popupProps.size) !== null && _a !== void 0 ? _a : "auto";
|
|
76
|
+
popup.opened = true;
|
|
77
|
+
if (ApplicationUtils.isModalContent(content)) {
|
|
78
|
+
popup.appendChild(content);
|
|
79
|
+
popup.useHeader = false;
|
|
80
|
+
}
|
|
81
|
+
else {
|
|
82
|
+
popup.ezTitle = (_b = popupProps.title) !== null && _b !== void 0 ? _b : "";
|
|
83
|
+
popup.innerHTML = content;
|
|
84
|
+
}
|
|
85
|
+
return () => popup.remove();
|
|
86
|
+
}
|
|
60
87
|
static async showModal(modalProps) {
|
|
61
88
|
modalProps = Object.assign(Object.assign({}, ApplicationUtils.defaultModalProps), modalProps);
|
|
62
89
|
const modal = document.createElement("ez-modal");
|
|
@@ -133,6 +133,33 @@ class ApplicationUtils {
|
|
|
133
133
|
}
|
|
134
134
|
toast.show(message, 5000, useIcon, options.canClose);
|
|
135
135
|
}
|
|
136
|
+
static isModalContent(content) {
|
|
137
|
+
return content instanceof HTMLElement && content.tagName === 'EZ-MODAL-CONTAINER';
|
|
138
|
+
}
|
|
139
|
+
/**
|
|
140
|
+
* Exibe um popup configurado com os parâmetros informados e retorna um callBack
|
|
141
|
+
* para removêlo da DOM quando necessário.
|
|
142
|
+
*
|
|
143
|
+
* @param popupProps
|
|
144
|
+
*/
|
|
145
|
+
static async showPopup(popupProps) {
|
|
146
|
+
var _a, _b;
|
|
147
|
+
const popup = document.createElement("ez-popup");
|
|
148
|
+
window.document.body.appendChild(popup);
|
|
149
|
+
const { content } = popupProps;
|
|
150
|
+
popup.setAttribute('id', v4());
|
|
151
|
+
popup.heightMode = (_a = popupProps.size) !== null && _a !== void 0 ? _a : "auto";
|
|
152
|
+
popup.opened = true;
|
|
153
|
+
if (ApplicationUtils.isModalContent(content)) {
|
|
154
|
+
popup.appendChild(content);
|
|
155
|
+
popup.useHeader = false;
|
|
156
|
+
}
|
|
157
|
+
else {
|
|
158
|
+
popup.ezTitle = (_b = popupProps.title) !== null && _b !== void 0 ? _b : "";
|
|
159
|
+
popup.innerHTML = content;
|
|
160
|
+
}
|
|
161
|
+
return () => popup.remove();
|
|
162
|
+
}
|
|
136
163
|
static async showModal(modalProps) {
|
|
137
164
|
modalProps = Object.assign(Object.assign({}, ApplicationUtils.defaultModalProps), modalProps);
|
|
138
165
|
const modal = document.createElement("ez-modal");
|
|
@@ -799,7 +826,7 @@ class Bind {
|
|
|
799
826
|
}
|
|
800
827
|
}
|
|
801
828
|
|
|
802
|
-
const ezActionsButtonCss = ":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;z-index:var(--more-visible, 2);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--more-visible, 2) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}";
|
|
829
|
+
const ezActionsButtonCss = ":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__actions-max-height:415px;--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;overflow-y:auto;scrollbar-width:thin;z-index:var(--more-visible, 2);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--max-height{max-height:var(--ez-actions-button__actions-max-height)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--more-visible, 2) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}";
|
|
803
830
|
|
|
804
831
|
const EzActionsButton$1 = class extends HTMLElement$1 {
|
|
805
832
|
constructor() {
|
|
@@ -988,7 +1015,7 @@ const EzActionsButton$1 = class extends HTMLElement$1 {
|
|
|
988
1015
|
(this.showLabel ? " ez-actions-button__btn-label" : ""), label: this.showLabel && ((_a = this._selectedAction) === null || _a === void 0 ? void 0 : _a.label), enabled: this.enabled, mode: this.showLabel ? undefined : "icon", iconName: this.showLabel ? "" : this.displayIcon || "dots-vertical", size: this.size, onClick: () => this.handlerButtonClick() }, this.showLabel &&
|
|
989
1016
|
h("ez-icon", { class: "ez-actions-button__icon-right", slot: "rightIcon", iconName: this.displayIcon || "dots-vertical" })), h("section", { class: "ez-actions-button__list-container", ref: elem => this._listContainer = elem }, this.arrowActive &&
|
|
990
1017
|
h("div", { class: "ez-actions-button__arrow ez-actions-button__arrow--" + (this.size || "small") +
|
|
991
|
-
(this.isTransparent ? " ez-actions-button__arrow--upped" : "") }), h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list" +
|
|
1018
|
+
(this.isTransparent ? " ez-actions-button__arrow--upped" : "") }), h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list ez-actions-button__actions-list--max-height" +
|
|
992
1019
|
(this.arrowActive && !this.isTransparent ? " ez-actions-button__actions-list--lowered" : "") }, this.actions.map(action => {
|
|
993
1020
|
var _a;
|
|
994
1021
|
return h("ez-button", { size: "small", label: action.label, onClick: () => this.actionClick(action), enabled: action.enabled, class: "ez-actions-button__btn-action" +
|
|
@@ -3664,7 +3691,7 @@ class SubmenuControl {
|
|
|
3664
3691
|
}
|
|
3665
3692
|
}
|
|
3666
3693
|
|
|
3667
|
-
const ezDropdownCss = ":host{--ez-dropdown--z-index:var(--more-visible, 2);--ez-dropdown--padding:var(--space--small, 6px);--ez-dropdown--box-shadow:var(--shadow--medium, 0px 8px 24px rgba(0, 38, 111, 0.1));--ez-dropdown--border-radius:var(--border--radius-medium, 12px);--ez-dropdown--background-color:var(--background--xlight, #fff);--ez-dropdown--font-family:var(--font-pattern, 'Roboto');--ez-dropdown--max-
|
|
3694
|
+
const ezDropdownCss = ":host{--ez-dropdown--z-index:var(--more-visible, 2);--ez-dropdown--padding:var(--space--small, 6px);--ez-dropdown--box-shadow:var(--shadow--medium, 0px 8px 24px rgba(0, 38, 111, 0.1));--ez-dropdown--border-radius:var(--border--radius-medium, 12px);--ez-dropdown--background-color:var(--background--xlight, #fff);--ez-dropdown--font-family:var(--font-pattern, 'Roboto');--ez-dropdown--max-height:415px;--ez-dropdown__item--padding:var(--space--small, 6px);--ez-dropdown__item--gap:var(--space--small, 6px);--ez-dropdown__item--border-radius:var(--border--radius-small, 6px);--ez-dropdown__item--color:var(--title--primary, #2b3a54);--ez-dropdown__item--font-weight:var(--text-weight--medium, 400);--ez-dropdown__item--font-size:var(--text--medium, 14px);--ez-dropdown__item--line-height:calc(var(--ez-dropdown__item--font-size) + 4px);--ez-dropdown__item--background-color:var(--background--medium, #f0f3f7);--ez-dropdown__item--transition:var(--transition, .2s linear);--ez-dropdown__item-label--margin-right:var(--space--medium, 12px);--ez-dropdown__icon--size:var(--icon--medium, 18px);--ez-dropdown__divider--background-color:var(--color--disable-secondary, #f2f5f8);--ez-dropdown__divider--margin:var(--space--extra-small, 3px) 0;--ez-dropdown__group-label--color:var(--text--secondary, #A2ABB9);--ez-dropdown__group-label--font-weight:var(--text-weight--large, 600);--ez-dropdown__group-label--font-size:var(--text--small, 12px);--ez-dropdown__group-label--line-height:var(--text--medium, 14px);--ez-dropdown__group-label--padding:var(--space--small, 6px);--ez-dropdown__submenu--z-index:var(--most-visible, 3);--ez-dropdown__link--font-weight:var(--text-weight--large, 600);--ez-dropdown__link--primary--color:var(--color--primary, #008561);--ez-dropdown__link--critical--color:var(--color-alert--error-800, #BD0025);--ez-dropdown__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-dropdown__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-dropdown__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-dropdown__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-dropdown__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-dropdown__scrollbar--width:var(--space--small, 6px);--ez-dropdown__scrollbar--padding-right:var(--space--extra-small, 3px);display:flex;flex-direction:column;height:fit-content;user-select:none;box-sizing:border-box;position:fixed;z-index:var(--ez-dropdown--z-index)}:host *{box-sizing:border-box}.ez-dropdown{display:flex;padding:var(--ez-dropdown--padding);box-shadow:var(--ez-dropdown--box-shadow);border-radius:var(--ez-dropdown--border-radius);background-color:var(--ez-dropdown--background-color);max-width:var(--ez-dropdown--max-width)}.ez-dropdown__max-height{max-height:var(--ez-dropdown--max-height)}.ez-dropdown *{font-family:var(--ez-dropdown--font-family)}.ez-dropdown__container{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;flex:auto;scrollbar-color:var(--ez-dropdown__scrollbar--color-clicked) var(--ez-dropdown__scrollbar--color-background)}.ez-dropdown__container::-webkit-scrollbar{background-color:var(--ez-dropdown__scrollbar--color-background);width:var(--ez-dropdown__scrollbar--width);max-width:var(--ez-dropdown__scrollbar--width);min-width:var(--ez-dropdown__scrollbar--width)}.ez-dropdown__container::-webkit-scrollbar-track{background-color:var(--ez-dropdown__scrollbar--color-background);border-radius:var(--ez-dropdown__scrollbar--border-radius)}.ez-dropdown__container::-webkit-scrollbar-thumb{background-color:var(--ez-dropdown__scrollbar--color-default);border-radius:var(--ez-dropdown__scrollbar--border-radius)}.ez-dropdown__container::-webkit-scrollbar-thumb:vertical:hover,.ez-dropdown__container::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-dropdown__scrollbar--color-hover)}.ez-dropdown__container::-webkit-scrollbar-thumb:vertical:active,.ez-dropdown__container::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-dropdown__scrollbar--color-clicked)}.ez-dropdown__container--spacer{padding-right:var(--ez-dropdown__scrollbar--padding-right)}.ez-dropdown__item{display:flex;align-items:center;background-color:transparent;border-radius:var(--ez-dropdown__item--border-radius);transition:var(--ez-dropdown__item--transition)}.ez-dropdown__item:hover{background-color:var(--ez-dropdown__item--background-color)}.ez-dropdown__item-wrapper{display:flex;align-items:center;position:relative;cursor:pointer;width:100%;margin:0;white-space:nowrap;gap:var(--ez-dropdown__item--gap);color:var(--ez-dropdown__item--color);font-weight:var(--ez-dropdown__item--font-weight);font-size:var(--ez-dropdown__item--font-size);line-height:var(--ez-dropdown__item--line-height);padding:var(--ez-dropdown__item--padding)}.ez-dropdown__item-wrapper ez-icon{display:flex;justify-content:center;align-items:center;width:var(--ez-dropdown__icon--size);height:var(--ez-dropdown__icon--size);min-width:var(--ez-dropdown__icon--size);min-height:var(--ez-dropdown__icon--size)}.ez-dropdown__item-content{display:flex;align-items:center;flex:auto;overflow:hidden;gap:var(--ez-dropdown__item--gap)}.ez-dropdown__item-label{text-align:left;text-overflow:ellipsis;overflow:hidden;flex:auto}.ez-dropdown__item-label:not(:last-child){margin-right:var(--ez-dropdown__item-label--margin-right)}.ez-dropdown__item-content+.ez-dropdown__link{margin-left:var(--ez-dropdown__item-label--margin-right);margin-right:var(--ez-dropdown__item--padding)}.ez-dropdown__item-builder{flex:auto}.ez-dropdown__divider{width:100%;height:2px;border-radius:1px;border:none;display:block;background-color:var(--ez-dropdown__divider--background-color);margin:var(--ez-dropdown__divider--margin)}.ez-dropdown__hidden{visibility:hidden}.ez-dropdown__group{display:flex;flex-direction:column}.ez-dropdown__group-label{display:block;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ez-dropdown__group-label--color);font-weight:var(--ez-dropdown__group-label--font-weight);font-size:var(--ez-dropdown__group-label--font-size);line-height:var(--ez-dropdown__group-label--line-height);padding:var(--ez-dropdown__group-label--padding)}.ez-dropdown__icon-right{margin-left:auto}.ez-dropdown__submenu{position:fixed;z-index:var(--ez-dropdown__submenu--z-index);margin-top:calc(var(--ez-dropdown__item--padding) * -1)}.ez-dropdown__submenu--hide{display:none}.ez-dropdown__link{display:block;margin-left:auto;cursor:pointer;text-overflow:ellipsis;overflow:hidden;font-weight:var(--ez-dropdown__link--font-weight);max-width:calc(var(--ez-dropdown--max-width) * 0.43)}.ez-dropdown__link--primary{color:var(--ez-dropdown__link--primary--color)}.ez-dropdown__link--critical{color:var(--ez-dropdown__link--critical--color)}.ez-dropdown__link:hover{text-decoration:underline}";
|
|
3668
3695
|
|
|
3669
3696
|
const EzDropdown$1 = class extends HTMLElement$1 {
|
|
3670
3697
|
constructor() {
|
|
@@ -3806,7 +3833,7 @@ const EzDropdown$1 = class extends HTMLElement$1 {
|
|
|
3806
3833
|
const hasGroup = this.hasGroup(branchItems);
|
|
3807
3834
|
const hasIcon = this.hasIcon(branchItems);
|
|
3808
3835
|
const hasChildren = this.hasChildren(branchItems);
|
|
3809
|
-
return (h("div", { class: "ez-dropdown", "data-level": level }, h("div", { class: "ez-dropdown__container" }, Object.keys(itemsByGroup)
|
|
3836
|
+
return (h("div", { class: "ez-dropdown ez-dropdown__max-height", "data-level": level }, h("div", { class: "ez-dropdown__container" }, Object.keys(itemsByGroup)
|
|
3810
3837
|
.map((groupLabel) => {
|
|
3811
3838
|
return (h("div", Object.assign({ class: "ez-dropdown__group" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`${groupLabel}_ezDropdownGroup`) }), groupLabel !== "noGroup" &&
|
|
3812
3839
|
h("label", { class: "ez-dropdown__group-label", title: groupLabel }, groupLabel), hasGroup &&
|
|
@@ -124475,6 +124502,7 @@ class AgGridController {
|
|
|
124475
124502
|
height: '100%'
|
|
124476
124503
|
}
|
|
124477
124504
|
},
|
|
124505
|
+
suppressFieldDotNotation: true,
|
|
124478
124506
|
components: Object.assign({ ezGridHeaderComponent: SelectionHeader, ezGridCustomHeader: EzGridCustomHeader }, this._editionManager.getComponents()),
|
|
124479
124507
|
context: {
|
|
124480
124508
|
editionManager: this._editionManager,
|
|
@@ -125519,6 +125547,9 @@ const EzGrid$1 = class extends HTMLElement$1 {
|
|
|
125519
125547
|
if (this.config) {
|
|
125520
125548
|
this.observeConfig(this.config);
|
|
125521
125549
|
}
|
|
125550
|
+
if (this.dataUnit != undefined) {
|
|
125551
|
+
this._paginationInfo = this.dataUnit.getPaginationInfo();
|
|
125552
|
+
}
|
|
125522
125553
|
this.buildDataElementId();
|
|
125523
125554
|
this.setEvents();
|
|
125524
125555
|
this.componentReady.emit();
|
|
@@ -122,6 +122,33 @@ class ApplicationUtils {
|
|
|
122
122
|
}
|
|
123
123
|
toast.show(message, 5000, useIcon, options.canClose);
|
|
124
124
|
}
|
|
125
|
+
static isModalContent(content) {
|
|
126
|
+
return content instanceof HTMLElement && content.tagName === 'EZ-MODAL-CONTAINER';
|
|
127
|
+
}
|
|
128
|
+
/**
|
|
129
|
+
* Exibe um popup configurado com os parâmetros informados e retorna um callBack
|
|
130
|
+
* para removêlo da DOM quando necessário.
|
|
131
|
+
*
|
|
132
|
+
* @param popupProps
|
|
133
|
+
*/
|
|
134
|
+
static async showPopup(popupProps) {
|
|
135
|
+
var _a, _b;
|
|
136
|
+
const popup = document.createElement("ez-popup");
|
|
137
|
+
window.document.body.appendChild(popup);
|
|
138
|
+
const { content } = popupProps;
|
|
139
|
+
popup.setAttribute('id', v4());
|
|
140
|
+
popup.heightMode = (_a = popupProps.size) !== null && _a !== void 0 ? _a : "auto";
|
|
141
|
+
popup.opened = true;
|
|
142
|
+
if (ApplicationUtils.isModalContent(content)) {
|
|
143
|
+
popup.appendChild(content);
|
|
144
|
+
popup.useHeader = false;
|
|
145
|
+
}
|
|
146
|
+
else {
|
|
147
|
+
popup.ezTitle = (_b = popupProps.title) !== null && _b !== void 0 ? _b : "";
|
|
148
|
+
popup.innerHTML = content;
|
|
149
|
+
}
|
|
150
|
+
return () => popup.remove();
|
|
151
|
+
}
|
|
125
152
|
static async showModal(modalProps) {
|
|
126
153
|
modalProps = Object.assign(Object.assign({}, ApplicationUtils.defaultModalProps), modalProps);
|
|
127
154
|
const modal = document.createElement("ez-modal");
|
package/dist/esm/{RecordValidationProcessor-0c6f41a1.js → RecordValidationProcessor-03a15fd0.js}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { UserInterface } from '@sankhyalabs/core';
|
|
2
|
-
import { A as ApplicationUtils } from './ApplicationUtils-
|
|
2
|
+
import { A as ApplicationUtils } from './ApplicationUtils-834f2fbc.js';
|
|
3
3
|
|
|
4
4
|
const buildFieldMetadata = (descriptor, config) => {
|
|
5
5
|
let { name, label, group } = Object.assign({}, config);
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-296b8458.js';
|
|
2
2
|
import { FloatingManager, ElementIDUtils } from '@sankhyalabs/core';
|
|
3
|
-
import './ApplicationUtils-
|
|
3
|
+
import './ApplicationUtils-834f2fbc.js';
|
|
4
4
|
import { C as CSSVarsUtils } from './CSSVarsUtils-a97cfa29.js';
|
|
5
5
|
import './DialogType-54a62731.js';
|
|
6
6
|
import './CheckMode-bdb2ec19.js';
|
|
7
7
|
|
|
8
|
-
const ezActionsButtonCss = ":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;z-index:var(--more-visible, 2);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--more-visible, 2) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}";
|
|
8
|
+
const ezActionsButtonCss = ":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__actions-max-height:415px;--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;overflow-y:auto;scrollbar-width:thin;z-index:var(--more-visible, 2);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--max-height{max-height:var(--ez-actions-button__actions-max-height)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--more-visible, 2) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}";
|
|
9
9
|
|
|
10
10
|
const EzActionsButton = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -192,7 +192,7 @@ const EzActionsButton = class {
|
|
|
192
192
|
(this.showLabel ? " ez-actions-button__btn-label" : ""), label: this.showLabel && ((_a = this._selectedAction) === null || _a === void 0 ? void 0 : _a.label), enabled: this.enabled, mode: this.showLabel ? undefined : "icon", iconName: this.showLabel ? "" : this.displayIcon || "dots-vertical", size: this.size, onClick: () => this.handlerButtonClick() }, this.showLabel &&
|
|
193
193
|
h("ez-icon", { class: "ez-actions-button__icon-right", slot: "rightIcon", iconName: this.displayIcon || "dots-vertical" })), h("section", { class: "ez-actions-button__list-container", ref: elem => this._listContainer = elem }, this.arrowActive &&
|
|
194
194
|
h("div", { class: "ez-actions-button__arrow ez-actions-button__arrow--" + (this.size || "small") +
|
|
195
|
-
(this.isTransparent ? " ez-actions-button__arrow--upped" : "") }), h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list" +
|
|
195
|
+
(this.isTransparent ? " ez-actions-button__arrow--upped" : "") }), h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list ez-actions-button__actions-list--max-height" +
|
|
196
196
|
(this.arrowActive && !this.isTransparent ? " ez-actions-button__actions-list--lowered" : "") }, this.actions.map(action => {
|
|
197
197
|
var _a;
|
|
198
198
|
return h("ez-button", { size: "small", label: action.label, onClick: () => this.actionClick(action), enabled: action.enabled, class: "ez-actions-button__btn-action" +
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-296b8458.js';
|
|
2
2
|
import { ElementIDUtils } from '@sankhyalabs/core';
|
|
3
|
-
import { A as ApplicationUtils } from './ApplicationUtils-
|
|
3
|
+
import { A as ApplicationUtils } from './ApplicationUtils-834f2fbc.js';
|
|
4
4
|
import './DialogType-54a62731.js';
|
|
5
5
|
import './CheckMode-bdb2ec19.js';
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-296b8458.js';
|
|
2
2
|
import { ObjectUtils, FloatingManager, StringUtils, ElementIDUtils } from '@sankhyalabs/core';
|
|
3
|
-
import { A as ApplicationUtils } from './ApplicationUtils-
|
|
3
|
+
import { A as ApplicationUtils } from './ApplicationUtils-834f2fbc.js';
|
|
4
4
|
import { C as CSSVarsUtils } from './CSSVarsUtils-a97cfa29.js';
|
|
5
5
|
import './DialogType-54a62731.js';
|
|
6
6
|
import './CheckMode-bdb2ec19.js';
|