@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-74406.0 → 0.0.0-bugfix-dev-KB-83282.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/ez-badge.cjs.entry.js +2 -14
- package/dist/cjs/ez-chip.cjs.entry.js +1 -1
- package/dist/cjs/ez-combo-box-list_3.cjs.entry.js +32 -11
- package/dist/cjs/ez-form-view.cjs.entry.js +1 -1
- package/dist/cjs/ez-grid.cjs.entry.js +2 -4
- package/dist/cjs/ez-scroller_2.cjs.entry.js +1 -1
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ez-badge/ez-badge.css +1 -12
- package/dist/collection/components/ez-badge/ez-badge.js +1 -31
- package/dist/collection/components/ez-chip/ez-chip.css +1 -5
- package/dist/collection/components/ez-combo-box/ez-combo-box-list/ez-combo-box-list.js +33 -12
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/SearchInput.tpl.js +1 -1
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +2 -4
- package/dist/collection/components/ez-scroller/ez-scroller.css +0 -3
- package/dist/custom-elements/index.js +40 -33
- package/dist/esm/ez-badge.entry.js +2 -14
- package/dist/esm/ez-chip.entry.js +1 -1
- package/dist/esm/ez-combo-box-list_3.entry.js +32 -11
- package/dist/esm/ez-form-view.entry.js +1 -1
- package/dist/esm/ez-grid.entry.js +2 -4
- package/dist/esm/ez-scroller_2.entry.js +1 -1
- package/dist/esm/ezui.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/{p-e06a9886.entry.js → p-17be134a.entry.js} +1 -1
- package/dist/ezui/{p-664b91e8.entry.js → p-53116373.entry.js} +1 -1
- package/dist/ezui/p-650e4b6d.entry.js +1 -0
- package/dist/ezui/p-990b4318.entry.js +1 -0
- package/dist/ezui/p-b26f6c5b.entry.js +1 -0
- package/dist/ezui/p-c297aa52.entry.js +1 -0
- package/dist/types/components/ez-badge/ez-badge.d.ts +0 -5
- package/dist/types/components/ez-combo-box/ez-combo-box-list/ez-combo-box-list.d.ts +1 -1
- package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +0 -1
- package/dist/types/components.d.ts +1 -9
- package/package.json +1 -1
- package/dist/ezui/p-15134d97.entry.js +0 -1
- package/dist/ezui/p-20cb13fa.entry.js +0 -1
- package/dist/ezui/p-288631d1.entry.js +0 -1
- package/dist/ezui/p-e75c7a23.entry.js +0 -1
|
@@ -16,15 +16,29 @@ export class EzComboBoxList {
|
|
|
16
16
|
* Move a seleção para a próxima opção na lista.
|
|
17
17
|
*/
|
|
18
18
|
async nextOption() {
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
var _a, _b;
|
|
20
|
+
if (!((_a = this.visibleOptions) === null || _a === void 0 ? void 0 : _a.length))
|
|
21
|
+
return;
|
|
22
|
+
const isAtLastOption = this.preSelection !== undefined && this.preSelection >= this.visibleOptions.length - 1;
|
|
23
|
+
if (!isAtLastOption) {
|
|
24
|
+
this.preSelection = this.preSelection === undefined ? 0 : this.preSelection + 1;
|
|
25
|
+
this.scrollToOption(this.visibleOptions[this.preSelection]);
|
|
26
|
+
(_b = this.onOptionHover) === null || _b === void 0 ? void 0 : _b.call(this, this.preSelection);
|
|
27
|
+
}
|
|
21
28
|
}
|
|
22
29
|
/**
|
|
23
|
-
* Move a seleção para a opção anterior na lista.
|
|
30
|
+
* Move a seleção para a opção anterior na lista, sem ultrapassar o início.
|
|
24
31
|
*/
|
|
25
32
|
async previousOption() {
|
|
26
|
-
|
|
27
|
-
|
|
33
|
+
var _a, _b;
|
|
34
|
+
if (!((_a = this.visibleOptions) === null || _a === void 0 ? void 0 : _a.length))
|
|
35
|
+
return;
|
|
36
|
+
const isAtFirstOption = this.preSelection !== undefined && this.preSelection <= 0;
|
|
37
|
+
if (!isAtFirstOption) {
|
|
38
|
+
this.preSelection = this.preSelection === undefined ? this.visibleOptions.length - 1 : this.preSelection - 1;
|
|
39
|
+
this.scrollToOption(this.visibleOptions[this.preSelection]);
|
|
40
|
+
(_b = this.onOptionHover) === null || _b === void 0 ? void 0 : _b.call(this, this.preSelection);
|
|
41
|
+
}
|
|
28
42
|
}
|
|
29
43
|
/**
|
|
30
44
|
* Seleciona a opção atualmente pré-selecionada.
|
|
@@ -94,16 +108,23 @@ export class EzComboBoxList {
|
|
|
94
108
|
buildItem(opt, index) {
|
|
95
109
|
const widthValue = this.showOptionValue && this.maxWidth > 0 ? `${this.maxWidth}px` : '';
|
|
96
110
|
opt.label = opt.label || opt.value;
|
|
97
|
-
return h("li", { class: index === this.preSelection ? "item preselected" : "item", id: `item_${opt.value}`, onMouseDown: () => this.onOptionSelect(opt), onMouseOver: () => this.preSelection = index }, this.showOptionValue
|
|
111
|
+
return h("li", { tabIndex: 1, class: index === this.preSelection ? "item preselected" : "item", id: `item_${opt.value}_${index}`, key: `item_${opt.value}_${index}`, onMouseDown: () => this.onOptionSelect(opt), onMouseOver: () => this.preSelection = index }, this.showOptionValue
|
|
98
112
|
? h("span", { class: "item__value", title: opt.value, style: { width: widthValue, minWidth: widthValue, maxWidth: widthValue } }, opt.value)
|
|
99
113
|
: undefined, h("span", { class: "item__label " + (this.showOptionValue ? "item__label--bold" : ""), title: opt.label }, opt.label));
|
|
100
114
|
}
|
|
101
115
|
scrollToOption(opt) {
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
116
|
+
if (!(opt === null || opt === void 0 ? void 0 : opt.value) || !this._optionsList)
|
|
117
|
+
return;
|
|
118
|
+
const index = this.visibleOptions.indexOf(opt);
|
|
119
|
+
if (index === -1)
|
|
120
|
+
return;
|
|
121
|
+
const liElem = this._optionsList.querySelector(`li#item_${CSS.escape(opt.value)}_${CSS.escape(String(index))}`);
|
|
122
|
+
if (liElem) {
|
|
123
|
+
liElem.scrollIntoView({
|
|
124
|
+
behavior: "smooth",
|
|
125
|
+
block: "nearest"
|
|
126
|
+
});
|
|
127
|
+
}
|
|
107
128
|
}
|
|
108
129
|
componentDidLoad() {
|
|
109
130
|
this._listWrapper.style.width = `${this.width}px`;
|
|
@@ -362,7 +383,7 @@ export class EzComboBoxList {
|
|
|
362
383
|
"return": "Promise<void>"
|
|
363
384
|
},
|
|
364
385
|
"docs": {
|
|
365
|
-
"text": "Move a sele\u00E7\u00E3o para a op\u00E7\u00E3o anterior na lista.",
|
|
386
|
+
"text": "Move a sele\u00E7\u00E3o para a op\u00E7\u00E3o anterior na lista, sem ultrapassar o in\u00EDcio.",
|
|
366
387
|
"tags": []
|
|
367
388
|
}
|
|
368
389
|
},
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export const buildSearch = ({ name, label, readOnly, required, contextName, canShowError, optionLoader, props }) => {
|
|
3
3
|
var _a;
|
|
4
|
-
return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-search", { class: "ez-input__no-margin", enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, ignoreLimitCharsToSearch: (_a = props
|
|
4
|
+
return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-search", { class: "ez-input__no-margin", enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, ignoreLimitCharsToSearch: (_a = props.ignoreLimitCharsToSearch) !== null && _a !== void 0 ? _a : false })));
|
|
5
5
|
};
|
|
@@ -41,7 +41,6 @@ export default class AgGridController {
|
|
|
41
41
|
this.RECORD_ARCHIVE_COL_ID = '__RECORD_ARCHIVE__';
|
|
42
42
|
this.BLOCK_LOAD_DEBOUNCE = 100;
|
|
43
43
|
this.DEFAULT_FONT_SIZE = 14;
|
|
44
|
-
this.DEFAULT_FONT_SIZE_HTML5 = 32;
|
|
45
44
|
this.DEFAULT_ICON_SIZE = 12;
|
|
46
45
|
this.DEFAULT_MAX_SIZE = 200;
|
|
47
46
|
this.DOC_WIDTH = 800;
|
|
@@ -1107,9 +1106,8 @@ export default class AgGridController {
|
|
|
1107
1106
|
if (cfgColumn.customWidth != undefined) {
|
|
1108
1107
|
return cfgColumn.customWidth;
|
|
1109
1108
|
}
|
|
1110
|
-
if (cfgColumn.width != undefined
|
|
1111
|
-
|
|
1112
|
-
return parseInt(cfgColumn.width) + this.DEFAULT_FONT_SIZE_HTML5;
|
|
1109
|
+
if (cfgColumn.width != undefined) {
|
|
1110
|
+
return cfgColumn.width;
|
|
1113
1111
|
}
|
|
1114
1112
|
const field = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getField(cfgColumn.name);
|
|
1115
1113
|
if ((field === null || field === void 0 ? void 0 : field.userInterface) === UserInterface.SEARCH) {
|
|
@@ -17,8 +17,6 @@
|
|
|
17
17
|
--ez-scroller__scrollbar--width: var(--space--small, 6px);
|
|
18
18
|
/*@doc Define o a altura máxima do componente.*/
|
|
19
19
|
--ez-scroller__max-height: unset;
|
|
20
|
-
/*@doc Define o espaçamento interno direito da barra de rolagem do componente.*/
|
|
21
|
-
--ez-scroller__scrollbar--padding-right: var(--space-extra-small, 3px);
|
|
22
20
|
|
|
23
21
|
display: flex;
|
|
24
22
|
cursor: grab;
|
|
@@ -53,7 +51,6 @@
|
|
|
53
51
|
.ez-scroller__container--horizontal {
|
|
54
52
|
overflow-x: scroll;
|
|
55
53
|
flex-direction: row;
|
|
56
|
-
padding-right: var(--ez-scroller__scrollbar--padding-right);
|
|
57
54
|
}
|
|
58
55
|
|
|
59
56
|
.ez-scroller__container--vertical {
|
|
@@ -1382,7 +1382,7 @@ var Sizes;
|
|
|
1382
1382
|
Sizes["EXTRA_SMALL"] = "extra-small";
|
|
1383
1383
|
})(Sizes || (Sizes = {}));
|
|
1384
1384
|
|
|
1385
|
-
const ezBadgeCss = ":host{--ez-badge--size-2xs:var(--space--2xs, 8px);--ez-badge--size-xs:var(--space--xs, 12px);--ez-badge--size-sm:var(--space--sm, 16px);--ez-badge--size-md:var(--space--md, 20px);--ez-badge--size-lg:var(--space--lg, 24px);--ez-badge--size-xl:var(--space--xl, 32px);--ez-badge--padding-2xs:0;--ez-badge--padding-xs:var(--space--nano, 2px);--ez-badge--padding-sm:calc(var(--space--nano, 2px) + 1px);--ez-badge--padding-md:var(--space--3xs, 4px);--ez-badge--padding-lg:calc(var(--space--3xs, 4px) + 2px);--ez-badge--padding-xl:var(--space--2xs);--ez-badge--border-radius:calc(var(--border--radius-medium, 12px) + 8px);--ez-badge--font-family:var(--font-pattern, Roboto);--ez-badge--font-weight-medium:var(--text-weight--medium, 400);--ez-badge--background-color:var(--color--primary, #008561);--ez-badge--border-none:0;--ez-badge--color:var(--text--inverted, #ffffff);--ez-badge--gap:calc(var(--ez-badge--padding-xs) + 1px);--ez-badge--font-size-md:var(--text--medium);--ez-badge--font-size-sm:var(--text--medium);--ez-badge--font-size-xs:var(--text--small)}ez-icon{--ez-icon--color:inherit}.badge{display:flex;justify-content:center;align-items:center;position:relative}.badge__content{font-family:var(--ez-badge--font-family, Roboto);font-weight:var(--ez-badge--font-weight-medium, 400);background-color:var(--ez-badge--background-color, #008561);border:var(--ez-badge--border-none, 0);color:var(--ez-badge--color, #ffffff);border-radius:var(--ez-badge--border-radius, 20px);gap:var(--ez-badge--gap, 3px);display:flex;justify-content:center}.badge__content--fill-xs{height:var(--ez-badge--size-xs, 12px);min-width:var(--ez-badge--size-xs, 12px)}.badge__content--fill-2xs{height:var(--ez-badge--size-2xs, 8px);min-width:var(--ez-badge--size-2xs, 8px)}.badge__content--text-md{height:calc(var(--ez-badge--size-md, 20px) - 2px);min-width:var(--ez-badge--size-sm, 20px);padding-top:var(--ez-badge--padding-sm);padding-bottom:var(--ez-badge--padding-sm);padding-right:var(--ez-badge--padding-xl);padding-left:var(--ez-badge--padding-xl);font-size:var(--ez-badge--font-size-md)}.badge__content--text-sm{height:calc(var(--ez-badge--size-sm, 16px) - 2px);min-width:var(--ez-badge--size-sm, 16px);padding-top:var(--ez-badge--padding-sm);padding-bottom:var(--ez-badge--padding-sm);padding-right:var(--ez-badge--padding-xl);padding-left:var(--ez-badge--padding-xl);font-size:var(--ez-badge--font-size-sm)}.badge__content--text-xs{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding-top:var(--ez-badge--padding-2xs);padding-bottom:var(--ez-badge--padding-2xs);padding-right:var(--ez-badge--padding-lg);padding-left:var(--ez-badge--padding-lg);font-size:var(--ez-badge--font-size-xs)}.badge__content--icon-lg{height:var(--ez-badge--size-lg, 24px);min-width:var(--ez-badge--size-lg, 24px);padding:var(--ez-badge--padding-md)}.badge__content--icon-md{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding:var(--ez-badge--padding-md)}.badge__content--icon-sm{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding:var(--ez-badge--padding-xs)}.badge__content--icon-xs{height:var(--ez-badge--size-xs, 12px);min-width:var(--ez-badge--size-xs, 12px);padding:var(--ez-badge--padding-xs)}.badge__content--
|
|
1385
|
+
const ezBadgeCss = ":host{--ez-badge--size-2xs:var(--space--2xs, 8px);--ez-badge--size-xs:var(--space--xs, 12px);--ez-badge--size-sm:var(--space--sm, 16px);--ez-badge--size-md:var(--space--md, 20px);--ez-badge--size-lg:var(--space--lg, 24px);--ez-badge--size-xl:var(--space--xl, 32px);--ez-badge--padding-2xs:0;--ez-badge--padding-xs:var(--space--nano, 2px);--ez-badge--padding-sm:calc(var(--space--nano, 2px) + 1px);--ez-badge--padding-md:var(--space--3xs, 4px);--ez-badge--padding-lg:calc(var(--space--3xs, 4px) + 2px);--ez-badge--padding-xl:var(--space--2xs);--ez-badge--border-radius:calc(var(--border--radius-medium, 12px) + 8px);--ez-badge--font-family:var(--font-pattern, Roboto);--ez-badge--font-weight-medium:var(--text-weight--medium, 400);--ez-badge--background-color:var(--color--primary, #008561);--ez-badge--border-none:0;--ez-badge--color:var(--text--inverted, #ffffff);--ez-badge--gap:calc(var(--ez-badge--padding-xs) + 1px);--ez-badge--font-size-md:var(--text--medium);--ez-badge--font-size-sm:var(--text--medium);--ez-badge--font-size-xs:var(--text--small)}ez-icon{--ez-icon--color:inherit}.badge{display:flex;justify-content:center;align-items:center;position:relative}.badge__content{font-family:var(--ez-badge--font-family, Roboto);font-weight:var(--ez-badge--font-weight-medium, 400);background-color:var(--ez-badge--background-color, #008561);border:var(--ez-badge--border-none, 0);color:var(--ez-badge--color, #ffffff);border-radius:var(--ez-badge--border-radius, 20px);gap:var(--ez-badge--gap, 3px);display:flex;justify-content:center;align-items:center}.badge__content--fill-xs{height:var(--ez-badge--size-xs, 12px);min-width:var(--ez-badge--size-xs, 12px)}.badge__content--fill-2xs{height:var(--ez-badge--size-2xs, 8px);min-width:var(--ez-badge--size-2xs, 8px)}.badge__content--text-md{height:calc(var(--ez-badge--size-md, 20px) - 2px);min-width:var(--ez-badge--size-sm, 20px);padding-top:var(--ez-badge--padding-sm);padding-bottom:var(--ez-badge--padding-sm);padding-right:var(--ez-badge--padding-xl);padding-left:var(--ez-badge--padding-xl);font-size:var(--ez-badge--font-size-md)}.badge__content--text-sm{height:calc(var(--ez-badge--size-sm, 16px) - 2px);min-width:var(--ez-badge--size-sm, 16px);padding-top:var(--ez-badge--padding-sm);padding-bottom:var(--ez-badge--padding-sm);padding-right:var(--ez-badge--padding-xl);padding-left:var(--ez-badge--padding-xl);font-size:var(--ez-badge--font-size-sm)}.badge__content--text-xs{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding-top:var(--ez-badge--padding-2xs);padding-bottom:var(--ez-badge--padding-2xs);padding-right:var(--ez-badge--padding-lg);padding-left:var(--ez-badge--padding-lg);font-size:var(--ez-badge--font-size-xs)}.badge__content--icon-lg{height:var(--ez-badge--size-lg, 24px);min-width:var(--ez-badge--size-lg, 24px);padding:var(--ez-badge--padding-md)}.badge__content--icon-md{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding:var(--ez-badge--padding-md)}.badge__content--icon-sm{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding:var(--ez-badge--padding-xs)}.badge__content--icon-xs{height:var(--ez-badge--size-xs, 12px);min-width:var(--ez-badge--size-xs, 12px);padding:var(--ez-badge--padding-xs)}.badge__content--fill{position:absolute;top:0;inset-inline-end:0;z-index:var(--most-visible, 2)}.badge__content--fill-top-right{transform:translate(50%, -50%);position:absolute;top:0;right:0}.badge__content--fill-top-left{transform:translate(-50%, -50%);position:absolute;top:0;left:0}.badge__content--fill-bottom-left{transform:translate(-50%, 50%);position:absolute;bottom:0;left:0}.badge__content--fill-bottom-right{transform:translate(50%, 50%);position:absolute;bottom:0;right:0}";
|
|
1386
1386
|
|
|
1387
1387
|
const EzBadge$1 = class extends HTMLElement$1 {
|
|
1388
1388
|
constructor() {
|
|
@@ -1415,7 +1415,6 @@ const EzBadge$1 = class extends HTMLElement$1 {
|
|
|
1415
1415
|
this.iconLeft = undefined;
|
|
1416
1416
|
this.iconRight = undefined;
|
|
1417
1417
|
this.position = { horizontal: "right", vertical: "top" };
|
|
1418
|
-
this.alignItems = "center";
|
|
1419
1418
|
}
|
|
1420
1419
|
getIconSize() {
|
|
1421
1420
|
switch (this.size) {
|
|
@@ -1430,16 +1429,6 @@ const EzBadge$1 = class extends HTMLElement$1 {
|
|
|
1430
1429
|
return null;
|
|
1431
1430
|
}
|
|
1432
1431
|
}
|
|
1433
|
-
getAlignItemsClass() {
|
|
1434
|
-
switch (this.alignItems) {
|
|
1435
|
-
case "flex-end":
|
|
1436
|
-
return "end";
|
|
1437
|
-
case "flex-start":
|
|
1438
|
-
return "start";
|
|
1439
|
-
default:
|
|
1440
|
-
return "center";
|
|
1441
|
-
}
|
|
1442
|
-
}
|
|
1443
1432
|
componentDidLoad() {
|
|
1444
1433
|
if (this._element) {
|
|
1445
1434
|
ElementIDUtils.addIDInfo(this._element);
|
|
@@ -1463,8 +1452,7 @@ const EzBadge$1 = class extends HTMLElement$1 {
|
|
|
1463
1452
|
}
|
|
1464
1453
|
createContainerClassName() {
|
|
1465
1454
|
let sizeSufix = this._sizes[this.size].sufix;
|
|
1466
|
-
let
|
|
1467
|
-
let containerClassNames = ["badge__content", alignItemsClass];
|
|
1455
|
+
let containerClassNames = ["badge__content"];
|
|
1468
1456
|
if (this.hasSlot) {
|
|
1469
1457
|
containerClassNames.push("badge__content--fill-" + sizeSufix);
|
|
1470
1458
|
if (this.position.vertical == "bottom" && this.position.horizontal == "right") {
|
|
@@ -2670,7 +2658,7 @@ const EzCheck$1 = class extends HTMLElement$1 {
|
|
|
2670
2658
|
static get style() { return ezCheckCss; }
|
|
2671
2659
|
};
|
|
2672
2660
|
|
|
2673
|
-
const ezChipCss = ":host{--ez-label-chip--height:30px;--ez-label-chip__label--font-size:var(--text--medium, 14px);--ez-label-chip__label--font-family:var(--font-pattern, Arial);--ez-label-chip__label--font-weight:var(--text-weight--medium, 400);--ez-label-chip__label--space--medium:var(--space--medium, 12px);--ez-label-chip__label--title--primary:var(--title--primary, #2B3A54);--ez-label-chip__label--text--primary:var(--text--primary, #626e82);--ez-label-chip__label__container--border-radius:var(--border--radius-large, 24px);--ez-label-chip__label__container--border:1px solid;--ez-label-chip__label__container--border-color-strokes:var(--color--strokes, #DCE0E8);--ez-label-chip__label__container--color-primary:var(--color--primary, #008561);--ez-label-chip__label__container-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ez-label-chip__label__container--background-color:var(--color--primary-300);--ez-label-chip__label__container--border-color:#0085610F;--ez-label-chip__label__container--default--border-color--active:var(--color--primary, #007a5a);--ez-label-chip__label__container--default--background-color--hover:var(--color--primary-300, #f2faf8);--ez-label-chip__label__container--default--color--hover:var(--color--primary, #f2faf8);--ez-label-chip__label__container--text--disabled:var(--text--disable, #AFB6C0);--ez-label-chip__label__container--default--border-color--active:var(--color--primary)
|
|
2661
|
+
const ezChipCss = ":host{--ez-label-chip--height:30px;--ez-label-chip__label--font-size:var(--text--medium, 14px);--ez-label-chip__label--font-family:var(--font-pattern, Arial);--ez-label-chip__label--font-weight:var(--text-weight--medium, 400);--ez-label-chip__label--space--medium:var(--space--medium, 12px);--ez-label-chip__label--title--primary:var(--title--primary, #2B3A54);--ez-label-chip__label--text--primary:var(--text--primary, #626e82);--ez-label-chip__label__container--border-radius:var(--border--radius-large, 24px);--ez-label-chip__label__container--border:1px solid;--ez-label-chip__label__container--border-color-strokes:var(--color--strokes, #DCE0E8);--ez-label-chip__label__container--color-primary:var(--color--primary, #008561);--ez-label-chip__label__container-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ez-label-chip__label__container--background-color:var(--color--primary-300);--ez-label-chip__label__container--border-color:#0085610F;--ez-label-chip__label__container--default--border-color--active:var(--color--primary, #007a5a);--ez-label-chip__label__container--default--background-color--hover:var(--color--primary-300, #f2faf8);--ez-label-chip__label__container--default--color--hover:var(--color--primary, #f2faf8);--ez-label-chip__label__container--text--disabled:var(--text--disable, #AFB6C0);--ez-label-chip__label__container--default--border-color--active:var(--color--primary)}.lbl{display:flex;white-space:nowrap;align-items:center;cursor:pointer;user-select:none;color:var(--ez-label-chip__label--title--primary);height:var(--ez-label-chip--height);font-family:var(--ez-label-chip__label--font-family);font-size:var(--ez-label-chip__label--font-size);font-weight:var(--ez-label-chip__label--font-weight)}.lbl--active{color:var(--ez-label-chip__label__container--default--color--hover)}.lbl--disabled{color:var(--ez-label-chip__label__container--text--disabled)}.label__container{cursor:pointer;width:max-content;display:flex;flex-wrap:wrap;align-items:center;background-color:#FFFFFF;color:var(--ez-label-chip__label--text--primary);fill:var(--ez-label-chip__label--text--primary);--ez-icon--color:var(--ez-label-chip__label--text--primary);border:var(--ez-label-chip__label__container--border);border-radius:var(--ez-label-chip__label__container--border-radius);border-color:var(--ez-label-chip__label__container--border-color-strokes);padding-right:var(--ez-label-chip__label--space--medium);padding-left:var(--ez-label-chip__label--space--medium);outline-color:var(--ez-label-chip__label__container--default--border-color--active)}.label__content{display:flex;align-items:center;flex-wrap:wrap;--ez-icon--color:var(--ez-label-chip__label--text--primary)}.label__container--disabled{cursor:default;border-color:var(--ez-label-chip__label__container-color--disable-secondary);background-color:var(--ez-label-chip__label__container-color--disable-secondary);fill:var(--ez-label-chip__label__container--text--disabled);color:var(--ez-label-chip__label__container--text--disabled);--ez-icon--color:var(--ez-label-chip__label__container--text--disabled)}.label__container--active{border-color:var(--ez-label-chip__label__container--default--background-color--hover);background-color:var(--ez-label-chip__label__container--default--background-color--hover);color:var(--ez-label-chip__label__container--default--color--hover);fill:var(--ez-label-chip__label__container--default--color--hover);--ez-icon--color:var(--ez-label-chip__label__container--default--color--hover)}.label__container:hover{border-color:var(--ez-label-chip__label__container--default--border-color--active)}.label__container:focus{outline:var(--border--medium) var(--ez-label-chip__label__container--default--border-color--active)}.label__container--disabled:hover{cursor:default;border:var(--ez-label-chip__label__container--border);border-color:var(--ez-label-chip__label__container-color--disable-secondary);background-color:var(--ez-label-chip__label__container-color--disable-secondary);fill:var(--ez-label-chip__label__container--text--disabled);color:var(--ez-label-chip__label__container--text--disabled);--ez-icon--color:var(--ez-label-chip__label__container--text--disabled)}.label__content__icon{display:flex;cursor:pointer;color:var(--ez-label-chip__label--text--primary);fill:var(--ez-label-chip__label--text--primary);--ez-icon--color:var(--ez-label-chip__label--text--primary)}.label__container--row-reverse{flex-direction:row-reverse}.label__container .btn-close{padding:0px 0px 0px 8px}.label__container--row-reverse .btn-close{padding:0px 8px 0px 0px}.cursor-disable{cursor:default}ez-icon{--ez-icon--color:inherit}";
|
|
2674
2662
|
|
|
2675
2663
|
const EzChip$1 = class extends HTMLElement$1 {
|
|
2676
2664
|
constructor() {
|
|
@@ -3389,15 +3377,29 @@ const EzComboBoxList$1 = class extends HTMLElement$1 {
|
|
|
3389
3377
|
* Move a seleção para a próxima opção na lista.
|
|
3390
3378
|
*/
|
|
3391
3379
|
async nextOption() {
|
|
3392
|
-
|
|
3393
|
-
|
|
3380
|
+
var _a, _b;
|
|
3381
|
+
if (!((_a = this.visibleOptions) === null || _a === void 0 ? void 0 : _a.length))
|
|
3382
|
+
return;
|
|
3383
|
+
const isAtLastOption = this.preSelection !== undefined && this.preSelection >= this.visibleOptions.length - 1;
|
|
3384
|
+
if (!isAtLastOption) {
|
|
3385
|
+
this.preSelection = this.preSelection === undefined ? 0 : this.preSelection + 1;
|
|
3386
|
+
this.scrollToOption(this.visibleOptions[this.preSelection]);
|
|
3387
|
+
(_b = this.onOptionHover) === null || _b === void 0 ? void 0 : _b.call(this, this.preSelection);
|
|
3388
|
+
}
|
|
3394
3389
|
}
|
|
3395
3390
|
/**
|
|
3396
|
-
* Move a seleção para a opção anterior na lista.
|
|
3391
|
+
* Move a seleção para a opção anterior na lista, sem ultrapassar o início.
|
|
3397
3392
|
*/
|
|
3398
3393
|
async previousOption() {
|
|
3399
|
-
|
|
3400
|
-
|
|
3394
|
+
var _a, _b;
|
|
3395
|
+
if (!((_a = this.visibleOptions) === null || _a === void 0 ? void 0 : _a.length))
|
|
3396
|
+
return;
|
|
3397
|
+
const isAtFirstOption = this.preSelection !== undefined && this.preSelection <= 0;
|
|
3398
|
+
if (!isAtFirstOption) {
|
|
3399
|
+
this.preSelection = this.preSelection === undefined ? this.visibleOptions.length - 1 : this.preSelection - 1;
|
|
3400
|
+
this.scrollToOption(this.visibleOptions[this.preSelection]);
|
|
3401
|
+
(_b = this.onOptionHover) === null || _b === void 0 ? void 0 : _b.call(this, this.preSelection);
|
|
3402
|
+
}
|
|
3401
3403
|
}
|
|
3402
3404
|
/**
|
|
3403
3405
|
* Seleciona a opção atualmente pré-selecionada.
|
|
@@ -3467,16 +3469,23 @@ const EzComboBoxList$1 = class extends HTMLElement$1 {
|
|
|
3467
3469
|
buildItem(opt, index) {
|
|
3468
3470
|
const widthValue = this.showOptionValue && this.maxWidth > 0 ? `${this.maxWidth}px` : '';
|
|
3469
3471
|
opt.label = opt.label || opt.value;
|
|
3470
|
-
return h("li", { class: index === this.preSelection ? "item preselected" : "item", id: `item_${opt.value}`, onMouseDown: () => this.onOptionSelect(opt), onMouseOver: () => this.preSelection = index }, this.showOptionValue
|
|
3472
|
+
return h("li", { tabIndex: 1, class: index === this.preSelection ? "item preselected" : "item", id: `item_${opt.value}_${index}`, key: `item_${opt.value}_${index}`, onMouseDown: () => this.onOptionSelect(opt), onMouseOver: () => this.preSelection = index }, this.showOptionValue
|
|
3471
3473
|
? h("span", { class: "item__value", title: opt.value, style: { width: widthValue, minWidth: widthValue, maxWidth: widthValue } }, opt.value)
|
|
3472
3474
|
: undefined, h("span", { class: "item__label " + (this.showOptionValue ? "item__label--bold" : ""), title: opt.label }, opt.label));
|
|
3473
3475
|
}
|
|
3474
3476
|
scrollToOption(opt) {
|
|
3475
|
-
|
|
3476
|
-
|
|
3477
|
-
|
|
3478
|
-
|
|
3479
|
-
|
|
3477
|
+
if (!(opt === null || opt === void 0 ? void 0 : opt.value) || !this._optionsList)
|
|
3478
|
+
return;
|
|
3479
|
+
const index = this.visibleOptions.indexOf(opt);
|
|
3480
|
+
if (index === -1)
|
|
3481
|
+
return;
|
|
3482
|
+
const liElem = this._optionsList.querySelector(`li#item_${CSS.escape(opt.value)}_${CSS.escape(String(index))}`);
|
|
3483
|
+
if (liElem) {
|
|
3484
|
+
liElem.scrollIntoView({
|
|
3485
|
+
behavior: "smooth",
|
|
3486
|
+
block: "nearest"
|
|
3487
|
+
});
|
|
3488
|
+
}
|
|
3480
3489
|
}
|
|
3481
3490
|
componentDidLoad() {
|
|
3482
3491
|
this._listWrapper.style.width = `${this.width}px`;
|
|
@@ -5999,7 +6008,7 @@ function buildNumeric$1(fieldName, fieldLabel, readOnly, precision, prettyPrecis
|
|
|
5999
6008
|
const buildSearch$1 = ({ name, label, readOnly, required, contextName, canShowError, optionLoader, props }) => {
|
|
6000
6009
|
var _a;
|
|
6001
6010
|
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
6002
|
-
h("ez-search", { class: "ez-input__no-margin", enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, ignoreLimitCharsToSearch: (_a = props
|
|
6011
|
+
h("ez-search", { class: "ez-input__no-margin", enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, ignoreLimitCharsToSearch: (_a = props.ignoreLimitCharsToSearch) !== null && _a !== void 0 ? _a : false })));
|
|
6003
6012
|
};
|
|
6004
6013
|
|
|
6005
6014
|
const buildTextArea = ({ name, label, readOnly, contextName, rows, canShowError }) => {
|
|
@@ -70925,7 +70934,6 @@ class AgGridController {
|
|
|
70925
70934
|
this.RECORD_ARCHIVE_COL_ID = '__RECORD_ARCHIVE__';
|
|
70926
70935
|
this.BLOCK_LOAD_DEBOUNCE = 100;
|
|
70927
70936
|
this.DEFAULT_FONT_SIZE = 14;
|
|
70928
|
-
this.DEFAULT_FONT_SIZE_HTML5 = 32;
|
|
70929
70937
|
this.DEFAULT_ICON_SIZE = 12;
|
|
70930
70938
|
this.DEFAULT_MAX_SIZE = 200;
|
|
70931
70939
|
this.DOC_WIDTH = 800;
|
|
@@ -71991,9 +71999,8 @@ class AgGridController {
|
|
|
71991
71999
|
if (cfgColumn.customWidth != undefined) {
|
|
71992
72000
|
return cfgColumn.customWidth;
|
|
71993
72001
|
}
|
|
71994
|
-
if (cfgColumn.width != undefined
|
|
71995
|
-
|
|
71996
|
-
return parseInt(cfgColumn.width) + this.DEFAULT_FONT_SIZE_HTML5;
|
|
72002
|
+
if (cfgColumn.width != undefined) {
|
|
72003
|
+
return cfgColumn.width;
|
|
71997
72004
|
}
|
|
71998
72005
|
const field = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getField(cfgColumn.name);
|
|
71999
72006
|
if ((field === null || field === void 0 ? void 0 : field.userInterface) === UserInterface.SEARCH) {
|
|
@@ -75924,7 +75931,7 @@ const EzRadioButton$1 = class extends HTMLElement$1 {
|
|
|
75924
75931
|
static get style() { return ezRadioButtonCss; }
|
|
75925
75932
|
};
|
|
75926
75933
|
|
|
75927
|
-
const ezScrollerCss = ":host{--ez-scroller--box-shadow-color:var(--background--body, #fafcff);--ez-scroller__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-scroller__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-scroller__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-scroller__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-scroller__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-scroller__scrollbar--width:var(--space--small, 6px);--ez-scroller__max-height:unset
|
|
75934
|
+
const ezScrollerCss = ":host{--ez-scroller--box-shadow-color:var(--background--body, #fafcff);--ez-scroller__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-scroller__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-scroller__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-scroller__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-scroller__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-scroller__scrollbar--width:var(--space--small, 6px);--ez-scroller__max-height:unset;display:flex;cursor:grab;width:100%;overflow:hidden}.dragging{cursor:grabbing}.ez-scroller__container{display:flex;overflow-y:hidden;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.ez-scroller__container--both:not(.ez-scroller__container--locked),.ez-scroller__container:not(.ez-scroller__container--locked):hover{scrollbar-color:var(--ez-scroller__scrollbar--color-clicked) var(--ez-scroller__scrollbar--color-background)}.ez-scroller__container--both{overflow-y:scroll;overflow-x:scroll;flex-wrap:wrap}.ez-scroller__container--horizontal{overflow-x:scroll;flex-direction:row}.ez-scroller__container--vertical{overflow-y:scroll;flex-direction:column;width:100%;max-height:var(--ez-scroller__max-height)}.ez-scroller__container::-webkit-scrollbar{background-color:transparent;width:var(--ez-scroller__scrollbar--width);height:var(--ez-scroller__scrollbar--width);max-width:var(--ez-scroller__scrollbar--width);min-width:var(--ez-scroller__scrollbar--width)}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar{background-color:var(--ez-scroller__scrollbar--color-background)}.ez-scroller__container::-webkit-scrollbar-track{visibility:hidden;background-color:transparent;border-radius:var(--ez-scroller__scrollbar--border-radius)}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-track,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-track{background-color:var(--ez-scroller__scrollbar--color-background)}.ez-scroller__container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--ez-scroller__scrollbar--border-radius)}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb{background-color:var(--ez-scroller__scrollbar--color-default)}.ez-scroller__container::-webkit-scrollbar-thumb:vertical:hover,.ez-scroller__container::-webkit-scrollbar-thumb:horizontal:hover{background-color:transparent}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:vertical:hover,.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:horizontal:hover,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:vertical:hover,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-scroller__scrollbar--color-hover)}.ez-scroller__container::-webkit-scrollbar-thumb:vertical:active,.ez-scroller__container::-webkit-scrollbar-thumb:horizontal:active{background-color:transparent}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:vertical:active,.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:horizontal:active,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:vertical:active,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-scroller__scrollbar--color-clicked)}.ez-scroller__wrapper{display:flex;position:relative;width:100%;height:auto}.ez-scroller__wrapper--horizontal{flex-direction:row}.ez-scroller__wrapper--vertical{flex-direction:column}.ez-scroller__wrapper--shadow-start::before,.ez-scroller__wrapper--shadow-end::after{content:\"\";display:flex;position:absolute;z-index:1}.ez-scroller__wrapper--horizontal.ez-scroller__wrapper--shadow-start::before,.ez-scroller__wrapper--horizontal.ez-scroller__wrapper--shadow-end::after{width:24px;min-height:calc(100% - 10px)}.ez-scroller__wrapper--horizontal.ez-scroller__wrapper--shadow-start::before{left:0;background:linear-gradient(to right, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}.ez-scroller__wrapper--horizontal.ez-scroller__wrapper--shadow-end::after{right:0;background:linear-gradient(to left, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}.ez-scroller__wrapper--vertical.ez-scroller__wrapper--shadow-start::before,.ez-scroller__wrapper--vertical.ez-scroller__wrapper--shadow-end::after{min-width:calc(100% - 10px);height:24px}.ez-scroller__wrapper--vertical.ez-scroller__wrapper--shadow-start::before{top:0;background:linear-gradient(to bottom, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}.ez-scroller__wrapper--vertical.ez-scroller__wrapper--shadow-end::after{bottom:0;background:linear-gradient(to top, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}";
|
|
75928
75935
|
|
|
75929
75936
|
const EzScroller$1 = class extends HTMLElement$1 {
|
|
75930
75937
|
constructor() {
|
|
@@ -80565,7 +80572,7 @@ const EzActionsButton = /*@__PURE__*/proxyCustomElement(EzActionsButton$1, [1,"e
|
|
|
80565
80572
|
const EzAlert = /*@__PURE__*/proxyCustomElement(EzAlert$1, [1,"ez-alert",{"alertType":[513,"alert-type"]}]);
|
|
80566
80573
|
const EzAlertList = /*@__PURE__*/proxyCustomElement(EzAlertList$1, [1,"ez-alert-list",{"alerts":[1040],"enableDragAndDrop":[516,"enable-drag-and-drop"],"enableExpand":[516,"enable-expand"],"itemRightSlotBuilder":[16],"opened":[1540],"expanded":[1540],"_container":[32]}]);
|
|
80567
80574
|
const EzApplication = /*@__PURE__*/proxyCustomElement(EzApplication$1, [0,"ez-application"]);
|
|
80568
|
-
const EzBadge = /*@__PURE__*/proxyCustomElement(EzBadge$1, [1,"ez-badge",{"size":[513],"label":[513],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"position":[1040],"
|
|
80575
|
+
const EzBadge = /*@__PURE__*/proxyCustomElement(EzBadge$1, [1,"ez-badge",{"size":[513],"label":[513],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"position":[1040],"hasSlot":[32]}]);
|
|
80569
80576
|
const EzBreadcrumb = /*@__PURE__*/proxyCustomElement(EzBreadcrumb$1, [1,"ez-breadcrumb",{"items":[1040],"fillMode":[1025,"fill-mode"],"maxItems":[1026,"max-items"],"positionEllipsis":[1026,"position-ellipsis"],"visibleItems":[32],"hiddenItems":[32],"showDropdown":[32],"collapseConfigPosition":[32]}]);
|
|
80570
80577
|
const EzButton = /*@__PURE__*/proxyCustomElement(EzButton$1, [1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513]},[[2,"click","clickListener"]]]);
|
|
80571
80578
|
const EzCalendar = /*@__PURE__*/proxyCustomElement(EzCalendar$1, [1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"]},[[11,"scroll","scrollListener"]]]);
|
|
@@ -11,7 +11,7 @@ var Sizes;
|
|
|
11
11
|
Sizes["EXTRA_SMALL"] = "extra-small";
|
|
12
12
|
})(Sizes || (Sizes = {}));
|
|
13
13
|
|
|
14
|
-
const ezBadgeCss = ":host{--ez-badge--size-2xs:var(--space--2xs, 8px);--ez-badge--size-xs:var(--space--xs, 12px);--ez-badge--size-sm:var(--space--sm, 16px);--ez-badge--size-md:var(--space--md, 20px);--ez-badge--size-lg:var(--space--lg, 24px);--ez-badge--size-xl:var(--space--xl, 32px);--ez-badge--padding-2xs:0;--ez-badge--padding-xs:var(--space--nano, 2px);--ez-badge--padding-sm:calc(var(--space--nano, 2px) + 1px);--ez-badge--padding-md:var(--space--3xs, 4px);--ez-badge--padding-lg:calc(var(--space--3xs, 4px) + 2px);--ez-badge--padding-xl:var(--space--2xs);--ez-badge--border-radius:calc(var(--border--radius-medium, 12px) + 8px);--ez-badge--font-family:var(--font-pattern, Roboto);--ez-badge--font-weight-medium:var(--text-weight--medium, 400);--ez-badge--background-color:var(--color--primary, #008561);--ez-badge--border-none:0;--ez-badge--color:var(--text--inverted, #ffffff);--ez-badge--gap:calc(var(--ez-badge--padding-xs) + 1px);--ez-badge--font-size-md:var(--text--medium);--ez-badge--font-size-sm:var(--text--medium);--ez-badge--font-size-xs:var(--text--small)}ez-icon{--ez-icon--color:inherit}.badge{display:flex;justify-content:center;align-items:center;position:relative}.badge__content{font-family:var(--ez-badge--font-family, Roboto);font-weight:var(--ez-badge--font-weight-medium, 400);background-color:var(--ez-badge--background-color, #008561);border:var(--ez-badge--border-none, 0);color:var(--ez-badge--color, #ffffff);border-radius:var(--ez-badge--border-radius, 20px);gap:var(--ez-badge--gap, 3px);display:flex;justify-content:center}.badge__content--fill-xs{height:var(--ez-badge--size-xs, 12px);min-width:var(--ez-badge--size-xs, 12px)}.badge__content--fill-2xs{height:var(--ez-badge--size-2xs, 8px);min-width:var(--ez-badge--size-2xs, 8px)}.badge__content--text-md{height:calc(var(--ez-badge--size-md, 20px) - 2px);min-width:var(--ez-badge--size-sm, 20px);padding-top:var(--ez-badge--padding-sm);padding-bottom:var(--ez-badge--padding-sm);padding-right:var(--ez-badge--padding-xl);padding-left:var(--ez-badge--padding-xl);font-size:var(--ez-badge--font-size-md)}.badge__content--text-sm{height:calc(var(--ez-badge--size-sm, 16px) - 2px);min-width:var(--ez-badge--size-sm, 16px);padding-top:var(--ez-badge--padding-sm);padding-bottom:var(--ez-badge--padding-sm);padding-right:var(--ez-badge--padding-xl);padding-left:var(--ez-badge--padding-xl);font-size:var(--ez-badge--font-size-sm)}.badge__content--text-xs{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding-top:var(--ez-badge--padding-2xs);padding-bottom:var(--ez-badge--padding-2xs);padding-right:var(--ez-badge--padding-lg);padding-left:var(--ez-badge--padding-lg);font-size:var(--ez-badge--font-size-xs)}.badge__content--icon-lg{height:var(--ez-badge--size-lg, 24px);min-width:var(--ez-badge--size-lg, 24px);padding:var(--ez-badge--padding-md)}.badge__content--icon-md{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding:var(--ez-badge--padding-md)}.badge__content--icon-sm{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding:var(--ez-badge--padding-xs)}.badge__content--icon-xs{height:var(--ez-badge--size-xs, 12px);min-width:var(--ez-badge--size-xs, 12px);padding:var(--ez-badge--padding-xs)}.badge__content--
|
|
14
|
+
const ezBadgeCss = ":host{--ez-badge--size-2xs:var(--space--2xs, 8px);--ez-badge--size-xs:var(--space--xs, 12px);--ez-badge--size-sm:var(--space--sm, 16px);--ez-badge--size-md:var(--space--md, 20px);--ez-badge--size-lg:var(--space--lg, 24px);--ez-badge--size-xl:var(--space--xl, 32px);--ez-badge--padding-2xs:0;--ez-badge--padding-xs:var(--space--nano, 2px);--ez-badge--padding-sm:calc(var(--space--nano, 2px) + 1px);--ez-badge--padding-md:var(--space--3xs, 4px);--ez-badge--padding-lg:calc(var(--space--3xs, 4px) + 2px);--ez-badge--padding-xl:var(--space--2xs);--ez-badge--border-radius:calc(var(--border--radius-medium, 12px) + 8px);--ez-badge--font-family:var(--font-pattern, Roboto);--ez-badge--font-weight-medium:var(--text-weight--medium, 400);--ez-badge--background-color:var(--color--primary, #008561);--ez-badge--border-none:0;--ez-badge--color:var(--text--inverted, #ffffff);--ez-badge--gap:calc(var(--ez-badge--padding-xs) + 1px);--ez-badge--font-size-md:var(--text--medium);--ez-badge--font-size-sm:var(--text--medium);--ez-badge--font-size-xs:var(--text--small)}ez-icon{--ez-icon--color:inherit}.badge{display:flex;justify-content:center;align-items:center;position:relative}.badge__content{font-family:var(--ez-badge--font-family, Roboto);font-weight:var(--ez-badge--font-weight-medium, 400);background-color:var(--ez-badge--background-color, #008561);border:var(--ez-badge--border-none, 0);color:var(--ez-badge--color, #ffffff);border-radius:var(--ez-badge--border-radius, 20px);gap:var(--ez-badge--gap, 3px);display:flex;justify-content:center;align-items:center}.badge__content--fill-xs{height:var(--ez-badge--size-xs, 12px);min-width:var(--ez-badge--size-xs, 12px)}.badge__content--fill-2xs{height:var(--ez-badge--size-2xs, 8px);min-width:var(--ez-badge--size-2xs, 8px)}.badge__content--text-md{height:calc(var(--ez-badge--size-md, 20px) - 2px);min-width:var(--ez-badge--size-sm, 20px);padding-top:var(--ez-badge--padding-sm);padding-bottom:var(--ez-badge--padding-sm);padding-right:var(--ez-badge--padding-xl);padding-left:var(--ez-badge--padding-xl);font-size:var(--ez-badge--font-size-md)}.badge__content--text-sm{height:calc(var(--ez-badge--size-sm, 16px) - 2px);min-width:var(--ez-badge--size-sm, 16px);padding-top:var(--ez-badge--padding-sm);padding-bottom:var(--ez-badge--padding-sm);padding-right:var(--ez-badge--padding-xl);padding-left:var(--ez-badge--padding-xl);font-size:var(--ez-badge--font-size-sm)}.badge__content--text-xs{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding-top:var(--ez-badge--padding-2xs);padding-bottom:var(--ez-badge--padding-2xs);padding-right:var(--ez-badge--padding-lg);padding-left:var(--ez-badge--padding-lg);font-size:var(--ez-badge--font-size-xs)}.badge__content--icon-lg{height:var(--ez-badge--size-lg, 24px);min-width:var(--ez-badge--size-lg, 24px);padding:var(--ez-badge--padding-md)}.badge__content--icon-md{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding:var(--ez-badge--padding-md)}.badge__content--icon-sm{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding:var(--ez-badge--padding-xs)}.badge__content--icon-xs{height:var(--ez-badge--size-xs, 12px);min-width:var(--ez-badge--size-xs, 12px);padding:var(--ez-badge--padding-xs)}.badge__content--fill{position:absolute;top:0;inset-inline-end:0;z-index:var(--most-visible, 2)}.badge__content--fill-top-right{transform:translate(50%, -50%);position:absolute;top:0;right:0}.badge__content--fill-top-left{transform:translate(-50%, -50%);position:absolute;top:0;left:0}.badge__content--fill-bottom-left{transform:translate(-50%, 50%);position:absolute;bottom:0;left:0}.badge__content--fill-bottom-right{transform:translate(50%, 50%);position:absolute;bottom:0;right:0}";
|
|
15
15
|
|
|
16
16
|
const EzBadge = class {
|
|
17
17
|
constructor(hostRef) {
|
|
@@ -42,7 +42,6 @@ const EzBadge = class {
|
|
|
42
42
|
this.iconLeft = undefined;
|
|
43
43
|
this.iconRight = undefined;
|
|
44
44
|
this.position = { horizontal: "right", vertical: "top" };
|
|
45
|
-
this.alignItems = "center";
|
|
46
45
|
}
|
|
47
46
|
getIconSize() {
|
|
48
47
|
switch (this.size) {
|
|
@@ -57,16 +56,6 @@ const EzBadge = class {
|
|
|
57
56
|
return null;
|
|
58
57
|
}
|
|
59
58
|
}
|
|
60
|
-
getAlignItemsClass() {
|
|
61
|
-
switch (this.alignItems) {
|
|
62
|
-
case "flex-end":
|
|
63
|
-
return "end";
|
|
64
|
-
case "flex-start":
|
|
65
|
-
return "start";
|
|
66
|
-
default:
|
|
67
|
-
return "center";
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
59
|
componentDidLoad() {
|
|
71
60
|
if (this._element) {
|
|
72
61
|
ElementIDUtils.addIDInfo(this._element);
|
|
@@ -90,8 +79,7 @@ const EzBadge = class {
|
|
|
90
79
|
}
|
|
91
80
|
createContainerClassName() {
|
|
92
81
|
let sizeSufix = this._sizes[this.size].sufix;
|
|
93
|
-
let
|
|
94
|
-
let containerClassNames = ["badge__content", alignItemsClass];
|
|
82
|
+
let containerClassNames = ["badge__content"];
|
|
95
83
|
if (this.hasSlot) {
|
|
96
84
|
containerClassNames.push("badge__content--fill-" + sizeSufix);
|
|
97
85
|
if (this.position.vertical == "bottom" && this.position.horizontal == "right") {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-baa5e267.js';
|
|
2
2
|
import { ElementIDUtils } from '@sankhyalabs/core';
|
|
3
3
|
|
|
4
|
-
const ezChipCss = ":host{--ez-label-chip--height:30px;--ez-label-chip__label--font-size:var(--text--medium, 14px);--ez-label-chip__label--font-family:var(--font-pattern, Arial);--ez-label-chip__label--font-weight:var(--text-weight--medium, 400);--ez-label-chip__label--space--medium:var(--space--medium, 12px);--ez-label-chip__label--title--primary:var(--title--primary, #2B3A54);--ez-label-chip__label--text--primary:var(--text--primary, #626e82);--ez-label-chip__label__container--border-radius:var(--border--radius-large, 24px);--ez-label-chip__label__container--border:1px solid;--ez-label-chip__label__container--border-color-strokes:var(--color--strokes, #DCE0E8);--ez-label-chip__label__container--color-primary:var(--color--primary, #008561);--ez-label-chip__label__container-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ez-label-chip__label__container--background-color:var(--color--primary-300);--ez-label-chip__label__container--border-color:#0085610F;--ez-label-chip__label__container--default--border-color--active:var(--color--primary, #007a5a);--ez-label-chip__label__container--default--background-color--hover:var(--color--primary-300, #f2faf8);--ez-label-chip__label__container--default--color--hover:var(--color--primary, #f2faf8);--ez-label-chip__label__container--text--disabled:var(--text--disable, #AFB6C0);--ez-label-chip__label__container--default--border-color--active:var(--color--primary)
|
|
4
|
+
const ezChipCss = ":host{--ez-label-chip--height:30px;--ez-label-chip__label--font-size:var(--text--medium, 14px);--ez-label-chip__label--font-family:var(--font-pattern, Arial);--ez-label-chip__label--font-weight:var(--text-weight--medium, 400);--ez-label-chip__label--space--medium:var(--space--medium, 12px);--ez-label-chip__label--title--primary:var(--title--primary, #2B3A54);--ez-label-chip__label--text--primary:var(--text--primary, #626e82);--ez-label-chip__label__container--border-radius:var(--border--radius-large, 24px);--ez-label-chip__label__container--border:1px solid;--ez-label-chip__label__container--border-color-strokes:var(--color--strokes, #DCE0E8);--ez-label-chip__label__container--color-primary:var(--color--primary, #008561);--ez-label-chip__label__container-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ez-label-chip__label__container--background-color:var(--color--primary-300);--ez-label-chip__label__container--border-color:#0085610F;--ez-label-chip__label__container--default--border-color--active:var(--color--primary, #007a5a);--ez-label-chip__label__container--default--background-color--hover:var(--color--primary-300, #f2faf8);--ez-label-chip__label__container--default--color--hover:var(--color--primary, #f2faf8);--ez-label-chip__label__container--text--disabled:var(--text--disable, #AFB6C0);--ez-label-chip__label__container--default--border-color--active:var(--color--primary)}.lbl{display:flex;white-space:nowrap;align-items:center;cursor:pointer;user-select:none;color:var(--ez-label-chip__label--title--primary);height:var(--ez-label-chip--height);font-family:var(--ez-label-chip__label--font-family);font-size:var(--ez-label-chip__label--font-size);font-weight:var(--ez-label-chip__label--font-weight)}.lbl--active{color:var(--ez-label-chip__label__container--default--color--hover)}.lbl--disabled{color:var(--ez-label-chip__label__container--text--disabled)}.label__container{cursor:pointer;width:max-content;display:flex;flex-wrap:wrap;align-items:center;background-color:#FFFFFF;color:var(--ez-label-chip__label--text--primary);fill:var(--ez-label-chip__label--text--primary);--ez-icon--color:var(--ez-label-chip__label--text--primary);border:var(--ez-label-chip__label__container--border);border-radius:var(--ez-label-chip__label__container--border-radius);border-color:var(--ez-label-chip__label__container--border-color-strokes);padding-right:var(--ez-label-chip__label--space--medium);padding-left:var(--ez-label-chip__label--space--medium);outline-color:var(--ez-label-chip__label__container--default--border-color--active)}.label__content{display:flex;align-items:center;flex-wrap:wrap;--ez-icon--color:var(--ez-label-chip__label--text--primary)}.label__container--disabled{cursor:default;border-color:var(--ez-label-chip__label__container-color--disable-secondary);background-color:var(--ez-label-chip__label__container-color--disable-secondary);fill:var(--ez-label-chip__label__container--text--disabled);color:var(--ez-label-chip__label__container--text--disabled);--ez-icon--color:var(--ez-label-chip__label__container--text--disabled)}.label__container--active{border-color:var(--ez-label-chip__label__container--default--background-color--hover);background-color:var(--ez-label-chip__label__container--default--background-color--hover);color:var(--ez-label-chip__label__container--default--color--hover);fill:var(--ez-label-chip__label__container--default--color--hover);--ez-icon--color:var(--ez-label-chip__label__container--default--color--hover)}.label__container:hover{border-color:var(--ez-label-chip__label__container--default--border-color--active)}.label__container:focus{outline:var(--border--medium) var(--ez-label-chip__label__container--default--border-color--active)}.label__container--disabled:hover{cursor:default;border:var(--ez-label-chip__label__container--border);border-color:var(--ez-label-chip__label__container-color--disable-secondary);background-color:var(--ez-label-chip__label__container-color--disable-secondary);fill:var(--ez-label-chip__label__container--text--disabled);color:var(--ez-label-chip__label__container--text--disabled);--ez-icon--color:var(--ez-label-chip__label__container--text--disabled)}.label__content__icon{display:flex;cursor:pointer;color:var(--ez-label-chip__label--text--primary);fill:var(--ez-label-chip__label--text--primary);--ez-icon--color:var(--ez-label-chip__label--text--primary)}.label__container--row-reverse{flex-direction:row-reverse}.label__container .btn-close{padding:0px 0px 0px 8px}.label__container--row-reverse .btn-close{padding:0px 8px 0px 0px}.cursor-disable{cursor:default}ez-icon{--ez-icon--color:inherit}";
|
|
5
5
|
|
|
6
6
|
const EzChip = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -24,15 +24,29 @@ const EzComboBoxList = class {
|
|
|
24
24
|
* Move a seleção para a próxima opção na lista.
|
|
25
25
|
*/
|
|
26
26
|
async nextOption() {
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
var _a, _b;
|
|
28
|
+
if (!((_a = this.visibleOptions) === null || _a === void 0 ? void 0 : _a.length))
|
|
29
|
+
return;
|
|
30
|
+
const isAtLastOption = this.preSelection !== undefined && this.preSelection >= this.visibleOptions.length - 1;
|
|
31
|
+
if (!isAtLastOption) {
|
|
32
|
+
this.preSelection = this.preSelection === undefined ? 0 : this.preSelection + 1;
|
|
33
|
+
this.scrollToOption(this.visibleOptions[this.preSelection]);
|
|
34
|
+
(_b = this.onOptionHover) === null || _b === void 0 ? void 0 : _b.call(this, this.preSelection);
|
|
35
|
+
}
|
|
29
36
|
}
|
|
30
37
|
/**
|
|
31
|
-
* Move a seleção para a opção anterior na lista.
|
|
38
|
+
* Move a seleção para a opção anterior na lista, sem ultrapassar o início.
|
|
32
39
|
*/
|
|
33
40
|
async previousOption() {
|
|
34
|
-
|
|
35
|
-
|
|
41
|
+
var _a, _b;
|
|
42
|
+
if (!((_a = this.visibleOptions) === null || _a === void 0 ? void 0 : _a.length))
|
|
43
|
+
return;
|
|
44
|
+
const isAtFirstOption = this.preSelection !== undefined && this.preSelection <= 0;
|
|
45
|
+
if (!isAtFirstOption) {
|
|
46
|
+
this.preSelection = this.preSelection === undefined ? this.visibleOptions.length - 1 : this.preSelection - 1;
|
|
47
|
+
this.scrollToOption(this.visibleOptions[this.preSelection]);
|
|
48
|
+
(_b = this.onOptionHover) === null || _b === void 0 ? void 0 : _b.call(this, this.preSelection);
|
|
49
|
+
}
|
|
36
50
|
}
|
|
37
51
|
/**
|
|
38
52
|
* Seleciona a opção atualmente pré-selecionada.
|
|
@@ -102,16 +116,23 @@ const EzComboBoxList = class {
|
|
|
102
116
|
buildItem(opt, index) {
|
|
103
117
|
const widthValue = this.showOptionValue && this.maxWidth > 0 ? `${this.maxWidth}px` : '';
|
|
104
118
|
opt.label = opt.label || opt.value;
|
|
105
|
-
return h("li", { class: index === this.preSelection ? "item preselected" : "item", id: `item_${opt.value}`, onMouseDown: () => this.onOptionSelect(opt), onMouseOver: () => this.preSelection = index }, this.showOptionValue
|
|
119
|
+
return h("li", { tabIndex: 1, class: index === this.preSelection ? "item preselected" : "item", id: `item_${opt.value}_${index}`, key: `item_${opt.value}_${index}`, onMouseDown: () => this.onOptionSelect(opt), onMouseOver: () => this.preSelection = index }, this.showOptionValue
|
|
106
120
|
? h("span", { class: "item__value", title: opt.value, style: { width: widthValue, minWidth: widthValue, maxWidth: widthValue } }, opt.value)
|
|
107
121
|
: undefined, h("span", { class: "item__label " + (this.showOptionValue ? "item__label--bold" : ""), title: opt.label }, opt.label));
|
|
108
122
|
}
|
|
109
123
|
scrollToOption(opt) {
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
124
|
+
if (!(opt === null || opt === void 0 ? void 0 : opt.value) || !this._optionsList)
|
|
125
|
+
return;
|
|
126
|
+
const index = this.visibleOptions.indexOf(opt);
|
|
127
|
+
if (index === -1)
|
|
128
|
+
return;
|
|
129
|
+
const liElem = this._optionsList.querySelector(`li#item_${CSS.escape(opt.value)}_${CSS.escape(String(index))}`);
|
|
130
|
+
if (liElem) {
|
|
131
|
+
liElem.scrollIntoView({
|
|
132
|
+
behavior: "smooth",
|
|
133
|
+
block: "nearest"
|
|
134
|
+
});
|
|
135
|
+
}
|
|
115
136
|
}
|
|
116
137
|
componentDidLoad() {
|
|
117
138
|
this._listWrapper.style.width = `${this.width}px`;
|
|
@@ -76,7 +76,7 @@ function buildNumeric(fieldName, fieldLabel, readOnly, precision, prettyPrecisio
|
|
|
76
76
|
const buildSearch = ({ name, label, readOnly, required, contextName, canShowError, optionLoader, props }) => {
|
|
77
77
|
var _a;
|
|
78
78
|
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
79
|
-
h("ez-search", { class: "ez-input__no-margin", enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, ignoreLimitCharsToSearch: (_a = props
|
|
79
|
+
h("ez-search", { class: "ez-input__no-margin", enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, ignoreLimitCharsToSearch: (_a = props.ignoreLimitCharsToSearch) !== null && _a !== void 0 ? _a : false })));
|
|
80
80
|
};
|
|
81
81
|
|
|
82
82
|
const buildTextArea = ({ name, label, readOnly, contextName, rows, canShowError }) => {
|
|
@@ -64764,7 +64764,6 @@ class AgGridController {
|
|
|
64764
64764
|
this.RECORD_ARCHIVE_COL_ID = '__RECORD_ARCHIVE__';
|
|
64765
64765
|
this.BLOCK_LOAD_DEBOUNCE = 100;
|
|
64766
64766
|
this.DEFAULT_FONT_SIZE = 14;
|
|
64767
|
-
this.DEFAULT_FONT_SIZE_HTML5 = 32;
|
|
64768
64767
|
this.DEFAULT_ICON_SIZE = 12;
|
|
64769
64768
|
this.DEFAULT_MAX_SIZE = 200;
|
|
64770
64769
|
this.DOC_WIDTH = 800;
|
|
@@ -65830,9 +65829,8 @@ class AgGridController {
|
|
|
65830
65829
|
if (cfgColumn.customWidth != undefined) {
|
|
65831
65830
|
return cfgColumn.customWidth;
|
|
65832
65831
|
}
|
|
65833
|
-
if (cfgColumn.width != undefined
|
|
65834
|
-
|
|
65835
|
-
return parseInt(cfgColumn.width) + this.DEFAULT_FONT_SIZE_HTML5;
|
|
65832
|
+
if (cfgColumn.width != undefined) {
|
|
65833
|
+
return cfgColumn.width;
|
|
65836
65834
|
}
|
|
65837
65835
|
const field = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getField(cfgColumn.name);
|
|
65838
65836
|
if ((field === null || field === void 0 ? void 0 : field.userInterface) === UserInterface.SEARCH) {
|
|
@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host, c as createEvent, g as getElement
|
|
|
2
2
|
import { JSUtils, ElementIDUtils } from '@sankhyalabs/core';
|
|
3
3
|
import { E as EzScrollDirection } from './EzScrollDirection-2df26c93.js';
|
|
4
4
|
|
|
5
|
-
const ezScrollerCss = ":host{--ez-scroller--box-shadow-color:var(--background--body, #fafcff);--ez-scroller__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-scroller__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-scroller__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-scroller__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-scroller__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-scroller__scrollbar--width:var(--space--small, 6px);--ez-scroller__max-height:unset
|
|
5
|
+
const ezScrollerCss = ":host{--ez-scroller--box-shadow-color:var(--background--body, #fafcff);--ez-scroller__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-scroller__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-scroller__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-scroller__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-scroller__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-scroller__scrollbar--width:var(--space--small, 6px);--ez-scroller__max-height:unset;display:flex;cursor:grab;width:100%;overflow:hidden}.dragging{cursor:grabbing}.ez-scroller__container{display:flex;overflow-y:hidden;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.ez-scroller__container--both:not(.ez-scroller__container--locked),.ez-scroller__container:not(.ez-scroller__container--locked):hover{scrollbar-color:var(--ez-scroller__scrollbar--color-clicked) var(--ez-scroller__scrollbar--color-background)}.ez-scroller__container--both{overflow-y:scroll;overflow-x:scroll;flex-wrap:wrap}.ez-scroller__container--horizontal{overflow-x:scroll;flex-direction:row}.ez-scroller__container--vertical{overflow-y:scroll;flex-direction:column;width:100%;max-height:var(--ez-scroller__max-height)}.ez-scroller__container::-webkit-scrollbar{background-color:transparent;width:var(--ez-scroller__scrollbar--width);height:var(--ez-scroller__scrollbar--width);max-width:var(--ez-scroller__scrollbar--width);min-width:var(--ez-scroller__scrollbar--width)}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar{background-color:var(--ez-scroller__scrollbar--color-background)}.ez-scroller__container::-webkit-scrollbar-track{visibility:hidden;background-color:transparent;border-radius:var(--ez-scroller__scrollbar--border-radius)}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-track,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-track{background-color:var(--ez-scroller__scrollbar--color-background)}.ez-scroller__container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--ez-scroller__scrollbar--border-radius)}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb{background-color:var(--ez-scroller__scrollbar--color-default)}.ez-scroller__container::-webkit-scrollbar-thumb:vertical:hover,.ez-scroller__container::-webkit-scrollbar-thumb:horizontal:hover{background-color:transparent}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:vertical:hover,.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:horizontal:hover,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:vertical:hover,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-scroller__scrollbar--color-hover)}.ez-scroller__container::-webkit-scrollbar-thumb:vertical:active,.ez-scroller__container::-webkit-scrollbar-thumb:horizontal:active{background-color:transparent}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:vertical:active,.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:horizontal:active,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:vertical:active,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-scroller__scrollbar--color-clicked)}.ez-scroller__wrapper{display:flex;position:relative;width:100%;height:auto}.ez-scroller__wrapper--horizontal{flex-direction:row}.ez-scroller__wrapper--vertical{flex-direction:column}.ez-scroller__wrapper--shadow-start::before,.ez-scroller__wrapper--shadow-end::after{content:\"\";display:flex;position:absolute;z-index:1}.ez-scroller__wrapper--horizontal.ez-scroller__wrapper--shadow-start::before,.ez-scroller__wrapper--horizontal.ez-scroller__wrapper--shadow-end::after{width:24px;min-height:calc(100% - 10px)}.ez-scroller__wrapper--horizontal.ez-scroller__wrapper--shadow-start::before{left:0;background:linear-gradient(to right, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}.ez-scroller__wrapper--horizontal.ez-scroller__wrapper--shadow-end::after{right:0;background:linear-gradient(to left, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}.ez-scroller__wrapper--vertical.ez-scroller__wrapper--shadow-start::before,.ez-scroller__wrapper--vertical.ez-scroller__wrapper--shadow-end::after{min-width:calc(100% - 10px);height:24px}.ez-scroller__wrapper--vertical.ez-scroller__wrapper--shadow-start::before{top:0;background:linear-gradient(to bottom, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}.ez-scroller__wrapper--vertical.ez-scroller__wrapper--shadow-end::after{bottom:0;background:linear-gradient(to top, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}";
|
|
6
6
|
|
|
7
7
|
const EzScroller = class {
|
|
8
8
|
constructor(hostRef) {
|