@sankhyalabs/ezui 1.1.133 → 1.1.136
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-application.cjs.entry.js +1 -1
- package/dist/cjs/ez-button.cjs.entry.js +1 -1
- package/dist/cjs/ez-calendar.cjs.entry.js +1 -1
- package/dist/cjs/ez-check.cjs.entry.js +1 -1
- package/dist/cjs/ez-chip.cjs.entry.js +101 -0
- package/dist/cjs/ez-collapsible-box.cjs.entry.js +2 -2
- package/dist/cjs/ez-combo-box.cjs.entry.js +1 -1
- 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-dialog.cjs.entry.js +1 -1
- package/dist/cjs/ez-filter-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-form.cjs.entry.js +1 -1
- package/dist/cjs/ez-grid.cjs.entry.js +1 -1
- package/dist/cjs/ez-icon.cjs.entry.js +1 -1
- package/dist/cjs/ez-list.cjs.entry.js +1 -1
- package/dist/cjs/ez-modal.cjs.entry.js +1 -1
- package/dist/cjs/ez-number-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-popover.cjs.entry.js +1 -1
- package/dist/cjs/ez-popup.cjs.entry.js +1 -1
- package/dist/cjs/ez-search.cjs.entry.js +1 -1
- package/dist/cjs/ez-tabselector.cjs.entry.js +1 -1
- package/dist/cjs/ez-text-area.cjs.entry.js +1 -1
- package/dist/cjs/ez-text-input.cjs.entry.js +8 -3
- package/dist/cjs/ez-time-input.cjs.entry.js +2 -3
- package/dist/cjs/ez-toast.cjs.entry.js +1 -1
- package/dist/cjs/ez-upload.cjs.entry.js +2 -2
- package/dist/cjs/ezui.cjs.js +2 -2
- package/dist/cjs/grid-config.cjs.entry.js +2 -3
- package/dist/cjs/{index-0e284e03.js → index-c15a9551.js} +0 -7
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/select-box.cjs.entry.js +1 -1
- package/dist/cjs/test-du.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +2 -8
- package/dist/collection/components/{ez-label-chip/ez-label-chip.css → ez-chip/ez-chip.css} +85 -68
- package/dist/collection/components/{ez-label-chip/ez-label-chip.js → ez-chip/ez-chip.js} +86 -63
- package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.css +14 -2
- package/dist/collection/components/ez-grid/subcomponents/gridconfig/grid-config.js +2 -3
- package/dist/collection/components/ez-text-input/ez-text-input.js +7 -2
- package/dist/collection/components/ez-time-input/ez-time-input.js +1 -2
- package/dist/collection/components/ez-upload/ez-upload.css +1 -0
- package/dist/custom-elements/index.d.ts +6 -12
- package/dist/custom-elements/index.js +112 -153
- package/dist/esm/ez-application.entry.js +1 -1
- package/dist/esm/ez-button.entry.js +1 -1
- package/dist/esm/ez-calendar.entry.js +1 -1
- package/dist/esm/ez-check.entry.js +1 -1
- package/dist/esm/ez-chip.entry.js +97 -0
- package/dist/esm/ez-collapsible-box.entry.js +2 -2
- package/dist/esm/ez-combo-box.entry.js +1 -1
- 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-dialog.entry.js +1 -1
- package/dist/esm/ez-filter-input.entry.js +1 -1
- package/dist/esm/ez-form.entry.js +1 -1
- package/dist/esm/ez-grid.entry.js +1 -1
- package/dist/esm/ez-icon.entry.js +1 -1
- package/dist/esm/ez-list.entry.js +1 -1
- package/dist/esm/ez-modal.entry.js +1 -1
- package/dist/esm/ez-number-input.entry.js +1 -1
- package/dist/esm/ez-popover.entry.js +1 -1
- package/dist/esm/ez-popup.entry.js +1 -1
- package/dist/esm/ez-search.entry.js +1 -1
- package/dist/esm/ez-tabselector.entry.js +1 -1
- package/dist/esm/ez-text-area.entry.js +1 -1
- package/dist/esm/ez-text-input.entry.js +8 -3
- package/dist/esm/ez-time-input.entry.js +2 -3
- package/dist/esm/ez-toast.entry.js +1 -1
- package/dist/esm/ez-upload.entry.js +2 -2
- package/dist/esm/ezui.js +2 -2
- package/dist/esm/grid-config.entry.js +2 -3
- package/dist/esm/{index-bf1aef20.js → index-b21f0a10.js} +1 -6
- package/dist/esm/loader.js +2 -2
- package/dist/esm/select-box.entry.js +1 -1
- package/dist/esm/test-du.entry.js +1 -1
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/{p-6e844308.entry.js → p-097d5dc6.entry.js} +1 -1
- package/dist/ezui/{p-5821c335.entry.js → p-0fd2624d.entry.js} +1 -1
- package/dist/ezui/{p-60138b72.js → p-139ed2f6.js} +1 -1
- package/dist/ezui/p-1587cbbc.entry.js +1 -0
- package/dist/ezui/{p-48ba92b2.entry.js → p-18d67107.entry.js} +1 -1
- package/dist/ezui/{p-1ced597f.entry.js → p-294de17e.entry.js} +1 -1
- package/dist/ezui/{p-66adbed5.entry.js → p-2b017e4c.entry.js} +1 -1
- package/dist/ezui/{p-4884b056.entry.js → p-2c4372a4.entry.js} +1 -1
- package/dist/ezui/{p-fa9157c1.entry.js → p-317250bc.entry.js} +1 -1
- package/dist/ezui/{p-05cca198.entry.js → p-33cb1991.entry.js} +1 -1
- package/dist/ezui/{p-dc0aa563.entry.js → p-49f70be3.entry.js} +1 -1
- package/dist/ezui/{p-0cb4aec1.entry.js → p-50038ae3.entry.js} +1 -1
- package/dist/ezui/{p-ec205792.entry.js → p-53110643.entry.js} +1 -1
- package/dist/ezui/{p-80d863c2.entry.js → p-5f2add6f.entry.js} +1 -1
- package/dist/ezui/{p-5f725a93.entry.js → p-685a35b3.entry.js} +1 -1
- package/dist/ezui/{p-cbfb94cb.entry.js → p-699c31d1.entry.js} +1 -1
- package/dist/ezui/{p-4ded39c2.entry.js → p-6c22c9f9.entry.js} +1 -1
- package/dist/ezui/{p-5b7405e8.entry.js → p-727a39e5.entry.js} +1 -1
- package/dist/ezui/p-793a28cc.entry.js +1 -0
- package/dist/ezui/{p-27db8fba.entry.js → p-8cb2c629.entry.js} +1 -1
- package/dist/ezui/{p-2d55888f.entry.js → p-94ed1ae6.entry.js} +1 -1
- package/dist/ezui/{p-cfa7378a.entry.js → p-a1304302.entry.js} +1 -1
- package/dist/ezui/p-b2cc27e5.entry.js +1 -0
- package/dist/ezui/{p-5a9ab4f7.entry.js → p-b71d454d.entry.js} +1 -1
- package/dist/ezui/{p-593a17e7.entry.js → p-c6c91589.entry.js} +1 -1
- package/dist/ezui/p-cabe3671.entry.js +1 -0
- package/dist/ezui/{p-a4a21738.entry.js → p-cbb62e2c.entry.js} +1 -1
- package/dist/ezui/{p-6aa0c6f1.entry.js → p-dcf5f013.entry.js} +1 -1
- package/dist/ezui/p-dd723a09.entry.js +1 -0
- package/dist/ezui/{p-d9bb2a96.entry.js → p-ecee9d8d.entry.js} +1 -1
- package/dist/types/components/{ez-label-chip/ez-label-chip.d.ts → ez-chip/ez-chip.d.ts} +17 -8
- package/dist/types/components/ez-text-input/ez-text-input.d.ts +1 -0
- package/dist/types/components.d.ts +73 -95
- package/package.json +1 -1
- package/react/components.d.ts +1 -2
- package/react/components.js +1 -2
- package/react/components.js.map +1 -1
- package/dist/cjs/AssetsUtils-78164781.js +0 -24
- package/dist/cjs/ez-action-chip.cjs.entry.js +0 -27
- package/dist/cjs/ez-label-chip.cjs.entry.js +0 -104
- package/dist/collection/components/ez-action-chip/ez-action-chip.css +0 -67
- package/dist/collection/components/ez-action-chip/ez-action-chip.js +0 -84
- package/dist/esm/AssetsUtils-aab9ca8f.js +0 -22
- package/dist/esm/ez-action-chip.entry.js +0 -23
- package/dist/esm/ez-label-chip.entry.js +0 -100
- package/dist/ezui/p-51b878f7.js +0 -1
- package/dist/ezui/p-8a0e5e59.entry.js +0 -1
- package/dist/ezui/p-bd29c55f.entry.js +0 -1
- package/dist/ezui/p-c8f9b691.entry.js +0 -1
- package/dist/ezui/p-d5c93280.entry.js +0 -1
- package/dist/ezui/p-ed1e0331.entry.js +0 -1
- package/dist/ezui/p-ef17f443.entry.js +0 -1
- package/dist/types/components/ez-action-chip/ez-action-chip.d.ts +0 -17
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, h, Event } from "@stencil/core";
|
|
2
|
-
export class EzLabelChip {
|
|
3
|
-
constructor() {
|
|
4
|
-
/**
|
|
5
|
-
* Deixa o componente disponível ou não para seleção.
|
|
6
|
-
*/
|
|
7
|
-
this.enabled = true;
|
|
8
|
-
}
|
|
9
|
-
//---------------------------------------------
|
|
10
|
-
// Lifecycle web component
|
|
11
|
-
//---------------------------------------------
|
|
12
|
-
render() {
|
|
13
|
-
return (h("div", { onClick: () => this.actionClick.emit(), class: "label__container" },
|
|
14
|
-
h("slot", { name: "leftIcon" }),
|
|
15
|
-
h("label", null, this.label),
|
|
16
|
-
h("slot", { name: "rightIcon" })));
|
|
17
|
-
}
|
|
18
|
-
static get is() { return "ez-action-chip"; }
|
|
19
|
-
static get encapsulation() { return "shadow"; }
|
|
20
|
-
static get originalStyleUrls() { return {
|
|
21
|
-
"$": ["ez-action-chip.css"]
|
|
22
|
-
}; }
|
|
23
|
-
static get styleUrls() { return {
|
|
24
|
-
"$": ["ez-action-chip.css"]
|
|
25
|
-
}; }
|
|
26
|
-
static get properties() { return {
|
|
27
|
-
"label": {
|
|
28
|
-
"type": "string",
|
|
29
|
-
"mutable": false,
|
|
30
|
-
"complexType": {
|
|
31
|
-
"original": "string",
|
|
32
|
-
"resolved": "string",
|
|
33
|
-
"references": {}
|
|
34
|
-
},
|
|
35
|
-
"required": false,
|
|
36
|
-
"optional": false,
|
|
37
|
-
"docs": {
|
|
38
|
-
"tags": [],
|
|
39
|
-
"text": "T\u00EDtulo do campo."
|
|
40
|
-
},
|
|
41
|
-
"attribute": "label",
|
|
42
|
-
"reflect": true
|
|
43
|
-
},
|
|
44
|
-
"enabled": {
|
|
45
|
-
"type": "boolean",
|
|
46
|
-
"mutable": false,
|
|
47
|
-
"complexType": {
|
|
48
|
-
"original": "boolean",
|
|
49
|
-
"resolved": "boolean",
|
|
50
|
-
"references": {}
|
|
51
|
-
},
|
|
52
|
-
"required": false,
|
|
53
|
-
"optional": false,
|
|
54
|
-
"docs": {
|
|
55
|
-
"tags": [],
|
|
56
|
-
"text": "Deixa o componente dispon\u00EDvel ou n\u00E3o para sele\u00E7\u00E3o."
|
|
57
|
-
},
|
|
58
|
-
"attribute": "enabled",
|
|
59
|
-
"reflect": true,
|
|
60
|
-
"defaultValue": "true"
|
|
61
|
-
}
|
|
62
|
-
}; }
|
|
63
|
-
static get events() { return [{
|
|
64
|
-
"method": "actionClick",
|
|
65
|
-
"name": "actionClick",
|
|
66
|
-
"bubbles": true,
|
|
67
|
-
"cancelable": true,
|
|
68
|
-
"composed": true,
|
|
69
|
-
"docs": {
|
|
70
|
-
"tags": [],
|
|
71
|
-
"text": "Evento disparado quando o chip for clicado (onActionClick)."
|
|
72
|
-
},
|
|
73
|
-
"complexType": {
|
|
74
|
-
"original": "ClickOptions",
|
|
75
|
-
"resolved": "ClickOptions",
|
|
76
|
-
"references": {
|
|
77
|
-
"ClickOptions": {
|
|
78
|
-
"location": "import",
|
|
79
|
-
"path": "puppeteer"
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
}]; }
|
|
84
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { a as getAssetPath, s as setAssetPath } from './index-bf1aef20.js';
|
|
2
|
-
|
|
3
|
-
const getSpritePath = (sprite) => `${getContextAssetsPath("../assets/actions-sprite.svg")}#${sprite}`;
|
|
4
|
-
let ctxLoaded = false;
|
|
5
|
-
function getContextAssetsPath(resource) {
|
|
6
|
-
if (!ctxLoaded) {
|
|
7
|
-
const scriptElem = document.querySelector("script[data-ezui-assets-url]");
|
|
8
|
-
if (scriptElem) {
|
|
9
|
-
let assetsPath = scriptElem.dataset.ezuiAssetsUrl;
|
|
10
|
-
if (assetsPath) {
|
|
11
|
-
if (assetsPath.startsWith('/')) {
|
|
12
|
-
assetsPath = window.location.origin + assetsPath;
|
|
13
|
-
}
|
|
14
|
-
setAssetPath(assetsPath);
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
ctxLoaded = true;
|
|
18
|
-
}
|
|
19
|
-
return getAssetPath(resource);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
export { getSpritePath as g };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-bf1aef20.js';
|
|
2
|
-
|
|
3
|
-
const ezActionChipCss = ":host{--ez-action-chip--height:36px;--ez-action-chip--border-radius:var(--border--radius-large, 24px);--ez-action-chip__border:1px solid;--ez-action-chip__border-color-strokes:var(--color--strokes, #DCE0E8);--ez-action-chip--font-size:var(--text--medium, 14px);--ez-action-chip--font-family:var(--font-pattern, Arial);--ez-action-chip--font-weight:var(--text-weight--large, 500);--ez-action-chip__label--title--primary:var(--title--primary, #919191);--ez-action-chip__label-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ez-action-chip__label__default--background-color--hover:var(--color--primary-200, #f2faf8);--ez-action-chip__label__default--border-color--hover:var(--color--primary-600, #007a5a)}.label__container{width:fit-content;display:flex;flex-wrap:wrap;position:relative;background-color:#FFFFFF;align-items:center;align-self:center;cursor:pointer;color:var(--ez-action-chip__label--title--primary);fill:var(--ez-action-chip__label--title--primary);border:var(--ez-action-chip__border);border-radius:var(--ez-action-chip--border-radius);border-color:var(--ez-action-chip__border-color-strokes);padding-right:var(--space--medium, 12px);padding-left:var(--space--medium, 12px)}.label__container:hover{border-color:var(--ez-action-chip__label__default--border-color--hover);background-color:var(--ez-action-chip__label__default--background-color--hover)}label{display:flex;align-items:center;font-weight:var(--text-weight--large, 600);cursor:pointer;height:var(--ez-action-chip--height);font-family:var(--ez-action-chip--font-family);font-size:var(--ez-action-chip--font-size)}";
|
|
4
|
-
|
|
5
|
-
let EzLabelChip = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.actionClick = createEvent(this, "actionClick", 7);
|
|
9
|
-
/**
|
|
10
|
-
* Deixa o componente disponível ou não para seleção.
|
|
11
|
-
*/
|
|
12
|
-
this.enabled = true;
|
|
13
|
-
}
|
|
14
|
-
//---------------------------------------------
|
|
15
|
-
// Lifecycle web component
|
|
16
|
-
//---------------------------------------------
|
|
17
|
-
render() {
|
|
18
|
-
return (h("div", { onClick: () => this.actionClick.emit(), class: "label__container" }, h("slot", { name: "leftIcon" }), h("label", null, this.label), h("slot", { name: "rightIcon" })));
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
EzLabelChip.style = ezActionChipCss;
|
|
22
|
-
|
|
23
|
-
export { EzLabelChip as ez_action_chip };
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-bf1aef20.js';
|
|
2
|
-
|
|
3
|
-
const ezLabelChipCss = ":host{--ez-label-chip--height:36px;--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--large, 600);--ez-label-chip__label--space--medium:var(--space--medium, 12px);--ez-label-chip__label--title--primary:var(--title--primary, #919191);--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:#0085610F;--ez-label-chip__label__container--border-color:#0085610F;--ez-label-chip__label__container--default--border-color--hover:var(--color--primary-600, #007a5a);--ez-label-chip__label__container--default--background-color--hover:var(--color--primary-200, #f2faf8);--ez-label-chip__label__container--text--disabled:var(--text--disable, #AFB6C0);--ez-label-chip__btn__close--image:url('data:image/svg+xml;utf8,<svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 4.7098145,3.9968334 7.8535703,0.85318776 C 7.9473034,0.75946455 8,0.63233985 8,0.49978585 8,0.36723841 7.947304,0.24011361 7.8535703,0.14638378 7.7598354,0.05266059 7.6327257,6.48e-8 7.500152,6.48e-8 7.3676457,6.48e-8 7.2404691,0.0526608 7.1467354,0.14638378 L 4.00298,3.2900293 0.8591984,0.14638378 C 0.76546463,0.05266059 0.63834103,6.48e-8 0.50578123,6.48e-8 0.3732281,6.48e-8 0.24609783,0.05266059 0.15236397,0.14638378 0.05863012,0.24011361 0.00597395,0.36723841 0.00597395,0.49978585 c 0,0.132554 0.05265617,0.2596787 0.14639002,0.35340191 L 3.2961455,3.9968334 0.15236397,7.1411589 C 0.10466427,7.1872561 0.06663114,7.2424161 0.04046961,7.303371 0.01431473,7.3643212 5.6180845e-4,7.429943 1.6859246e-5,7.4962264 -5.2808998e-4,7.5625744 0.01214297,7.6283944 0.03729854,7.6897476 c 0.02514888,0.061416 0.06227604,0.1171794 0.1092096,0.1640783 0.0469402,0.046903 0.10274083,0.083936 0.16415749,0.1090508 0.0614166,0.025114 0.12721688,0.037703 0.19355667,0.037103 0.06634,-5.714e-4 0.13190027,-0.014457 0.19284393,-0.04064 0.0609507,-0.026246 0.11606474,-0.064351 0.16213217,-0.1120492 L 4.00298,4.7036374 7.1467354,7.8472967 c 0.093734,0.09373 0.2209103,0.1463572 0.3534166,0.1463572 0.1325737,0 0.2596834,-0.052623 0.3534183,-0.1463572 C 7.9473034,7.753567 8,7.6264624 8,7.493895 8,7.3613281 7.9473086,7.2342224 7.8535703,7.1404927 Z\"/></svg>')}.btn-close{align-items:flex-start;display:flex;outline:none;border:none;padding:0px 0px 0px 6px;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:var(--ez-label-chip__label__container--color-primary);width:8px;height:8px;-webkit-mask-image:var(--ez-label-chip__btn__close--image);mask-image:var(--ez-label-chip__btn__close--image)}.label__container{width:fit-content;display:flex;flex-wrap:wrap;position:relative;align-items:center;background-color:#FFFFFF;align-self:center;color:var(--ez-label-chip__label--title--primary);fill:var(--ez-label-chip__label--title--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)}.label__container:hover{border-color:var(--ez-label-chip__label__container--default--border-color--hover);background-color:var(--ez-label-chip__label__container--default--background-color--hover)}.label__container--active{width:fit-content;display:flex;flex-wrap:wrap;position:relative;align-items:center;align-self:center;border:var(--ez-label-chip__label__container--border);border-radius:var(--ez-label-chip__label__container--border-radius);padding-right:var(--ez-label-chip__label--space--medium);padding-left:var(--ez-label-chip__label--space--medium);fill:var(--ez-label-chip__label__container--color-primary);color:var(--ez-label-chip__label__container--color-primary);border-color:var(--ez-label-chip__label__container--border-color);background-color:var(--ez-label-chip__label__container--background-color)}.label__container--disabled{width:fit-content;display:flex;flex-wrap:wrap;position:relative;align-items:center;align-self:center;border:var(--ez-label-chip__label__container--border);border-color:var(--ez-label-chip__label__container-color--disable-secondary);border-radius:var(--ez-label-chip__label__container--border-radius);padding-right:var(--ez-label-chip__label--space--medium);padding-left:var(--ez-label-chip__label--space--medium);fill:var(--ez-label-chip__label__container--text--disabled);color:var(--ez-label-chip__label__container--text--disabled);background-color:var(--ez-label-chip__label__container-color--disable-secondary)}label{display:flex;align-items:center;font-weight:var(--ez-label-chip__label--font-weight);cursor:pointer;height:var(--ez-label-chip--height);font-family:var(--ez-label-chip__label--font-family);font-size:var(--ez-label-chip__label--font-size)}.label__icon{display:flex;cursor:pointer}";
|
|
4
|
-
|
|
5
|
-
let EzLabelChip = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.valueChange = createEvent(this, "valueChange", 7);
|
|
9
|
-
this.removeChip = createEvent(this, "removeChip", 7);
|
|
10
|
-
/**
|
|
11
|
-
* Deixa o componente disponível ou não para seleção.
|
|
12
|
-
*/
|
|
13
|
-
this.enabled = true;
|
|
14
|
-
/**
|
|
15
|
-
* Indica se o componente terá a opção de ser removido.
|
|
16
|
-
*/
|
|
17
|
-
this.removable = false;
|
|
18
|
-
/**
|
|
19
|
-
* Indica se o componente está ou não ativado.
|
|
20
|
-
*/
|
|
21
|
-
this.value = false;
|
|
22
|
-
}
|
|
23
|
-
//---------------------------------------------
|
|
24
|
-
// Public methods
|
|
25
|
-
//---------------------------------------------
|
|
26
|
-
/**
|
|
27
|
-
* Faz o foco no componente de input
|
|
28
|
-
*/
|
|
29
|
-
async setFocus() {
|
|
30
|
-
this._labelElem.focus();
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* Remove o foco no componente de input
|
|
34
|
-
*/
|
|
35
|
-
async setBlur() {
|
|
36
|
-
this._labelElem.blur();
|
|
37
|
-
}
|
|
38
|
-
//---------------------------------------------
|
|
39
|
-
// Event handlers
|
|
40
|
-
//---------------------------------------------
|
|
41
|
-
handleClick(ev) {
|
|
42
|
-
const target = ev.target;
|
|
43
|
-
if (target.assignedSlot === null && !target.classList.contains("label__icon")) {
|
|
44
|
-
this.valueChange.emit(this.value);
|
|
45
|
-
this.swichState();
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
swichState() {
|
|
49
|
-
if (this.enabled) {
|
|
50
|
-
this.value = !this.value;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
reflectChange() {
|
|
54
|
-
if (this._divElem) {
|
|
55
|
-
this._divElem.classList.remove("label__container--active");
|
|
56
|
-
this._divElem.classList.remove("label__container");
|
|
57
|
-
if (this.value) {
|
|
58
|
-
this._divElem.classList.add("label__container--active");
|
|
59
|
-
}
|
|
60
|
-
else {
|
|
61
|
-
this._divElem.classList.add("label__container");
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
//---------------------------------------------
|
|
66
|
-
// Lifecycle web component
|
|
67
|
-
//---------------------------------------------
|
|
68
|
-
componentDidLoad() {
|
|
69
|
-
if (this._divElem) {
|
|
70
|
-
if (this.value) {
|
|
71
|
-
this._divElem.classList.add("label__container--active");
|
|
72
|
-
}
|
|
73
|
-
else {
|
|
74
|
-
this.handleEnabledState();
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
handleEnabledState() {
|
|
79
|
-
this._divElem.classList.remove("label__container--disabled");
|
|
80
|
-
if (!this.enabled) {
|
|
81
|
-
this._divElem.classList.remove("label__container");
|
|
82
|
-
this._divElem.classList.add("label__container--disabled");
|
|
83
|
-
if (this._labelElem) {
|
|
84
|
-
this._labelElem.style.cursor = "default";
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
render() {
|
|
89
|
-
return (h("div", { onClick: (ev) => this.handleClick(ev), class: this.value ? "label__container--active" : "label__container", ref: (el) => this._divElem = el }, h("slot", { name: "leftIcon" }), h("label", { ref: (el) => this._labelElem = el }, this.label), this.removable ?
|
|
90
|
-
h("button", { class: "btn-close", onClick: () => { this.removeChip.emit(); } })
|
|
91
|
-
: null, h("slot", { name: "rightIcon" })));
|
|
92
|
-
}
|
|
93
|
-
static get watchers() { return {
|
|
94
|
-
"value": ["reflectChange"],
|
|
95
|
-
"enabled": ["handleEnabledState"]
|
|
96
|
-
}; }
|
|
97
|
-
};
|
|
98
|
-
EzLabelChip.style = ezLabelChipCss;
|
|
99
|
-
|
|
100
|
-
export { EzLabelChip as ez_label_chip };
|
package/dist/ezui/p-51b878f7.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as s,s as t}from"./p-60138b72.js";const a=a=>`${function(){if(!e){const s=document.querySelector("script[data-ezui-assets-url]");if(s){let a=s.dataset.ezuiAssetsUrl;a&&(a.startsWith("/")&&(a=window.location.origin+a),t(a))}e=!0}return s("../assets/actions-sprite.svg")}()}#${a}`;let e=!1;export{a as g}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,c as e,h as a}from"./p-60138b72.js";let o=class{constructor(a){r(this,a),this.actionClick=e(this,"actionClick",7),this.enabled=!0}render(){return a("div",{onClick:()=>this.actionClick.emit(),class:"label__container"},a("slot",{name:"leftIcon"}),a("label",null,this.label),a("slot",{name:"rightIcon"}))}};o.style=":host{--ez-action-chip--height:36px;--ez-action-chip--border-radius:var(--border--radius-large, 24px);--ez-action-chip__border:1px solid;--ez-action-chip__border-color-strokes:var(--color--strokes, #DCE0E8);--ez-action-chip--font-size:var(--text--medium, 14px);--ez-action-chip--font-family:var(--font-pattern, Arial);--ez-action-chip--font-weight:var(--text-weight--large, 500);--ez-action-chip__label--title--primary:var(--title--primary, #919191);--ez-action-chip__label-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ez-action-chip__label__default--background-color--hover:var(--color--primary-200, #f2faf8);--ez-action-chip__label__default--border-color--hover:var(--color--primary-600, #007a5a)}.label__container{width:fit-content;display:flex;flex-wrap:wrap;position:relative;background-color:#FFFFFF;align-items:center;align-self:center;cursor:pointer;color:var(--ez-action-chip__label--title--primary);fill:var(--ez-action-chip__label--title--primary);border:var(--ez-action-chip__border);border-radius:var(--ez-action-chip--border-radius);border-color:var(--ez-action-chip__border-color-strokes);padding-right:var(--space--medium, 12px);padding-left:var(--space--medium, 12px)}.label__container:hover{border-color:var(--ez-action-chip__label__default--border-color--hover);background-color:var(--ez-action-chip__label__default--background-color--hover)}label{display:flex;align-items:center;font-weight:var(--text-weight--large, 600);cursor:pointer;height:var(--ez-action-chip--height);font-family:var(--ez-action-chip--font-family);font-size:var(--ez-action-chip--font-size)}";export{o as ez_action_chip}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as l,h as a}from"./p-60138b72.js";let r=class{constructor(a){e(this,a),this.valueChange=l(this,"valueChange",7),this.removeChip=l(this,"removeChip",7),this.enabled=!0,this.removable=!1,this.value=!1}async setFocus(){this._labelElem.focus()}async setBlur(){this._labelElem.blur()}handleClick(e){const l=e.target;null!==l.assignedSlot||l.classList.contains("label__icon")||(this.valueChange.emit(this.value),this.swichState())}swichState(){this.enabled&&(this.value=!this.value)}reflectChange(){this._divElem&&(this._divElem.classList.remove("label__container--active"),this._divElem.classList.remove("label__container"),this._divElem.classList.add(this.value?"label__container--active":"label__container"))}componentDidLoad(){this._divElem&&(this.value?this._divElem.classList.add("label__container--active"):this.handleEnabledState())}handleEnabledState(){this._divElem.classList.remove("label__container--disabled"),this.enabled||(this._divElem.classList.remove("label__container"),this._divElem.classList.add("label__container--disabled"),this._labelElem&&(this._labelElem.style.cursor="default"))}render(){return a("div",{onClick:e=>this.handleClick(e),class:this.value?"label__container--active":"label__container",ref:e=>this._divElem=e},a("slot",{name:"leftIcon"}),a("label",{ref:e=>this._labelElem=e},this.label),this.removable?a("button",{class:"btn-close",onClick:()=>{this.removeChip.emit()}}):null,a("slot",{name:"rightIcon"}))}static get watchers(){return{value:["reflectChange"],enabled:["handleEnabledState"]}}};r.style=':host{--ez-label-chip--height:36px;--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--large, 600);--ez-label-chip__label--space--medium:var(--space--medium, 12px);--ez-label-chip__label--title--primary:var(--title--primary, #919191);--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:#0085610F;--ez-label-chip__label__container--border-color:#0085610F;--ez-label-chip__label__container--default--border-color--hover:var(--color--primary-600, #007a5a);--ez-label-chip__label__container--default--background-color--hover:var(--color--primary-200, #f2faf8);--ez-label-chip__label__container--text--disabled:var(--text--disable, #AFB6C0);--ez-label-chip__btn__close--image:url(\'data:image/svg+xml;utf8,<svg width="8" height="8" viewBox="0 0 8 8" xmlns="http://www.w3.org/2000/svg"><path d="M 4.7098145,3.9968334 7.8535703,0.85318776 C 7.9473034,0.75946455 8,0.63233985 8,0.49978585 8,0.36723841 7.947304,0.24011361 7.8535703,0.14638378 7.7598354,0.05266059 7.6327257,6.48e-8 7.500152,6.48e-8 7.3676457,6.48e-8 7.2404691,0.0526608 7.1467354,0.14638378 L 4.00298,3.2900293 0.8591984,0.14638378 C 0.76546463,0.05266059 0.63834103,6.48e-8 0.50578123,6.48e-8 0.3732281,6.48e-8 0.24609783,0.05266059 0.15236397,0.14638378 0.05863012,0.24011361 0.00597395,0.36723841 0.00597395,0.49978585 c 0,0.132554 0.05265617,0.2596787 0.14639002,0.35340191 L 3.2961455,3.9968334 0.15236397,7.1411589 C 0.10466427,7.1872561 0.06663114,7.2424161 0.04046961,7.303371 0.01431473,7.3643212 5.6180845e-4,7.429943 1.6859246e-5,7.4962264 -5.2808998e-4,7.5625744 0.01214297,7.6283944 0.03729854,7.6897476 c 0.02514888,0.061416 0.06227604,0.1171794 0.1092096,0.1640783 0.0469402,0.046903 0.10274083,0.083936 0.16415749,0.1090508 0.0614166,0.025114 0.12721688,0.037703 0.19355667,0.037103 0.06634,-5.714e-4 0.13190027,-0.014457 0.19284393,-0.04064 0.0609507,-0.026246 0.11606474,-0.064351 0.16213217,-0.1120492 L 4.00298,4.7036374 7.1467354,7.8472967 c 0.093734,0.09373 0.2209103,0.1463572 0.3534166,0.1463572 0.1325737,0 0.2596834,-0.052623 0.3534183,-0.1463572 C 7.9473034,7.753567 8,7.6264624 8,7.493895 8,7.3613281 7.9473086,7.2342224 7.8535703,7.1404927 Z"/></svg>\')}.btn-close{align-items:flex-start;display:flex;outline:none;border:none;padding:0px 0px 0px 6px;background-color:unset;cursor:pointer}.btn-close::after{content:\'\';display:flex;background-color:var(--ez-label-chip__label__container--color-primary);width:8px;height:8px;-webkit-mask-image:var(--ez-label-chip__btn__close--image);mask-image:var(--ez-label-chip__btn__close--image)}.label__container{width:fit-content;display:flex;flex-wrap:wrap;position:relative;align-items:center;background-color:#FFFFFF;align-self:center;color:var(--ez-label-chip__label--title--primary);fill:var(--ez-label-chip__label--title--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)}.label__container:hover{border-color:var(--ez-label-chip__label__container--default--border-color--hover);background-color:var(--ez-label-chip__label__container--default--background-color--hover)}.label__container--active{width:fit-content;display:flex;flex-wrap:wrap;position:relative;align-items:center;align-self:center;border:var(--ez-label-chip__label__container--border);border-radius:var(--ez-label-chip__label__container--border-radius);padding-right:var(--ez-label-chip__label--space--medium);padding-left:var(--ez-label-chip__label--space--medium);fill:var(--ez-label-chip__label__container--color-primary);color:var(--ez-label-chip__label__container--color-primary);border-color:var(--ez-label-chip__label__container--border-color);background-color:var(--ez-label-chip__label__container--background-color)}.label__container--disabled{width:fit-content;display:flex;flex-wrap:wrap;position:relative;align-items:center;align-self:center;border:var(--ez-label-chip__label__container--border);border-color:var(--ez-label-chip__label__container-color--disable-secondary);border-radius:var(--ez-label-chip__label__container--border-radius);padding-right:var(--ez-label-chip__label--space--medium);padding-left:var(--ez-label-chip__label--space--medium);fill:var(--ez-label-chip__label__container--text--disabled);color:var(--ez-label-chip__label__container--text--disabled);background-color:var(--ez-label-chip__label__container-color--disable-secondary)}label{display:flex;align-items:center;font-weight:var(--ez-label-chip__label--font-weight);cursor:pointer;height:var(--ez-label-chip--height);font-family:var(--ez-label-chip__label--font-family);font-size:var(--ez-label-chip__label--font-size)}.label__icon{display:flex;cursor:pointer}';export{r as ez_label_chip}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as o,g as r}from"./p-60138b72.js";import{MaskFormatter as n}from"@sankhyalabs/core";let a=class{constructor(e){t(this,e),this.ezChange=i(this,"ezChange",7),this.enabled=!0,this.canShowError=!0,this.mode="regular"}showError(){var t,i;this._inputElem&&("string"==typeof this.errorMessage&&""!==this.errorMessage?(this._inputElem.classList.add("hasError"),null===(t=this._messageBoxElem)||void 0===t||t.classList.add("hasError")):(this._inputElem.classList.remove("hasError"),null===(i=this._messageBoxElem)||void 0===i||i.classList.remove("hasError")))}prepareMask(){this.mask&&(null==this._maskFormatter?this._maskFormatter=new n(this.mask):this._maskFormatter.mask=this.mask)}updateInputValue(){this._inputElem&&(this._inputElem.value=this.value),this.handleChange(),this.errorMessage="",this.ezChange.emit(this.value),this.adjustFloatingLabel()}adjustFloatingLabel(){if(this.label&&this._labelElem){this._inputElem&&!this._inputElem.classList.contains("input--with--label")&&this._inputElem.classList.add("input--with--label");const t=this.value&&this.value.toString().length>0,i=this._labelElem.classList.contains("input__label--floated");t||this.isFocused()?i||this._labelElem.classList.add("input__label--floated"):i&&this._labelElem.classList.remove("input__label--floated")}}isFocused(){return null!==this._hostElement.shadowRoot.activeElement}async setFocus(){this._inputElem.focus()}async setBlur(){this._inputElem.blur()}handleFocusout(){const t=this._inputElem.value;if(t&&this._maskFormatter)try{this._inputElem.value=this._maskFormatter.format(t)}catch(t){this.errorMessage=t.message}this.value=this._inputElem.value,this.adjustFloatingLabel()}isValidValue(t){return!this.restrict||Array.from(t).reduce(((t,i)=>t&&this.restrict.indexOf(i)>-1),!0)}handleChange(){if(!this._inputElem)return;const t=this._inputElem.value;this.isValidValue(t)?this._lastValidValue=t:this._inputElem.value=void 0===this._lastValidValue?"":this._lastValidValue,this.value=this._inputElem.value}handleSlotChange(t){const i=t.target,e=i.assignedElements()[0];e&&(e.style.position="absolute",e.style.display="flex",e.style.alignItems="center",e.style.justifyContent="center",e.style.overflow="hidden",e.style.top="0px",e.style.width="var(--ez-text-input__icon--width)",e.style.height="slim"!=this.mode?"var(--ez-text-input--height)":"var(--ez-text-input--height--slim)","leftIcon"==i.name?(e.style.left="0px",e.style.borderRadius="var(--ez-text-input--border-radius) 0 0 var(--ez-text-input--border-radius)",this._inputElem.classList.add("icon--left"),this._labelElem&&this._labelElem.classList.add("input__label--left")):"rightIcon"==i.name&&(e.style.right="0px",e.style.borderRadius="0 var(--ez-text-input--border-radius) var(--ez-text-input--border-radius) 0",this._inputElem.classList.add("icon--right"),this._labelElem&&this._labelElem.classList.add("input__label--right"))),this.showError()}doFocus(){this.label&&this._labelElem&&!this._labelElem.classList.contains("input__label--floated")&&this._labelElem.classList.add("input__label--floated")}componentDidLoad(){this.showError(),this.prepareMask(),this.adjustFloatingLabel()}componentWillLoad(){if(this.prepareMask(),this.value){if(this._maskFormatter)try{this.value=this._maskFormatter.format(this.value)}catch(t){this.errorMessage=t.message}this.isValidValue(this.value)||(this._lastValidValue="",this.value="")}}render(){return e(o,null,e("slot",{name:"leftIcon",onSlotchange:t=>{this.handleSlotChange(t)}}),this.label&&"slim"!=this.mode?e("label",{ref:t=>this._labelElem=t,class:this.enabled?"input__label":"input__label input__label--disabled",onClick:()=>this._inputElem.focus(),title:this.label},this.label):null,e("input",{onFocus:()=>this.doFocus(),ref:t=>this._inputElem=t,type:"text",class:"slim"==this.mode?"input--slim":"",placeholder:"slim"==this.mode&&this.label?this.label:"",value:this.value,disabled:!this.enabled,onInput:()=>{this.handleChange()},onFocusout:()=>{this.handleFocusout()}}),e("slot",{name:"rightIcon",onSlotchange:t=>{this.handleSlotChange(t)}}),this.canShowError&&"slim"!=this.mode&&e("span",{class:"message-box",ref:t=>this._messageBoxElem=t,title:this.errorMessage},this.errorMessage))}get _hostElement(){return r(this)}static get watchers(){return{errorMessage:["showError"],mask:["prepareMask"],value:["updateInputValue"]}}};a.style=":host{--ez-text-input--height:42px;--ez-text-input--width:100%;--ez-text-input__icon--width:48px;--ez-text-input--height--slim:32px;--ez-text-input--border-radius:var(--border--radius-medium, 12px);--ez-text-input--font-size:var(--text--medium, 14px);--ez-text-input--font-family:var(--font-pattern, Arial);--ez-text-input--font-weight:var(--text-weight--medium, 400);--ez-text-input--color:var(--title--primary, #000);--ez-text-input__input--background-color:var(--background--medium, #e0e0e0);--ez-text-input__input--border:var(--border--medium, 2px solid);--ez-text-input__input--border-color:var(--ez-text-input__input--background-color);--ez-text-input__input--focus--border-color:var(--color--primary, #008561);--ez-text-input__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-text-input__input--disabled--color:var(--text--disable, #AFB6C0);--ez-text-input__input--error--border-color:#CC2936;--ez-text-input__message_box--font-size:var(--text--small, 12px);--ez-text-input__message_box--info--color:var(--color--success, #22085d);--ez-text-input__message_box--error--color:var(--color--error, #FF0000);--ez-text-input__label--floating--top:6px;--ez-text-input__label--padding-top:12px;--ez-text-input__label--padding-left:14px;--ez-text-input__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--ez-text-input--width)}input{width:100%;box-sizing:border-box;padding:var(--space--medium, 6px);font-weight:var(--text-weight--large, 600);height:var(--ez-text-input--height);border-radius:var(--ez-text-input--border-radius);font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);border:var(--ez-text-input__input--border);border-color:var(--ez-text-input__input--border-color);background-color:var(--ez-text-input__input--background-color);color:var(--ez-text-input--color)}input:disabled{background-color:var(--ez-text-input__input--disabled--background-color);color:var(--ez-text-input__input--disabled--color)}input:focus{outline:none;border-color:var(--ez-text-input__input--focus--border-color)}input.icon--left{padding-left:var(--ez-text-input__icon--width)}input.icon--right{padding-right:var(--ez-text-input__icon--width)}input.hasError{color:var(--ez-text-input--color);border-color:var(--ez-text-input__input--error--border-color)}input:disabled.hasError{color:var(--ez-text-input__input--disabled--color)}input.text--right{text-align:right}input:read-only{cursor:default}.message-box{min-height:16px;min-width:100%;margin-top:3px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input__message_box--font-size);color:var(--ez-text-input__message_box--info--color)}.hasError{color:var(--ez-text-input__message_box--error--color)}.input__label{box-sizing:border-box;position:absolute;z-index:var(--visible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;width:calc(100% - var(--ez-text-input__label--padding-right));left:var(--ez-text-input--space--medium);font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color);top:var(--ez-text-input__label--padding-top);left:var(--ez-text-input__label--padding-left);padding-right:var(--ez-text-input__label--padding-right)}.input__label--floated{font-family:var(--ez-text-input--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--ez-text-input__label--floating--top)}.input__label--disabled{color:var(--ez-text-input__input--disabled--color)}.input__label--left{text-align:left;left:calc(var(--ez-text-input__icon--width) + 2px);width:calc(100% - var(--ez-text-input__icon--width))}.input__label--right{right:var(--ez-text-input__icon--width);width:calc(100% - var(--ez-text-input__icon--width))}.input__label--left.input__label--right{left:calc(var(--ez-text-input__icon--width) + 2px);width:calc(100% - var(--ez-text-input__icon--width) * 2)}.input--with--label{padding-bottom:0}.input--slim{padding-top:var(--space--small, 3px);padding-bottom:var(--space--small, 3px);height:var(--ez-text-input--height--slim)}.input--slim::-webkit-input-placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim:-moz-placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim::-moz-placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim:-ms-input-placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim::placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim:disabled::-webkit-input-placeholder{color:var(--ez-text-input__input--disabled--color)}.input--slim:disabled:-moz-placeholder{color:var(--ez-text-input__input--disabled--color)}.input--slim:disabled::-moz-placeholder{color:var(--ez-text-input__input--disabled--color)}.input--slim:disabled:-ms-input-placeholder{color:var(--ez-text-input__input--disabled--color)}.input--slim:disabled::placeholder{color:var(--ez-text-input__input--disabled--color)}";export{a as ez_text_input}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as e,H as s}from"./p-60138b72.js";import{StringUtils as a}from"@sankhyalabs/core";import{g as r}from"./p-51b878f7.js";import{A as o}from"./p-0cd386db.js";let l=class{constructor(e){i(this,e),this.configFinish=t(this,"configFinish",7),this.configCancel=t(this,"configCancel",7),this._orderListItems=[],this._orderPriorityList=[],this._columListItems=[],this._selectedIndex=-1,this._dataChanged=!1,this.selectedTab="Colunas"}createOrderList(){let i=[];this.columns.forEach((t=>{var e;let s=null===(e=this.config)||void 0===e?void 0:e.columns.find((i=>i.name===t.name)),a={name:t.name,label:t.label};s&&(a.orderIndex=s.orderIndex,a.ascending=s.ascending),t.hidden||i.push(a)})),i.sort(((i,t)=>0!=i.orderIndex||0!=t.orderIndex||null==i.ascending&&null==t.ascending?null!=i.ascending&&null!=t.ascending?i.orderIndex-t.orderIndex:null!=i.ascending||null!=t.ascending?null!=i.ascending?-1:null!=t.ascending?1:0:i.orderIndex-t.orderIndex:null!=i.ascending?-1:null!=t.ascending?1:0)),this._orderListItems=i}createColumnList(){let i={group:"Visíveis",items:[]},t={group:"Ocultas",items:[],sort:"ASC"};this.columns.forEach((e=>{let s={label:e.label};e.hidden?t.items.push(s):i.items.push(s)})),this._columListItems=[i,t]}buildColumnListSlot(i,t){return e("div",null,e("ez-check",{mode:"switch",id:"switch"+i+t,value:"Visíveis"===t.group,onEzChange:t=>{this.switchColumnGroup(t,i)}}))}buildOrderListSlot(i){let t="na";return null!=(null==i?void 0:i.ascending)&&(t=1==i.ascending?"asc":"desc"),e("div",null,e("select-box",{selectedOption:t,key:"select-box"+i,onEzChange:t=>{t.stopPropagation(),this.updateOrder(t.detail,i.label)}}))}updateOrder(i,t){var e;this._dataChanged=!0;let s,a=[...this.columns],r=a.find((i=>i.label===t));r&&(r.sort="na"===i.value?void 0:i.value),(null===(e=this._orderPriorityList)||void 0===e?void 0:e.length)>0?(this._orderPriorityList.find((i=>i.label===r.label)).sort=i,this._orderPriorityList.filter((i=>i.sort)).map(((i,t)=>{i.label===r.label&&(r.sortIndex=t)}))):(s=a.filter((i=>i.sort&&!0!==i.hidden)).map(((i,t)=>({label:i.label,orderIndex:t}))),s.forEach((i=>{a.find((t=>t.label===i.label)).sortIndex=i.orderIndex}))),this.columns=a}switchColumnGroup(i,t){i.stopPropagation();let e=[...this._columListItems];if(this._dataChanged=!0,!0===i.detail){let i=e.find((i=>"Ocultas"===i.group)),s=i.items.findIndex((i=>i.label===t.label));s>=0&&i.items.splice(s,1),e.find((i=>"Visíveis"===i.group)).items.push(t),this._columListItems=e,this.createOrderList()}else if(!1===i.detail){let i=e.find((i=>"Visíveis"===i.group)),s=i.items.findIndex((i=>i.label===t.label));s>=0&&i.items.splice(s,1),e.find((i=>"Ocultas"===i.group)).items.push(t),this._columListItems=e,this.createOrderList()}}finish(){let i=[];this._columListItems.forEach((t=>{t.items.forEach((e=>{const s=this.columns.find((i=>i.label===e.label));let a=Object.assign({},s);a.hidden="Ocultas"===t.group,i.push(a)}))})),this.columns=i,this._dataChanged=!1,this.closeConfig(),o.info("As configurações foram salvas com sucesso!"),this.save()}save(){var i;let t;t=this.config?this.config:this.createConfigFromState(this.columns);let e,s=[];if((null===(i=this._orderPriorityList)||void 0===i?void 0:i.length)>0){e=this.columns.filter((i=>i.sort&&!0!==i.hidden)).map((i=>({label:i.label,orderIndex:0})));let i=0,t=[];this._orderPriorityList.forEach((s=>{let a=e.find((i=>i.label===s.label));a&&(a.orderIndex=i,t.push(a),i++)})),t.length>0&&(e=t)}for(let i=0;i<this.columns.length;i++){const r=this.columns[i];let o=t.columns.find((i=>r.name===i.name));!0===r.hidden&&o||(o?o.width=r.width:!1===r.hidden&&(o={name:r.name,width:r.width,orderIndex:0}),o&&(r.sort?(o.ascending="ASC"===r.sort.toUpperCase(),e?a(r,o):o.orderIndex=r.sortIndex):(delete o.ascending,o.orderIndex=0),s.push(o)))}function a(i,t){if(e){let s=e.find((t=>t.label===i.label));s&&(t.orderIndex=s.orderIndex)}}t.columns=s,this.configFinish.emit(t),this._orderList.clearHistory()}createConfigFromState(i){let t={columns:[]};return i.forEach((i=>{if(!i.hidden){let e={name:i.name};i.width&&(e.width=i.width),i.sort?(e.ascending="ASC"===i.sort.toUpperCase(),e.orderIndex=i.sortIndex):e.orderIndex=0,e&&t.columns.push(e)}})),t}async locateColumn(i,t){var e;const s="Enter"===i.key;t||(t=null===(e=i.currentTarget)||void 0===e?void 0:e.value);let a=-1;if("Ordenação das linhas"===this.selectedTab)if(t){const i=[];let e,r;if(await this._orderList.getList().then((s=>{e=s,e.forEach(((e,s)=>{this.compareWords(e,t)&&i.push(s)}))})),i.length>0){if(s)for(let t=0;t<i.length;t++)if(i[t]>this._selectedIndex){a=i[t];break}-1===a&&(a=i[0])}this._selectedIndex=a,r=e[a],r?this._orderList.setSelection({label:r.label},!0):this._orderList.setSelection(void 0)}else this._orderList.setSelection(void 0);else if(t){const i=[];if(this.columns.forEach(((e,s)=>{this.compareWords(e,t)&&i.push(s)})),i.length>0){if(s)for(let t=0;t<i.length;t++)if(i[t]>this._selectedIndex){a=i[t];break}-1===a&&(a=i[0])}this._selectedIndex=a;let e=this.columns[a];e?this._columnList.setSelection({label:e.label},!0):this._columnList.setSelection(void 0)}else this._columnList.setSelection(void 0)}compareWords(i,t){return a.replaceAccentuatedChars(i.label).indexOf(a.replaceAccentuatedChars(t))>-1}closeConfig(){this._orderList.scrollToTop(),this._columnList.scrollToTop(),this._searchElement.value="",this._dataChanged?o.confirm("Aviso","As alterações realizadas serão descartadas. Gostaria de salvar antes de sair?",null,!1,{canClose:!1,labelCancel:"Descartar",labelConfirm:"Salvar",btnConfirmDanger:!1}).then((i=>{i?this.finish():(this._dataChanged=!1,this.configCancel.emit(),this._orderList.clearHistory())})):(this.configCancel.emit(),this._orderList.clearHistory())}handleTabChange(i){var t;(null===(t=null==i?void 0:i.target)||void 0===t?void 0:t.selectedTab)&&(this.selectedTab!==i.target.selectedTab&&("Colunas"===i.target.selectedTab?this._orderList.scrollToTop():"Ordenação das linhas"===i.target.selectedTab&&this._columnList.scrollToTop(),this._searchElement.value=""),"Ordenação das linhas"===i.target.selectedTab&&this.createOrderList(),this.selectedTab=i.target.selectedTab)}handleColumnListChange(i){var t;if(i.detail){let e=null===(t=i.detail.find((i=>"Visíveis"===i.group)))||void 0===t?void 0:t.items;e&&(this._dataChanged=!0,this._orderListItems=e)}}handleOrderListChange(i){if(i.detail){let t=i.detail;t&&(this._dataChanged=!0,this._orderPriorityList=t)}}componentWillRender(){var i;(null===(i=this.columns)||void 0===i?void 0:i.length)>0&&this.createColumnList()}componentDidRender(){var i;(null===(i=this.columns)||void 0===i?void 0:i.length)>0&&this.locateColumn(new KeyboardEvent("arrow-right",{key:"ArrowRight"}),this._searchElement.value)}render(){return e(s,null,e("div",{class:"grid-config__header"},e("div",{class:"title-container"},e("div",{class:""},e("label",{class:"title"},"Configuração da Grade"),e("label",{class:"subtitle"},"Defina visibilidade e ordem das colunas.")),e("div",{class:"button-close"},e("ez-button",{mode:"icon",image:r("close"),size:"medium",onClick:()=>this.closeConfig()}))),e("div",{class:"tabselector-container"},e("ez-tabselector",{selectedTab:this.selectedTab,selectedIndex:0,onEzChange:i=>{this.handleTabChange(i)},tabs:"Colunas, Ordenação das linhas"})),e("div",null,e("ez-text-input",{ref:i=>this._searchElement=i,label:"Localizar coluna",onKeyUp:i=>this.locateColumn(i)},e("ez-icon",{slot:"leftIcon",size:"medium",href:r("search")})))),e("div",{class:"grid-config__main"},e("ez-list",{ref:i=>this._columnList=i,class:"Colunas"===this.selectedTab?"":"hidden",dataSource:this._columListItems,onEzChange:i=>this.handleColumnListChange(i),ezDraggable:!0,ezSelectable:!0,itemSlotBuilder:(i,t)=>this.buildColumnListSlot(i,t),useGroups:!0}),e("div",{class:"Ordenação das linhas"===this.selectedTab?"group-name":"hidden"},"Sequência da ordenação"),e("ez-list",{ref:i=>this._orderList=i,class:"Ordenação das linhas"===this.selectedTab?"heigth-calc":"hidden",dataSource:this._orderListItems,ezSelectable:!0,onEzChange:i=>this.handleOrderListChange(i),ezDraggable:!0,itemSlotBuilder:i=>this.buildOrderListSlot(i)})),e("div",{class:"grid-config__footer"},e("ez-button",{class:"padding-right--medium",label:"Cancelar",onClick:()=>this.closeConfig()}),e("ez-button",{label:"Concluir",class:"ez-button--primary",onClick:()=>this.finish()})))}static get assetsDirs(){return["../assets"]}};l.style='.sc-grid-config-h{--ez-grid-config__footer--padding-top:var(--space--medium, 12px);--ez-grid-config__main--padding-right:var(--space--medium, 12px);--ez-grid-config__tabselector-container--padding:var(--space--medium, 12px);--ez-grid-config__button-close--padding-left:var(--space--medium, 12px);--ez-grid-config__subtitle--font-family:var(--font-pattern, "Sora");--ez-grid-config__title--font-family:var(--font-pattern, "Sora");--ez-grid-config__title--font-weight:var(--text-weight--large, 700);--ez-grid-config__subtitle--font-size:var(--text--medium, 14px);--ez-grid-config__scrollbar--width:var(--space--medium, 12px);--ez-grid-config__main__scrollbar--background-color:var(--text--primary, #626e82);--ez-grid-config__main__scrollbar--border-radius:var(--border--radius-medium, 12px);--ez-grid__group--font-family:var(--font-pattern, "Sora");--ez-grid__group--font-size:var(--text--medium, 14px);--ez-grid__group--font-weight:var(--text-weight--large, 600);--ez-grid__group--padding-bottom:var(--space-small, 6px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}.padding-right--medium.sc-grid-config{padding-right:var(--space--medium)}ez-list.sc-grid-config{height:100%}.heigth-calc.sc-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-grid-config{padding-top:var(--ez-grid-config__footer--padding-top);display:flex;justify-content:flex-end;width:100%}.hidden.sc-grid-config{display:none}.grid-config__main.sc-grid-config{padding-right:var(--ez-grid-config__main--padding-right);overflow-y:auto}.tabselector-container.sc-grid-config{padding:var(--ez-grid-config__tabselector-container--padding) 0}.button-close.sc-grid-config{padding-left:var(--ez-grid-config__button-close--padding-left)}.title-container.sc-grid-config{display:flex;justify-content:space-between;align-items:center;width:359px}.subtitle.sc-grid-config{font-family:var(--ez-grid-config__subtitle--font-family);font-size:var(--ez-grid-config__subtitle--font-size);color:var(--text--primary)}.title.sc-grid-config{display:flex;margin:0;font-family:var(--ez-grid-config__title--font-family);font-size:var(--title--large);font-weight:var(--ez-grid-config__title--font-weight);line-height:normal;letter-spacing:0em;text-align:left;color:var(--title--primary)}.grid-config__main.sc-grid-config::-webkit-scrollbar-track{background-color:#f0f2f5}.grid-config__main.sc-grid-config::-webkit-scrollbar-thumb{background-color:var(--ez-grid-config__main__scrollbar--background-color);border-radius:var(--ez-grid-config__main__scrollbar--border-radius)}.grid-config__main.sc-grid-config::-webkit-scrollbar{background-color:#f0f2f5;width:var(--ez-grid-config__scrollbar--width);max-width:var(--ez-grid-config__scrollbar--width);min-width:var(--ez-grid-config__scrollbar--width)}.group-name.sc-grid-config{font-family:var(--ez-grid__group--font-family);font-size:var(--ez-grid__group--font-size);font-weight:var(--ez-grid__group--font-weight);padding-bottom:var(--ez-grid__group--padding-bottom)}';export{l as grid_config}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as s,H as i,g as e}from"./p-60138b72.js";import{MaskFormatter as h,TimeFormatter as r,NumberUtils as a}from"@sankhyalabs/core";import{C as o}from"./p-933a7475.js";import{g as n}from"./p-51b878f7.js";let l=class{constructor(s){t(this,s),this.enabled=!0,this.showSeconds=!1,this.mode="regular"}prepareMask(){this.showSeconds?null==this._maskFormatter?this._maskFormatter=new h("##:##:##"):this._maskFormatter.mask="##:##:##":null==this._maskFormatter?this._maskFormatter=new h("##:##"):this._maskFormatter.mask="##:##"}onValueChanged(){NaN===this.value&&(this.value=void 0,this.handleFocusout())}async setFocus(){this._inputElem.focus()}async setBlur(){this._inputElem.blur()}handleFocusout(){this.errorMessage="",this.prepareValue(this.viewValue),r.validateTime(this.viewValue,this.showSeconds)||(this.clearField(),this.errorMessage="Favor inserir um horário válido.")}prepareValue(t){try{this.viewValue=r.prepareValue(t,this.showSeconds)}catch(t){this.clearField(),this.errorMessage=t.message}}clearField(){this.viewValue="",this.value=void 0}handleChange(){this.viewValue=this._inputElem.value,this.value=a.stringToNumber(this.viewValue.replace(/\D/g,""))}componentDidLoad(){this.onValueChanged(),o.applyVarsTextInput(this._elem,this._inputElem)}componentWillLoad(){this.prepareMask(),this.value?this.prepareValue(this.value.toString()):this.viewValue&&this.prepareValue(this.viewValue)}render(){return s(i,null,s("ez-text-input",{ref:t=>this._inputElem=t,value:this.viewValue,enabled:this.enabled,label:this.label,onInput:()=>{this.handleChange()},onFocusout:()=>{this.handleFocusout()},errorMessage:this.errorMessage,mode:this.mode},s("ez-icon",{slot:"leftIcon",href:n("timer-outline")})))}static get assetsDirs(){return["../assets"]}get _elem(){return e(this)}static get watchers(){return{showSeconds:["prepareMask"],value:["onValueChanged"]}}};l.style=":host{display:flex;flex-wrap:wrap;position:relative;width:100%}";export{l as ez_time_input}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as l,c as o,h as e}from"./p-60138b72.js";let i=class{constructor(e){l(this,e),this.ezChange=o(this,"ezChange",7),this.value=!1,this.headerSize="small",this.iconPlacement="left",this.stretchTitle=!1}observeCollapsedValue(){this.ezChange.emit(this.value)}async showHide(){this.value=!this.value}getHeaderSize(){const l=this.headerSize&&this.headerSize.toLowerCase(),o=["xsmall","xlarge"].includes(l)?l.replace("x","x-"):l;return["x-small","small","medium","large","x-large"].includes(o)?o:"small"}render(){return e("div",{class:"collapsible-box"},e("div",{class:"collapsible-box__header"},e("button",{onClick:()=>this.showHide(),class:"collapsible-box__title"+("right"===this.iconPlacement?" collapsible-box__title--icon-right":"")+(this.stretchTitle?" collapsible-box__title--stretched":"")},e("ez-icon",{slot:"icon","icon-name":"chevron-right",size:this.getHeaderSize(),class:"collapsible-box__icon collapsible-box__icon--"+this.getHeaderSize()+(this.value?" collapsible-box__icon--collapsed":"")}),e("label",{class:"collapsible-box__label font--"+this.getHeaderSize(),title:this.label},this.label))),e("div",{class:"collapsible-box__content"+(this.value?"":" collapsible-box__content--show")},e("slot",null)))}static get watchers(){return{value:["observeCollapsedValue"]}}};i.style=":host{--ez-collapsible-box--font-size:var(--title--medium, 14px);--ez-collapsible-box--font-family:var(--font-pattern, Arial);--ez-collapsible-box--font-weight:var(--text-weight--large, 600);--ez-collapsible-box--color:var(--title--primary);--ez-collapsible-box__icon--color:var(--ez-collapsible-box--color);--ez-collapsible-box__header--padding-top:0px;--ez-collapsible-box__header--padding-bottom:0px;--ez-collapsible-box__header--padding-right:0px;--ez-collapsible-box__header--padding-left:0px;display:flex;flex-wrap:wrap;width:100%}.collapsible-box{display:flex;flex-direction:column;width:100%}.collapsible-box__header{display:flex;box-sizing:border-box;padding-top:var(--ez-collapsible-box__header--padding-top);padding-bottom:var(--ez-collapsible-box__header--padding-bottom);padding-right:var(--ez-collapsible-box__header--padding-right);padding-left:var(--ez-collapsible-box__header--padding-left)}.collapsible-box__title{position:relative;width:auto;display:flex;box-sizing:border-box;align-items:center;outline:none;border:none;background-color:unset;cursor:pointer;padding:0px;text-align:left;margin-bottom:var(--space--medium, 12px)}.collapsible-box__label{white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;box-sizing:border-box;margin-left:6px;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight);color:var(--ez-collapsible-box--color)}.collapsible-box__icon{transform:rotate(90deg) translate(0px, 14%);transition:transform var(--transition);--ez-icon--color:var(--ez-collapsible-box__icon--color, --ez-collapsible-box--color)}.collapsible-box__icon--collapsed{transform:rotate(0deg) translate(-14%, 0px)}.collapsible-box__title--icon-right{flex-direction:row-reverse}.collapsible-box__title--icon-right .collapsible-box__icon{transform:rotate(90deg) translate(0px, -14%)}.collapsible-box__title--icon-right .collapsible-box__icon--collapsed{transform:rotate(0deg) translate(14%, 0px)}.collapsible-box__title--icon-right .collapsible-box__label{margin-left:0px;margin-right:6px}.collapsible-box__title--stretched{width:100%;justify-content:space-between}.collapsible-box__content{display:flex;flex-wrap:wrap;width:100%;height:0px;max-height:0px;opacity:0;overflow:hidden;transition:all var(--transition, 0.5s)}.collapsible-box__content--show{height:100%;max-height:none;opacity:1;overflow:visible;transition:all var(--transition, 0.5s)}.font--x-small{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--x-large{font-size:20px}";export{i as ez_collapsible_box}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from "../../stencil-public-runtime";
|
|
2
|
-
import { ClickOptions } from "puppeteer";
|
|
3
|
-
export declare class EzLabelChip {
|
|
4
|
-
/**
|
|
5
|
-
* Título do campo.
|
|
6
|
-
*/
|
|
7
|
-
label: string;
|
|
8
|
-
/**
|
|
9
|
-
* Deixa o componente disponível ou não para seleção.
|
|
10
|
-
*/
|
|
11
|
-
enabled: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* Evento disparado quando o chip for clicado (onActionClick).
|
|
14
|
-
*/
|
|
15
|
-
actionClick: EventEmitter<ClickOptions>;
|
|
16
|
-
render(): any;
|
|
17
|
-
}
|