@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-43388.0 → 0.0.0-bugfix-dev-KB-9999.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{CSSVarsUtils-10c9d5b4.js → CSSVarsUtils-b136a156.js} +0 -13
- package/dist/cjs/ez-actions-button.cjs.entry.js +1 -1
- package/dist/cjs/ez-card-item_3.cjs.entry.js +5 -6
- package/dist/cjs/ez-combo-box.cjs.entry.js +6 -7
- package/dist/cjs/ez-date-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-date-time-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-form-view.cjs.entry.js +13 -30
- package/dist/cjs/ez-grid.cjs.entry.js +10 -72
- package/dist/cjs/ez-icon.cjs.entry.js +1 -1
- package/dist/cjs/ez-multi-selection-list.cjs.entry.js +10 -2
- package/dist/cjs/ez-number-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-popup.cjs.entry.js +1 -1
- package/dist/cjs/ez-search.cjs.entry.js +5 -4
- package/dist/cjs/ez-split-item.cjs.entry.js +2 -11
- package/dist/cjs/ez-split-panel.cjs.entry.js +5 -6
- package/dist/cjs/ez-time-input.cjs.entry.js +1 -1
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/index-a7b0c73d.js +4 -8
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +0 -1
- package/dist/collection/components/ez-card-item/ez-card-item.css +5 -19
- package/dist/collection/components/ez-card-item/ez-card-item.js +3 -22
- package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.css +0 -1
- package/dist/collection/components/ez-combo-box/ez-combo-box.js +5 -6
- package/dist/collection/components/ez-form-view/ez-form-view.css +1 -17
- package/dist/collection/components/ez-form-view/ez-form-view.js +5 -22
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/CheckBox.tpl.js +1 -1
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/ComboBox.tpl.js +1 -1
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/DateInput.tpl.js +3 -3
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/NumberInput.tpl.js +1 -1
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/SearchInput.tpl.js +1 -1
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/TextInput.tpl.js +1 -1
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +1 -5
- package/dist/collection/components/ez-grid/controller/ag-grid/DataSource.js +0 -3
- package/dist/collection/components/ez-grid/ez-grid.css +2 -25
- package/dist/collection/components/ez-grid/ez-grid.js +8 -65
- package/dist/collection/components/ez-icon/ez-icon.css +116 -118
- package/dist/collection/components/ez-multi-selection-list/ez-multi-selection-list.js +10 -2
- package/dist/collection/components/ez-popup/ez-popup.css +4 -2
- package/dist/collection/components/ez-search/ez-search.js +4 -3
- package/dist/collection/components/ez-split-panel/ez-split-panel.css +1 -0
- package/dist/collection/components/ez-split-panel/ez-split-panel.js +4 -5
- package/dist/collection/components/ez-split-panel/structure/item/ez-split-item.css +4 -15
- package/dist/collection/components/ez-split-panel/structure/item/ez-split-item.js +2 -27
- package/dist/collection/utils/CSSVarsUtils.js +0 -13
- package/dist/custom-elements/index.d.ts +0 -6
- package/dist/custom-elements/index.js +57 -290
- package/dist/esm/{CSSVarsUtils-71ce76be.js → CSSVarsUtils-a97cfa29.js} +0 -13
- package/dist/esm/ez-actions-button.entry.js +1 -1
- package/dist/esm/ez-card-item_3.entry.js +5 -6
- package/dist/esm/ez-combo-box.entry.js +6 -7
- package/dist/esm/ez-date-input.entry.js +1 -1
- package/dist/esm/ez-date-time-input.entry.js +1 -1
- package/dist/esm/ez-form-view.entry.js +14 -31
- package/dist/esm/ez-grid.entry.js +11 -73
- package/dist/esm/ez-icon.entry.js +1 -1
- package/dist/esm/ez-multi-selection-list.entry.js +10 -2
- package/dist/esm/ez-number-input.entry.js +1 -1
- package/dist/esm/ez-popup.entry.js +1 -1
- package/dist/esm/ez-search.entry.js +5 -4
- package/dist/esm/ez-split-item.entry.js +3 -12
- package/dist/esm/ez-split-panel.entry.js +5 -6
- package/dist/esm/ez-time-input.entry.js +1 -1
- package/dist/esm/ezui.js +1 -1
- package/dist/esm/index-baa5e267.js +4 -8
- package/dist/esm/loader.js +1 -1
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/{p-abc23d6f.entry.js → p-02c8831a.entry.js} +1 -1
- package/dist/ezui/p-13dbad96.entry.js +1 -0
- package/dist/ezui/{p-b567fa8c.entry.js → p-18e7870d.entry.js} +1 -1
- package/dist/ezui/{p-07cbffce.entry.js → p-300bf244.entry.js} +1 -1
- package/dist/ezui/{p-784fe207.entry.js → p-40f72de4.entry.js} +1 -1
- package/dist/ezui/p-428a05fe.entry.js +1 -0
- package/dist/ezui/{p-af95cd16.entry.js → p-50186acb.entry.js} +1 -1
- package/dist/ezui/p-60848ef6.entry.js +1 -0
- package/dist/ezui/{p-9f1e89c9.entry.js → p-672dd122.entry.js} +1 -1
- package/dist/ezui/{p-9e11fc7b.js → p-7eb3e1a5.js} +1 -1
- package/dist/ezui/{p-e85c48d7.entry.js → p-9cad9b6e.entry.js} +1 -1
- package/dist/ezui/{p-22a04c1d.entry.js → p-ab629244.entry.js} +2 -2
- package/dist/ezui/p-cd0499a2.entry.js +1 -0
- package/dist/ezui/p-e52cbcc7.entry.js +1 -0
- package/dist/ezui/p-e562d05e.entry.js +1 -0
- package/dist/ezui/{p-99ead599.entry.js → p-eb36f072.entry.js} +1 -1
- package/dist/types/components/ez-card-item/ez-card-item.d.ts +0 -4
- package/dist/types/components/ez-combo-box/ez-combo-box.d.ts +0 -1
- package/dist/types/components/ez-form-view/ez-form-view.d.ts +0 -3
- package/dist/types/components/ez-grid/controller/EzGridController.d.ts +0 -1
- package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +0 -1
- package/dist/types/components/ez-grid/ez-grid.d.ts +2 -15
- package/dist/types/components/ez-multi-selection-list/ez-multi-selection-list.d.ts +1 -0
- package/dist/types/components/ez-split-panel/structure/item/ez-split-item.d.ts +0 -10
- package/dist/types/components.d.ts +0 -131
- package/dist/types/utils/CSSVarsUtils.d.ts +0 -1
- package/package.json +2 -3
- package/react/components.d.ts +0 -1
- package/react/components.js +0 -1
- package/react/components.js.map +1 -1
- package/dist/cjs/ez-split-button.cjs.entry.js +0 -147
- package/dist/collection/components/ez-split-button/ez-split-button.css +0 -229
- package/dist/collection/components/ez-split-button/ez-split-button.js +0 -436
- package/dist/collection/components/ez-split-button/test/dropdownItems.js +0 -42
- package/dist/esm/ez-split-button.entry.js +0 -143
- package/dist/ezui/p-2eb8f73b.entry.js +0 -1
- package/dist/ezui/p-7af81663.entry.js +0 -1
- package/dist/ezui/p-7bc07c31.entry.js +0 -1
- package/dist/ezui/p-801fd0f8.entry.js +0 -1
- package/dist/ezui/p-807560f0.entry.js +0 -1
- package/dist/ezui/p-b9fbf4e7.entry.js +0 -1
- package/dist/ezui/p-db77a984.entry.js +0 -1
- package/dist/types/components/ez-split-button/ez-split-button.d.ts +0 -89
- package/dist/types/components/ez-split-button/test/dropdownItems.d.ts +0 -2
package/react/components.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-a7b0c73d.js');
|
|
6
|
-
const core = require('@sankhyalabs/core');
|
|
7
|
-
|
|
8
|
-
const ezSplitButtonCss = ":host{--ez-split-button--min-width:24;--ez-split-button--width:'auto';--ez-split-button__medium--height:32px;--ez-split-button__large--height:42px;--ez-split-button__medium-icon--width:40px;--ez-split-button__large-icon--width:44px;--ez-split-button__inline__icon--gap:6px;--ez-split-button__label--padding-top:0px;--ez-split-button__label--padding-bottom:0px;--ez-split-button__right-button--padding-left:8px;--ez-split-button--color:var(--title--primary, #FFF);--ez-split-button--font-size:var(--text--medium, 14px);--ez-split-button--font-family:var(--font-pattern, Arial);--ez-split-button--font-weight:var(--text-weight--large);--ez-split-button--background-color:var(--background--medium, #008561);--ez-split-button--border-radius:var(--border--radius-large, 12px);--ez-split-button--border:none;--ez-split-button--justify-content:center;--ez-split-button--hover-color:var(--color--primary-600);--ez-split-button--hover--background-color:var(--background--medium, var(--ez-split-button--background-color));--ez-split-button--disabled-color:var(--text--disable);--ez-split-button--disabled--background-color:var(--color--disable-secondary);--ez-split-button--focus--border:var(--border--medium, 2px) var(--color--primary-300);--ez-split-button--focus--box-shadow:none;--ez-split-button--active-color:var(--color--primary-700);--ez-split-button--active--background-color:var(--background--strong)}ez-icon{--ez-icon--color:inherit}button{position:relative;display:flex;align-items:center;margin:0;cursor:pointer;transition:background-color 0.2s linear;white-space:nowrap;min-width:var(--ez-split-button--min-width);width:var(--ez-split-button--width);height:var(--ez-split-button__medium--height);font-family:var(--ez-split-button--font-family);font-size:var(--ez-split-button--font-size);font-weight:var(--ez-split-button--font-weight);padding:var(--ez-split-button__label--padding-top) 0 var(--ez-split-button__label--padding-bottom) 0;border-top-left-radius:var(--ez-split-button--border-radius);border-bottom-left-radius:var(--ez-split-button--border-radius);background-color:var(--ez-split-button--background-color);color:var(--ez-split-button--color);fill:var(--ez-split-button--color);border:var(--ez-split-button--border);justify-content:var(--ez-split-button--justify-content)}label{cursor:pointer}button:active{outline:none;box-shadow:none;background-color:var(--ez-split-button--active--background-color);color:var(--ez-split-button--active-color);fill:var(--ez-split-button--active-color);--ez-icon--color:var(--ez-split-button--active-color)}.ez-split-button__left-button:focus,.ez-split-button__right-button:focus{outline:var(--ez-split-button--focus--border);box-shadow:var(--ez-split-button--focus--box-shadow)}.ez-split-button__left-button:hover,.ez-split-button__right-button:hover{outline:none;background-color:var(--ez-split-button--hover--background-color);color:var(--ez-split-button--hover-color);fill:var(--ez-split-button--hover-color);--ez-icon--color:var(--ez-split-button--hover-color)}.ez-split-button__left-button:disabled,.ez-split-button__left-button:disabled label,.ez-split-button__right-button:disabled{background-color:var(--ez-split-button--disabled--background-color);color:var(--ez-split-button--disabled-color);fill:var(--ez-split-button--disabled-color);border:none;--ez-icon--color:var(--ez-split-button--disabled-color);cursor:not-allowed}button.large{height:var(--ez-split-button__large--height)}button.medium{height:var(--ez-split-button__medium--height)}.default label{padding:var(--ez-split-button__label--padding-top) 12px var(--ez-split-button__label--padding-bottom) 20px}.icon-left{gap:var(--ez-split-button__inline__icon--gap)}.icon-left label{padding-right:12px}.icon-left ez-icon{padding-left:20px}.icon-only{padding-left:12px;padding-right:12px}.ez-split-button__right-button{border-top-right-radius:var(--ez-split-button--border-radius);border-bottom-right-radius:var(--ez-split-button--border-radius);border-top-left-radius:0;border-bottom-left-radius:0}.ez-split-button__right-button--medium{min-width:var(--ez-split-button__medium-icon--width)}.ez-split-button__right-button--large{min-width:var(--ez-split-button__large-icon--width)}.ez-split-button__right-button--divider{top:10%;bottom:10%}.ez-split-button__right-button--divider:before{content:\"\";position:absolute;left:0;border-left:1px solid rgba(0, 0, 0, 20%);border-radius:2px;height:75%}.btn-icon--medium{min-width:--ez-split-button__medium-icon--width}.btn-icon--large{min-width:--ez-split-button__large-icon--width}.ez-split-button__right-button-container{position:absolute;left:0;padding-left:var(--ez-split-button__right-button--padding-left)}.label-icon{display:flex;flex-direction:row;align-items:center;color:var(--ez-split-button--color)}.label-icon:active{color:var(--ez-split-button--active-color);fill:var(--ez-split-button--active-color);--ez-icon--color:var(--ez-split-button--active-color)}.dropdown{display:flex}.dropdown-content{display:block;position:absolute;background-color:#f1f1f1;min-width:160px;z-index:--ez-elevation--8;border-radius:var(--ez-split-button--border-radius)}.dropdown-content>ez-dropdown{position:relative}";
|
|
9
|
-
|
|
10
|
-
const EzSplitButton = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
this.buttonClick = index.createEvent(this, "buttonClick", 7);
|
|
14
|
-
this.dropdownItemClick = index.createEvent(this, "dropdownItemClick", 7);
|
|
15
|
-
this.dropdownSubActionClick = index.createEvent(this, "dropdownSubActionClick", 7);
|
|
16
|
-
this.rightDefaultTitle = 'Mais opções';
|
|
17
|
-
this.show = false;
|
|
18
|
-
this.enabled = true;
|
|
19
|
-
this.iconName = undefined;
|
|
20
|
-
this.image = undefined;
|
|
21
|
-
this.items = undefined;
|
|
22
|
-
this.label = undefined;
|
|
23
|
-
this.leftTitle = undefined;
|
|
24
|
-
this.rightTitle = 'Mais opções';
|
|
25
|
-
this.mode = 'default';
|
|
26
|
-
this.size = 'medium';
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* Remove o foco de ambos os botões.
|
|
30
|
-
*/
|
|
31
|
-
async setBlur() {
|
|
32
|
-
this.leftButton.blur();
|
|
33
|
-
this.rightButton.blur();
|
|
34
|
-
}
|
|
35
|
-
/**
|
|
36
|
-
* Aplica o foco no botão principal.
|
|
37
|
-
*/
|
|
38
|
-
async setLeftButtonFocus() {
|
|
39
|
-
this.leftButton.focus();
|
|
40
|
-
}
|
|
41
|
-
/**
|
|
42
|
-
* Aplica o foco no botão do dropdown.
|
|
43
|
-
*/
|
|
44
|
-
async setRightButtonFocus() {
|
|
45
|
-
this.rightButton.focus();
|
|
46
|
-
}
|
|
47
|
-
clickListener(evt) {
|
|
48
|
-
if (!this.enabled) {
|
|
49
|
-
evt.preventDefault();
|
|
50
|
-
evt.stopPropagation();
|
|
51
|
-
evt.stopImmediatePropagation();
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
getIconSize(sizeParam = 'medium') {
|
|
55
|
-
var _a;
|
|
56
|
-
const sizeList = ['medium', 'large'];
|
|
57
|
-
const sizeLowerCase = (_a = this.size) === null || _a === void 0 ? void 0 : _a.toLowerCase();
|
|
58
|
-
return sizeList.includes(sizeLowerCase) ? sizeLowerCase : sizeParam;
|
|
59
|
-
}
|
|
60
|
-
closeDropdown() {
|
|
61
|
-
this.show = false;
|
|
62
|
-
}
|
|
63
|
-
toggleDropdown() {
|
|
64
|
-
this.show = !this.show;
|
|
65
|
-
}
|
|
66
|
-
handleButtonClick() {
|
|
67
|
-
this.buttonClick.emit();
|
|
68
|
-
}
|
|
69
|
-
handleDropdownItemClick(evt) {
|
|
70
|
-
this.dropdownItemClick.emit(evt.detail);
|
|
71
|
-
evt.stopPropagation();
|
|
72
|
-
this.closeDropdown();
|
|
73
|
-
}
|
|
74
|
-
handleDropdownSubActionClick(evt) {
|
|
75
|
-
this.dropdownSubActionClick.emit(evt.detail);
|
|
76
|
-
evt.stopPropagation();
|
|
77
|
-
this.closeDropdown();
|
|
78
|
-
}
|
|
79
|
-
/**
|
|
80
|
-
* Método responsável em posicionar o dropdown na tela.
|
|
81
|
-
* Faz com que o dropdown se ajuste automaticamente ao espaco na tela
|
|
82
|
-
*/
|
|
83
|
-
positionDropdown() {
|
|
84
|
-
const { rightButton: _rightButton, dropdownParent: _dropdownParent } = this;
|
|
85
|
-
const rightButtonRect = _rightButton.getBoundingClientRect();
|
|
86
|
-
const dropdownParentRect = _dropdownParent.getBoundingClientRect();
|
|
87
|
-
const spaceBelow = window.innerHeight - rightButtonRect.bottom;
|
|
88
|
-
const spaceAbove = rightButtonRect.top;
|
|
89
|
-
const spaceRight = window.innerWidth - rightButtonRect.right;
|
|
90
|
-
const spaceLeft = rightButtonRect.left;
|
|
91
|
-
const hasSpaceBelow = spaceBelow < dropdownParentRect.height && spaceAbove > dropdownParentRect.height;
|
|
92
|
-
const hasSpaceRight = spaceRight < dropdownParentRect.width && spaceLeft > dropdownParentRect.width;
|
|
93
|
-
let top = `${rightButtonRect.bottom + window.scrollY}px`;
|
|
94
|
-
let left = `${rightButtonRect.left + window.scrollX}px`;
|
|
95
|
-
let bottom = 'auto';
|
|
96
|
-
if (hasSpaceBelow) {
|
|
97
|
-
bottom = `${window.innerHeight - rightButtonRect.top - window.scrollY}px`;
|
|
98
|
-
top = 'auto';
|
|
99
|
-
_dropdownParent.style.maxHeight = `${spaceAbove}px`;
|
|
100
|
-
}
|
|
101
|
-
if (hasSpaceRight) {
|
|
102
|
-
left = `${rightButtonRect.right - dropdownParentRect.width + window.scrollX}px`;
|
|
103
|
-
}
|
|
104
|
-
_dropdownParent.style.top = top;
|
|
105
|
-
_dropdownParent.style.bottom = bottom;
|
|
106
|
-
_dropdownParent.style.left = left;
|
|
107
|
-
}
|
|
108
|
-
setEvents() {
|
|
109
|
-
window.removeEventListener('scroll', this.positionDropdown.bind(this));
|
|
110
|
-
window.addEventListener('scroll', this.positionDropdown.bind(this));
|
|
111
|
-
}
|
|
112
|
-
componentWillLoad() {
|
|
113
|
-
this.setEvents();
|
|
114
|
-
}
|
|
115
|
-
componentDidLoad() {
|
|
116
|
-
if (this._element)
|
|
117
|
-
core.ElementIDUtils.addIDInfo(this._element);
|
|
118
|
-
if (this.leftButton) {
|
|
119
|
-
const dataInfo = { id: 'embedded' };
|
|
120
|
-
core.ElementIDUtils.addIDInfo(this.leftButton, 'left-button', dataInfo);
|
|
121
|
-
}
|
|
122
|
-
if (this.rightButton) {
|
|
123
|
-
const dataInfo = { id: 'embedded' };
|
|
124
|
-
core.ElementIDUtils.addIDInfo(this.rightButton, 'right-button', dataInfo);
|
|
125
|
-
}
|
|
126
|
-
this.positionDropdown();
|
|
127
|
-
}
|
|
128
|
-
componentDidUpdate() {
|
|
129
|
-
this.positionDropdown();
|
|
130
|
-
}
|
|
131
|
-
render() {
|
|
132
|
-
const hasIconButton = this.shouldShowIconOnLeftButton();
|
|
133
|
-
const hasLabelButton = this.shouldShowLabelOnLeftButton();
|
|
134
|
-
const iconSize = this.getIconSize();
|
|
135
|
-
return (index.h("div", { class: "label-icon" }, index.h("button", { class: `ez-split-button__left-button ${iconSize} ${this.mode}`, title: this.leftTitle || this.label, type: "button", disabled: !this.enabled, onClick: () => { this.handleButtonClick(); }, ref: el => (this.leftButton = el) }, hasIconButton && index.h("ez-icon", { href: this.image, iconName: this.iconName, size: iconSize }), hasLabelButton && index.h("label", { title: this.leftTitle || this.label }, this.label)), index.h("div", { class: "dropdown" }, index.h("button", { class: `ez-split-button__right-button ${iconSize} ez-split-button__right-button--${iconSize} ez-split-button__right-button--divider`, title: this.rightTitle || this.rightDefaultTitle, type: "button", disabled: !this.enabled, onClick: () => { this.toggleDropdown(); }, ref: el => (this.rightButton = el) }, index.h("ez-icon", { class: `ez-split-button__right-button-container ` + (iconSize ? `btn-icon--${iconSize}` : ''), iconName: 'chevron-down', size: iconSize })), index.h("div", { class: `dropdown-content dropdown-content--${this.size}`, ref: (ref) => (this.dropdownParent = ref) }, this.show && (index.h("ez-dropdown", { items: this.items, onClick: evt => { evt.stopPropagation(); }, onEzOutsideClick: () => { this.closeDropdown(); }, onEzClick: evt => { this.handleDropdownItemClick(evt); }, onEzSubActionClick: evt => { this.handleDropdownSubActionClick(evt); } }))))));
|
|
136
|
-
}
|
|
137
|
-
shouldShowLabelOnLeftButton() {
|
|
138
|
-
return ['icon-left', 'default'].includes(this.mode);
|
|
139
|
-
}
|
|
140
|
-
shouldShowIconOnLeftButton() {
|
|
141
|
-
return ['icon-left', 'icon-only'].includes(this.mode);
|
|
142
|
-
}
|
|
143
|
-
get _element() { return index.getElement(this); }
|
|
144
|
-
};
|
|
145
|
-
EzSplitButton.style = ezSplitButtonCss;
|
|
146
|
-
|
|
147
|
-
exports.ez_split_button = EzSplitButton;
|
|
@@ -1,229 +0,0 @@
|
|
|
1
|
-
:host {
|
|
2
|
-
|
|
3
|
-
/* dimensions */
|
|
4
|
-
/*@doc Define a largura mínima do componente.*/
|
|
5
|
-
--ez-split-button--min-width: 24;
|
|
6
|
-
/*@doc Define a largura do componente.*/
|
|
7
|
-
--ez-split-button--width: 'auto';
|
|
8
|
-
/*@doc Define a altura do componente.*/
|
|
9
|
-
--ez-split-button__medium--height: 32px;
|
|
10
|
-
--ez-split-button__large--height: 42px;
|
|
11
|
-
/*@doc Define a largura do slot que contém o ícone.*/
|
|
12
|
-
--ez-split-button__medium-icon--width: 40px;
|
|
13
|
-
--ez-split-button__large-icon--width: 44px;
|
|
14
|
-
/*@doc Define o espaçamento entre o ícone e o label.*/
|
|
15
|
-
--ez-split-button__inline__icon--gap: 6px;
|
|
16
|
-
/*@doc Define o espaçamento superior ao label.*/
|
|
17
|
-
--ez-split-button__label--padding-top: 0px;
|
|
18
|
-
/*@doc Define o espaçamento inferior ao label.*/
|
|
19
|
-
--ez-split-button__label--padding-bottom: 0px;
|
|
20
|
-
/*@doc Define o espaçamento esquerdo ao ícone.*/
|
|
21
|
-
--ez-split-button__right-button--padding-left: 8px;
|
|
22
|
-
/* general */
|
|
23
|
-
/*@doc Define a cor do label.*/
|
|
24
|
-
--ez-split-button--color: var(--title--primary, #FFF);
|
|
25
|
-
/*@doc Define o tamanho do label.*/
|
|
26
|
-
--ez-split-button--font-size: var(--text--medium, 14px);
|
|
27
|
-
/*@doc Define a família da fonte do label.*/
|
|
28
|
-
--ez-split-button--font-family: var(--font-pattern, Arial);
|
|
29
|
-
/*@doc Define o peso da fonte do label.*/
|
|
30
|
-
--ez-split-button--font-weight: var(--text-weight--large);
|
|
31
|
-
/*@doc Define a cor de fundo do botão.*/
|
|
32
|
-
--ez-split-button--background-color: var(--background--medium, #008561);
|
|
33
|
-
/*@doc Define o raio da borda do botão.*/
|
|
34
|
-
--ez-split-button--border-radius: var(--border--radius-large, 12px);
|
|
35
|
-
/*@doc Define o estilo da borda do botão.*/
|
|
36
|
-
--ez-split-button--border: none;
|
|
37
|
-
/*@doc Define o alinhamento horizontal do conteúdo do botão.*/
|
|
38
|
-
--ez-split-button--justify-content: center;
|
|
39
|
-
/*@doc Define a cor do texto e do ícone quando o cursor está sobre o botão.*/
|
|
40
|
-
--ez-split-button--hover-color: var(--color--primary-600);
|
|
41
|
-
/*@doc Define a cor de fundo quando o cursor está sobre o botão.*/
|
|
42
|
-
--ez-split-button--hover--background-color: var(--background--medium, var(--ez-split-button--background-color));
|
|
43
|
-
/*@doc Define a cor do texto quando o botão está desabilitado.*/
|
|
44
|
-
--ez-split-button--disabled-color: var(--text--disable);
|
|
45
|
-
/*@doc Define a cor de fundo quando o botão está desabilitado.*/
|
|
46
|
-
--ez-split-button--disabled--background-color: var(--color--disable-secondary);
|
|
47
|
-
/*@doc Define o estido da borda quando o botão está selecionado.*/
|
|
48
|
-
--ez-split-button--focus--border: var(--border--medium, 2px) var(--color--primary-300);
|
|
49
|
-
/*@doc Define a sombra do botão quando selecionado.*/
|
|
50
|
-
--ez-split-button--focus--box-shadow: none;
|
|
51
|
-
/*@doc Define a cor do texto e do ícone ao ativar o botão.*/
|
|
52
|
-
--ez-split-button--active-color: var(--color--primary-700);
|
|
53
|
-
/*@doc Define a cor do fundo ao ativar o botão.*/
|
|
54
|
-
--ez-split-button--active--background-color: var(--background--strong);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
ez-icon {
|
|
58
|
-
--ez-icon--color: inherit;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
button {
|
|
62
|
-
/*private*/
|
|
63
|
-
position: relative;
|
|
64
|
-
display: flex;
|
|
65
|
-
align-items: center;
|
|
66
|
-
margin: 0;
|
|
67
|
-
cursor: pointer;
|
|
68
|
-
transition: background-color 0.2s linear;
|
|
69
|
-
white-space: nowrap;
|
|
70
|
-
|
|
71
|
-
/*public*/
|
|
72
|
-
min-width: var(--ez-split-button--min-width);
|
|
73
|
-
width: var(--ez-split-button--width);
|
|
74
|
-
height: var(--ez-split-button__medium--height);
|
|
75
|
-
font-family: var(--ez-split-button--font-family);
|
|
76
|
-
font-size: var(--ez-split-button--font-size);
|
|
77
|
-
font-weight: var(--ez-split-button--font-weight);
|
|
78
|
-
padding: var(--ez-split-button__label--padding-top) 0 var(--ez-split-button__label--padding-bottom) 0;
|
|
79
|
-
border-top-left-radius: var(--ez-split-button--border-radius);
|
|
80
|
-
border-bottom-left-radius: var(--ez-split-button--border-radius);
|
|
81
|
-
background-color: var(--ez-split-button--background-color);
|
|
82
|
-
color: var(--ez-split-button--color);
|
|
83
|
-
fill: var(--ez-split-button--color);
|
|
84
|
-
border: var(--ez-split-button--border);
|
|
85
|
-
justify-content: var(--ez-split-button--justify-content);
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
label {
|
|
89
|
-
cursor: pointer;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
button:active {
|
|
93
|
-
outline: none;
|
|
94
|
-
box-shadow: none;
|
|
95
|
-
background-color: var(--ez-split-button--active--background-color);
|
|
96
|
-
color: var(--ez-split-button--active-color);
|
|
97
|
-
fill: var(--ez-split-button--active-color);
|
|
98
|
-
--ez-icon--color: var(--ez-split-button--active-color);
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
.ez-split-button__left-button:focus,
|
|
102
|
-
.ez-split-button__right-button:focus {
|
|
103
|
-
outline: var(--ez-split-button--focus--border);
|
|
104
|
-
box-shadow: var(--ez-split-button--focus--box-shadow);
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
.ez-split-button__left-button:hover,
|
|
108
|
-
.ez-split-button__right-button:hover {
|
|
109
|
-
outline: none;
|
|
110
|
-
background-color: var(--ez-split-button--hover--background-color);
|
|
111
|
-
color: var(--ez-split-button--hover-color);
|
|
112
|
-
fill: var(--ez-split-button--hover-color);
|
|
113
|
-
--ez-icon--color: var(--ez-split-button--hover-color);
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
.ez-split-button__left-button:disabled,
|
|
117
|
-
.ez-split-button__left-button:disabled label,
|
|
118
|
-
.ez-split-button__right-button:disabled{
|
|
119
|
-
background-color: var(--ez-split-button--disabled--background-color);
|
|
120
|
-
color: var(--ez-split-button--disabled-color);
|
|
121
|
-
fill: var(--ez-split-button--disabled-color);
|
|
122
|
-
border: none;
|
|
123
|
-
--ez-icon--color: var(--ez-split-button--disabled-color);
|
|
124
|
-
cursor: not-allowed;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
button.large {
|
|
128
|
-
height: var(--ez-split-button__large--height);
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
button.medium {
|
|
132
|
-
height: var(--ez-split-button__medium--height);
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
/*default*/
|
|
136
|
-
.default label {
|
|
137
|
-
padding: var(--ez-split-button__label--padding-top) 12px var(--ez-split-button__label--padding-bottom) 20px;
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
/*icon-left*/
|
|
141
|
-
.icon-left {
|
|
142
|
-
gap: var(--ez-split-button__inline__icon--gap);
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
.icon-left label {
|
|
146
|
-
padding-right: 12px;
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
.icon-left ez-icon {
|
|
150
|
-
padding-left: 20px;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
/*icon-only*/
|
|
154
|
-
.icon-only {
|
|
155
|
-
padding-left: 12px;
|
|
156
|
-
padding-right: 12px;
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
.ez-split-button__right-button {
|
|
160
|
-
border-top-right-radius: var(--ez-split-button--border-radius);
|
|
161
|
-
border-bottom-right-radius: var(--ez-split-button--border-radius);
|
|
162
|
-
border-top-left-radius: 0;
|
|
163
|
-
border-bottom-left-radius:0;
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
.ez-split-button__right-button--medium {
|
|
167
|
-
min-width: var(--ez-split-button__medium-icon--width);
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
.ez-split-button__right-button--large {
|
|
171
|
-
min-width: var(--ez-split-button__large-icon--width);
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
.ez-split-button__right-button--divider {
|
|
175
|
-
top: 10%;
|
|
176
|
-
bottom: 10%;
|
|
177
|
-
}
|
|
178
|
-
.ez-split-button__right-button--divider:before {
|
|
179
|
-
content: "";
|
|
180
|
-
position: absolute;
|
|
181
|
-
left: 0;
|
|
182
|
-
border-left: 1px solid rgba(0, 0, 0, 20%);
|
|
183
|
-
border-radius: 2px;
|
|
184
|
-
height: 75%;
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
.btn-icon--medium {
|
|
188
|
-
min-width: --ez-split-button__medium-icon--width;
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
.btn-icon--large {
|
|
192
|
-
min-width: --ez-split-button__large-icon--width;
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
.ez-split-button__right-button-container {
|
|
196
|
-
position: absolute;
|
|
197
|
-
left: 0;
|
|
198
|
-
padding-left: var(--ez-split-button__right-button--padding-left);
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
.label-icon {
|
|
202
|
-
display: flex;
|
|
203
|
-
flex-direction: row;
|
|
204
|
-
align-items: center;
|
|
205
|
-
color: var(--ez-split-button--color);
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
.label-icon:active {
|
|
209
|
-
color: var(--ez-split-button--active-color);
|
|
210
|
-
fill: var(--ez-split-button--active-color);
|
|
211
|
-
--ez-icon--color: var(--ez-split-button--active-color);
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
.dropdown {
|
|
215
|
-
display: flex;
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
.dropdown-content {
|
|
219
|
-
display: block;
|
|
220
|
-
position: absolute;
|
|
221
|
-
background-color: #f1f1f1;
|
|
222
|
-
min-width: 160px;
|
|
223
|
-
z-index: --ez-elevation--8;
|
|
224
|
-
border-radius: var(--ez-split-button--border-radius);
|
|
225
|
-
}
|
|
226
|
-
|
|
227
|
-
.dropdown-content > ez-dropdown {
|
|
228
|
-
position: relative;
|
|
229
|
-
}
|