@sankhyalabs/ezui 1.1.133 → 1.1.134
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-time-input.cjs.entry.js +1 -2
- package/dist/cjs/grid-config.cjs.entry.js +20 -2
- package/dist/collection/components/ez-time-input/ez-time-input.js +1 -2
- package/dist/custom-elements/index.js +20 -20
- package/dist/esm/ez-time-input.entry.js +1 -2
- package/dist/esm/grid-config.entry.js +20 -2
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/p-bb7ad4ae.entry.js +1 -0
- package/dist/ezui/p-f1a18697.entry.js +1 -0
- package/package.json +1 -1
- package/dist/cjs/AssetsUtils-78164781.js +0 -24
- package/dist/esm/AssetsUtils-aab9ca8f.js +0 -22
- package/dist/ezui/p-51b878f7.js +0 -1
- package/dist/ezui/p-d5c93280.entry.js +0 -1
- package/dist/ezui/p-ed1e0331.entry.js +0 -1
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-0e284e03.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
7
|
const CSSVarsUtils = require('./CSSVarsUtils-1034b7b6.js');
|
|
8
|
-
const AssetsUtils = require('./AssetsUtils-78164781.js');
|
|
9
8
|
|
|
10
9
|
const ezTimeInputCss = ":host{display:flex;flex-wrap:wrap;position:relative;width:100%}";
|
|
11
10
|
|
|
@@ -109,7 +108,7 @@ let EzTimeInput = class {
|
|
|
109
108
|
}
|
|
110
109
|
}
|
|
111
110
|
render() {
|
|
112
|
-
return (index.h(index.Host, null, index.h("ez-text-input", { ref: (el) => this._inputElem = el, value: this.viewValue, enabled: this.enabled, label: this.label, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); }, errorMessage: this.errorMessage, mode: this.mode }, index.h("ez-icon", { slot: "leftIcon",
|
|
111
|
+
return (index.h(index.Host, null, index.h("ez-text-input", { ref: (el) => this._inputElem = el, value: this.viewValue, enabled: this.enabled, label: this.label, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); }, errorMessage: this.errorMessage, mode: this.mode }, index.h("ez-icon", { slot: "leftIcon", iconName: "timer-outline" }))));
|
|
113
112
|
}
|
|
114
113
|
static get assetsDirs() { return ["../assets"]; }
|
|
115
114
|
get _elem() { return index.getElement(this); }
|
|
@@ -4,9 +4,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-0e284e03.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
|
-
const AssetsUtils = require('./AssetsUtils-78164781.js');
|
|
8
7
|
const ApplicationUtils = require('./ApplicationUtils-4a223c7a.js');
|
|
9
8
|
|
|
9
|
+
const getSpritePath = (sprite) => `${getContextAssetsPath("../assets/actions-sprite.svg")}#${sprite}`;
|
|
10
|
+
let ctxLoaded = false;
|
|
11
|
+
function getContextAssetsPath(resource) {
|
|
12
|
+
if (!ctxLoaded) {
|
|
13
|
+
const scriptElem = document.querySelector("script[data-ezui-assets-url]");
|
|
14
|
+
if (scriptElem) {
|
|
15
|
+
let assetsPath = scriptElem.dataset.ezuiAssetsUrl;
|
|
16
|
+
if (assetsPath) {
|
|
17
|
+
if (assetsPath.startsWith('/')) {
|
|
18
|
+
assetsPath = window.location.origin + assetsPath;
|
|
19
|
+
}
|
|
20
|
+
index.setAssetPath(assetsPath);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
ctxLoaded = true;
|
|
24
|
+
}
|
|
25
|
+
return index.getAssetPath(resource);
|
|
26
|
+
}
|
|
27
|
+
|
|
10
28
|
const gridConfigCss = ".sc-grid-config-h{--ez-grid-config__footer--padding-top:var(--space--medium, 12px);--ez-grid-config__main--padding-right:var(--space--medium, 12px);--ez-grid-config__tabselector-container--padding:var(--space--medium, 12px);--ez-grid-config__button-close--padding-left:var(--space--medium, 12px);--ez-grid-config__subtitle--font-family:var(--font-pattern, \"Sora\");--ez-grid-config__title--font-family:var(--font-pattern, \"Sora\");--ez-grid-config__title--font-weight:var(--text-weight--large, 700);--ez-grid-config__subtitle--font-size:var(--text--medium, 14px);--ez-grid-config__scrollbar--width:var(--space--medium, 12px);--ez-grid-config__main__scrollbar--background-color:var(--text--primary, #626e82);--ez-grid-config__main__scrollbar--border-radius:var(--border--radius-medium, 12px);--ez-grid__group--font-family:var(--font-pattern, \"Sora\");--ez-grid__group--font-size:var(--text--medium, 14px);--ez-grid__group--font-weight:var(--text-weight--large, 600);--ez-grid__group--padding-bottom:var(--space-small, 6px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}.padding-right--medium.sc-grid-config{padding-right:var(--space--medium)}ez-list.sc-grid-config{height:100%}.heigth-calc.sc-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-grid-config{padding-top:var(--ez-grid-config__footer--padding-top);display:flex;justify-content:flex-end;width:100%}.hidden.sc-grid-config{display:none}.grid-config__main.sc-grid-config{padding-right:var(--ez-grid-config__main--padding-right);overflow-y:auto}.tabselector-container.sc-grid-config{padding:var(--ez-grid-config__tabselector-container--padding) 0}.button-close.sc-grid-config{padding-left:var(--ez-grid-config__button-close--padding-left)}.title-container.sc-grid-config{display:flex;justify-content:space-between;align-items:center;width:359px}.subtitle.sc-grid-config{font-family:var(--ez-grid-config__subtitle--font-family);font-size:var(--ez-grid-config__subtitle--font-size);color:var(--text--primary)}.title.sc-grid-config{display:flex;margin:0;font-family:var(--ez-grid-config__title--font-family);font-size:var(--title--large);font-weight:var(--ez-grid-config__title--font-weight);line-height:normal;letter-spacing:0em;text-align:left;color:var(--title--primary)}.grid-config__main.sc-grid-config::-webkit-scrollbar-track{background-color:#f0f2f5}.grid-config__main.sc-grid-config::-webkit-scrollbar-thumb{background-color:var(--ez-grid-config__main__scrollbar--background-color);border-radius:var(--ez-grid-config__main__scrollbar--border-radius)}.grid-config__main.sc-grid-config::-webkit-scrollbar{background-color:#f0f2f5;width:var(--ez-grid-config__scrollbar--width);max-width:var(--ez-grid-config__scrollbar--width);min-width:var(--ez-grid-config__scrollbar--width)}.group-name.sc-grid-config{font-family:var(--ez-grid__group--font-family);font-size:var(--ez-grid__group--font-size);font-weight:var(--ez-grid__group--font-weight);padding-bottom:var(--ez-grid__group--padding-bottom)}";
|
|
11
29
|
|
|
12
30
|
let GridConfig = class {
|
|
@@ -426,7 +444,7 @@ let GridConfig = class {
|
|
|
426
444
|
}
|
|
427
445
|
}
|
|
428
446
|
render() {
|
|
429
|
-
return (index.h(index.Host, null, index.h("div", { class: "grid-config__header" }, index.h("div", { class: "title-container" }, index.h("div", { class: "" }, index.h("label", { class: "title" }, "Configura\u00E7\u00E3o da Grade"), index.h("label", { class: "subtitle" }, "Defina visibilidade e ordem das colunas.")), index.h("div", { class: "button-close" }, index.h("ez-button", { mode: 'icon', image:
|
|
447
|
+
return (index.h(index.Host, null, index.h("div", { class: "grid-config__header" }, index.h("div", { class: "title-container" }, index.h("div", { class: "" }, index.h("label", { class: "title" }, "Configura\u00E7\u00E3o da Grade"), index.h("label", { class: "subtitle" }, "Defina visibilidade e ordem das colunas.")), index.h("div", { class: "button-close" }, index.h("ez-button", { mode: 'icon', image: getSpritePath("close"), size: 'medium', onClick: () => this.closeConfig() }))), index.h("div", { class: "tabselector-container" }, index.h("ez-tabselector", { selectedTab: this.selectedTab, selectedIndex: 0, onEzChange: (ev) => { this.handleTabChange(ev); }, tabs: 'Colunas, Ordena\u00E7\u00E3o das linhas' })), index.h("div", null, index.h("ez-text-input", { ref: (el) => this._searchElement = el, label: "Localizar coluna", onKeyUp: evt => this.locateColumn(evt) }, index.h("ez-icon", { slot: "leftIcon", size: "medium", href: getSpritePath("search") })))), index.h("div", { class: "grid-config__main" }, index.h("ez-list", { ref: (el) => this._columnList = el, class: this.selectedTab === "Colunas" ? "" : "hidden", dataSource: this._columListItems, onEzChange: ev => this.handleColumnListChange(ev), ezDraggable: true, ezSelectable: true, itemSlotBuilder: (item, group) => this.buildColumnListSlot(item, group), useGroups: true }), index.h("div", { class: this.selectedTab === "Ordenação das linhas" ? "group-name" : "hidden" }, "Sequ\u00EAncia da ordena\u00E7\u00E3o"), index.h("ez-list", { ref: (el) => this._orderList = el, class: this.selectedTab === "Ordenação das linhas" ? "heigth-calc" : "hidden", dataSource: this._orderListItems, ezSelectable: true, onEzChange: ev => this.handleOrderListChange(ev), ezDraggable: true, itemSlotBuilder: (item) => this.buildOrderListSlot(item) })), index.h("div", { class: "grid-config__footer" }, index.h("ez-button", { class: "padding-right--medium", label: "Cancelar", onClick: () => this.closeConfig() }), index.h("ez-button", { label: "Concluir", class: "ez-button--primary", onClick: () => this.finish() }))));
|
|
430
448
|
}
|
|
431
449
|
static get assetsDirs() { return ["../assets"]; }
|
|
432
450
|
};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { Element, Component, Prop, h, Watch, Host, Method } from "@stencil/core";
|
|
2
2
|
import { TimeFormatter, MaskFormatter, NumberUtils } from "@sankhyalabs/core";
|
|
3
3
|
import CSSVarsUtils from "../../utils/CSSVarsUtils";
|
|
4
|
-
import { getSpritePath } from "../../utils/AssetsUtils";
|
|
5
4
|
export class EzTimeInput {
|
|
6
5
|
constructor() {
|
|
7
6
|
/**
|
|
@@ -103,7 +102,7 @@ export class EzTimeInput {
|
|
|
103
102
|
render() {
|
|
104
103
|
return (h(Host, null,
|
|
105
104
|
h("ez-text-input", { ref: (el) => this._inputElem = el, value: this.viewValue, enabled: this.enabled, label: this.label, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); }, errorMessage: this.errorMessage, mode: this.mode },
|
|
106
|
-
h("ez-icon", { slot: "leftIcon",
|
|
105
|
+
h("ez-icon", { slot: "leftIcon", iconName: "timer-outline" }))));
|
|
107
106
|
}
|
|
108
107
|
static get is() { return "ez-time-input"; }
|
|
109
108
|
static get encapsulation() { return "shadow"; }
|
|
@@ -114464,25 +114464,6 @@ let EzTextInput$1 = class extends HTMLElement$1 {
|
|
|
114464
114464
|
static get style() { return ezTextInputCss; }
|
|
114465
114465
|
};
|
|
114466
114466
|
|
|
114467
|
-
const getSpritePath = (sprite) => `${getContextAssetsPath("../assets/actions-sprite.svg")}#${sprite}`;
|
|
114468
|
-
let ctxLoaded = false;
|
|
114469
|
-
function getContextAssetsPath(resource) {
|
|
114470
|
-
if (!ctxLoaded) {
|
|
114471
|
-
const scriptElem = document.querySelector("script[data-ezui-assets-url]");
|
|
114472
|
-
if (scriptElem) {
|
|
114473
|
-
let assetsPath = scriptElem.dataset.ezuiAssetsUrl;
|
|
114474
|
-
if (assetsPath) {
|
|
114475
|
-
if (assetsPath.startsWith('/')) {
|
|
114476
|
-
assetsPath = window.location.origin + assetsPath;
|
|
114477
|
-
}
|
|
114478
|
-
setAssetPath(assetsPath);
|
|
114479
|
-
}
|
|
114480
|
-
}
|
|
114481
|
-
ctxLoaded = true;
|
|
114482
|
-
}
|
|
114483
|
-
return getAssetPath(resource);
|
|
114484
|
-
}
|
|
114485
|
-
|
|
114486
114467
|
const ezTimeInputCss = ":host{display:flex;flex-wrap:wrap;position:relative;width:100%}";
|
|
114487
114468
|
|
|
114488
114469
|
let EzTimeInput$1 = class extends HTMLElement$1 {
|
|
@@ -114587,7 +114568,7 @@ let EzTimeInput$1 = class extends HTMLElement$1 {
|
|
|
114587
114568
|
}
|
|
114588
114569
|
}
|
|
114589
114570
|
render() {
|
|
114590
|
-
return (h(Host, null, h("ez-text-input", { ref: (el) => this._inputElem = el, value: this.viewValue, enabled: this.enabled, label: this.label, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); }, errorMessage: this.errorMessage, mode: this.mode }, h("ez-icon", { slot: "leftIcon",
|
|
114571
|
+
return (h(Host, null, h("ez-text-input", { ref: (el) => this._inputElem = el, value: this.viewValue, enabled: this.enabled, label: this.label, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); }, errorMessage: this.errorMessage, mode: this.mode }, h("ez-icon", { slot: "leftIcon", iconName: "timer-outline" }))));
|
|
114591
114572
|
}
|
|
114592
114573
|
static get assetsDirs() { return ["../assets"]; }
|
|
114593
114574
|
get _elem() { return this; }
|
|
@@ -115038,6 +115019,25 @@ let EzUpload$1 = class extends HTMLElement$1 {
|
|
|
115038
115019
|
static get style() { return ezUploadCss; }
|
|
115039
115020
|
};
|
|
115040
115021
|
|
|
115022
|
+
const getSpritePath = (sprite) => `${getContextAssetsPath("../assets/actions-sprite.svg")}#${sprite}`;
|
|
115023
|
+
let ctxLoaded = false;
|
|
115024
|
+
function getContextAssetsPath(resource) {
|
|
115025
|
+
if (!ctxLoaded) {
|
|
115026
|
+
const scriptElem = document.querySelector("script[data-ezui-assets-url]");
|
|
115027
|
+
if (scriptElem) {
|
|
115028
|
+
let assetsPath = scriptElem.dataset.ezuiAssetsUrl;
|
|
115029
|
+
if (assetsPath) {
|
|
115030
|
+
if (assetsPath.startsWith('/')) {
|
|
115031
|
+
assetsPath = window.location.origin + assetsPath;
|
|
115032
|
+
}
|
|
115033
|
+
setAssetPath(assetsPath);
|
|
115034
|
+
}
|
|
115035
|
+
}
|
|
115036
|
+
ctxLoaded = true;
|
|
115037
|
+
}
|
|
115038
|
+
return getAssetPath(resource);
|
|
115039
|
+
}
|
|
115040
|
+
|
|
115041
115041
|
const gridConfigCss = ".sc-grid-config-h{--ez-grid-config__footer--padding-top:var(--space--medium, 12px);--ez-grid-config__main--padding-right:var(--space--medium, 12px);--ez-grid-config__tabselector-container--padding:var(--space--medium, 12px);--ez-grid-config__button-close--padding-left:var(--space--medium, 12px);--ez-grid-config__subtitle--font-family:var(--font-pattern, \"Sora\");--ez-grid-config__title--font-family:var(--font-pattern, \"Sora\");--ez-grid-config__title--font-weight:var(--text-weight--large, 700);--ez-grid-config__subtitle--font-size:var(--text--medium, 14px);--ez-grid-config__scrollbar--width:var(--space--medium, 12px);--ez-grid-config__main__scrollbar--background-color:var(--text--primary, #626e82);--ez-grid-config__main__scrollbar--border-radius:var(--border--radius-medium, 12px);--ez-grid__group--font-family:var(--font-pattern, \"Sora\");--ez-grid__group--font-size:var(--text--medium, 14px);--ez-grid__group--font-weight:var(--text-weight--large, 600);--ez-grid__group--padding-bottom:var(--space-small, 6px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}.padding-right--medium.sc-grid-config{padding-right:var(--space--medium)}ez-list.sc-grid-config{height:100%}.heigth-calc.sc-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-grid-config{padding-top:var(--ez-grid-config__footer--padding-top);display:flex;justify-content:flex-end;width:100%}.hidden.sc-grid-config{display:none}.grid-config__main.sc-grid-config{padding-right:var(--ez-grid-config__main--padding-right);overflow-y:auto}.tabselector-container.sc-grid-config{padding:var(--ez-grid-config__tabselector-container--padding) 0}.button-close.sc-grid-config{padding-left:var(--ez-grid-config__button-close--padding-left)}.title-container.sc-grid-config{display:flex;justify-content:space-between;align-items:center;width:359px}.subtitle.sc-grid-config{font-family:var(--ez-grid-config__subtitle--font-family);font-size:var(--ez-grid-config__subtitle--font-size);color:var(--text--primary)}.title.sc-grid-config{display:flex;margin:0;font-family:var(--ez-grid-config__title--font-family);font-size:var(--title--large);font-weight:var(--ez-grid-config__title--font-weight);line-height:normal;letter-spacing:0em;text-align:left;color:var(--title--primary)}.grid-config__main.sc-grid-config::-webkit-scrollbar-track{background-color:#f0f2f5}.grid-config__main.sc-grid-config::-webkit-scrollbar-thumb{background-color:var(--ez-grid-config__main__scrollbar--background-color);border-radius:var(--ez-grid-config__main__scrollbar--border-radius)}.grid-config__main.sc-grid-config::-webkit-scrollbar{background-color:#f0f2f5;width:var(--ez-grid-config__scrollbar--width);max-width:var(--ez-grid-config__scrollbar--width);min-width:var(--ez-grid-config__scrollbar--width)}.group-name.sc-grid-config{font-family:var(--ez-grid__group--font-family);font-size:var(--ez-grid__group--font-size);font-weight:var(--ez-grid__group--font-weight);padding-bottom:var(--ez-grid__group--padding-bottom)}";
|
|
115042
115042
|
|
|
115043
115043
|
let GridConfig$1 = class extends HTMLElement$1 {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-bf1aef20.js';
|
|
2
2
|
import { MaskFormatter, TimeFormatter, NumberUtils } from '@sankhyalabs/core';
|
|
3
3
|
import { C as CSSVarsUtils } from './CSSVarsUtils-eb4c5af6.js';
|
|
4
|
-
import { g as getSpritePath } from './AssetsUtils-aab9ca8f.js';
|
|
5
4
|
|
|
6
5
|
const ezTimeInputCss = ":host{display:flex;flex-wrap:wrap;position:relative;width:100%}";
|
|
7
6
|
|
|
@@ -105,7 +104,7 @@ let EzTimeInput = class {
|
|
|
105
104
|
}
|
|
106
105
|
}
|
|
107
106
|
render() {
|
|
108
|
-
return (h(Host, null, h("ez-text-input", { ref: (el) => this._inputElem = el, value: this.viewValue, enabled: this.enabled, label: this.label, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); }, errorMessage: this.errorMessage, mode: this.mode }, h("ez-icon", { slot: "leftIcon",
|
|
107
|
+
return (h(Host, null, h("ez-text-input", { ref: (el) => this._inputElem = el, value: this.viewValue, enabled: this.enabled, label: this.label, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); }, errorMessage: this.errorMessage, mode: this.mode }, h("ez-icon", { slot: "leftIcon", iconName: "timer-outline" }))));
|
|
109
108
|
}
|
|
110
109
|
static get assetsDirs() { return ["../assets"]; }
|
|
111
110
|
get _elem() { return getElement(this); }
|
|
@@ -1,8 +1,26 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host } from './index-bf1aef20.js';
|
|
1
|
+
import { a as getAssetPath, s as setAssetPath, r as registerInstance, c as createEvent, h, H as Host } from './index-bf1aef20.js';
|
|
2
2
|
import { StringUtils } from '@sankhyalabs/core';
|
|
3
|
-
import { g as getSpritePath } from './AssetsUtils-aab9ca8f.js';
|
|
4
3
|
import { A as ApplicationUtils } from './ApplicationUtils-35350d20.js';
|
|
5
4
|
|
|
5
|
+
const getSpritePath = (sprite) => `${getContextAssetsPath("../assets/actions-sprite.svg")}#${sprite}`;
|
|
6
|
+
let ctxLoaded = false;
|
|
7
|
+
function getContextAssetsPath(resource) {
|
|
8
|
+
if (!ctxLoaded) {
|
|
9
|
+
const scriptElem = document.querySelector("script[data-ezui-assets-url]");
|
|
10
|
+
if (scriptElem) {
|
|
11
|
+
let assetsPath = scriptElem.dataset.ezuiAssetsUrl;
|
|
12
|
+
if (assetsPath) {
|
|
13
|
+
if (assetsPath.startsWith('/')) {
|
|
14
|
+
assetsPath = window.location.origin + assetsPath;
|
|
15
|
+
}
|
|
16
|
+
setAssetPath(assetsPath);
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
ctxLoaded = true;
|
|
20
|
+
}
|
|
21
|
+
return getAssetPath(resource);
|
|
22
|
+
}
|
|
23
|
+
|
|
6
24
|
const gridConfigCss = ".sc-grid-config-h{--ez-grid-config__footer--padding-top:var(--space--medium, 12px);--ez-grid-config__main--padding-right:var(--space--medium, 12px);--ez-grid-config__tabselector-container--padding:var(--space--medium, 12px);--ez-grid-config__button-close--padding-left:var(--space--medium, 12px);--ez-grid-config__subtitle--font-family:var(--font-pattern, \"Sora\");--ez-grid-config__title--font-family:var(--font-pattern, \"Sora\");--ez-grid-config__title--font-weight:var(--text-weight--large, 700);--ez-grid-config__subtitle--font-size:var(--text--medium, 14px);--ez-grid-config__scrollbar--width:var(--space--medium, 12px);--ez-grid-config__main__scrollbar--background-color:var(--text--primary, #626e82);--ez-grid-config__main__scrollbar--border-radius:var(--border--radius-medium, 12px);--ez-grid__group--font-family:var(--font-pattern, \"Sora\");--ez-grid__group--font-size:var(--text--medium, 14px);--ez-grid__group--font-weight:var(--text-weight--large, 600);--ez-grid__group--padding-bottom:var(--space-small, 6px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}.padding-right--medium.sc-grid-config{padding-right:var(--space--medium)}ez-list.sc-grid-config{height:100%}.heigth-calc.sc-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-grid-config{padding-top:var(--ez-grid-config__footer--padding-top);display:flex;justify-content:flex-end;width:100%}.hidden.sc-grid-config{display:none}.grid-config__main.sc-grid-config{padding-right:var(--ez-grid-config__main--padding-right);overflow-y:auto}.tabselector-container.sc-grid-config{padding:var(--ez-grid-config__tabselector-container--padding) 0}.button-close.sc-grid-config{padding-left:var(--ez-grid-config__button-close--padding-left)}.title-container.sc-grid-config{display:flex;justify-content:space-between;align-items:center;width:359px}.subtitle.sc-grid-config{font-family:var(--ez-grid-config__subtitle--font-family);font-size:var(--ez-grid-config__subtitle--font-size);color:var(--text--primary)}.title.sc-grid-config{display:flex;margin:0;font-family:var(--ez-grid-config__title--font-family);font-size:var(--title--large);font-weight:var(--ez-grid-config__title--font-weight);line-height:normal;letter-spacing:0em;text-align:left;color:var(--title--primary)}.grid-config__main.sc-grid-config::-webkit-scrollbar-track{background-color:#f0f2f5}.grid-config__main.sc-grid-config::-webkit-scrollbar-thumb{background-color:var(--ez-grid-config__main__scrollbar--background-color);border-radius:var(--ez-grid-config__main__scrollbar--border-radius)}.grid-config__main.sc-grid-config::-webkit-scrollbar{background-color:#f0f2f5;width:var(--ez-grid-config__scrollbar--width);max-width:var(--ez-grid-config__scrollbar--width);min-width:var(--ez-grid-config__scrollbar--width)}.group-name.sc-grid-config{font-family:var(--ez-grid__group--font-family);font-size:var(--ez-grid__group--font-size);font-weight:var(--ez-grid__group--font-weight);padding-bottom:var(--ez-grid__group--padding-bottom)}";
|
|
7
25
|
|
|
8
26
|
let GridConfig = class {
|
package/dist/ezui/ezui.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as s}from"./p-60138b72.js";(()=>{const s=import.meta.url,o={};return""!==s&&(o.resourcesUrl=new URL(".",s).href),e(o)})().then((e=>s([["p-80d863c2",[[6,"ez-grid",{multipleSelection:[4,"multiple-selection"],config:[1040],pageSize:[2,"page-size"],serverUrl:[1,"server-url"],dataUnit:[16],_navigationHasPrevious:[32],_navigationHasNext:[32],_navigationFirstRow:[32],_navigationLastRow:[32],_navigationTotalRows:[32],_popUpGridConfig:[32],setColumnsDef:[64],addColumnMenuItem:[64],setColumnsState:[64],setData:[64],getSelection:[64],getColumnsState:[64],getColumns:[64],refresh:[64],quickFilter:[64],nextPage:[64],previousPage:[64],hasNextPage:[64],hasPreviousPage:[64],isLastOfPage:[64],isFirstOfPage:[64],nextRecord:[64],previousRecord:[64],hasNextRecord:[64],hasPreviousRecord:[64],openGridConfig:[64]}]]],["p-05cca198",[[1,"ez-dialog",{confirm:[1028],critical:[1028],message:[1025],opened:[1540],personalizedIconPath:[1025,"personalized-icon-path"],ezTitle:[1025,"ez-title"],handleButtonClick:[64],show:[64]}]]],["p-ec205792",[[1,"ez-filter-input",{label:[1],value:[1537],enabled:[4],loading:[516],errorMessage:[1537,"error-message"],restrict:[1],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-8a0e5e59",[[1,"ez-action-chip",{label:[513],enabled:[516]}]]],["p-4884b056",[[0,"ez-application"]]],["p-bd29c55f",[[1,"ez-label-chip",{label:[513],enabled:[516],removable:[516],value:[1540],setFocus:[64],setBlur:[64]}]]],["p-0cb4aec1",[[1,"ez-popover",{autoClose:[516,"auto-close"],top:[1537],left:[1537],bottom:[1537],right:[1537],boxWidth:[513,"box-width"],opened:[1540],innerElement:[1537,"inner-element"],updatePosition:[64],show:[64],hide:[64]}]]],["p-1ced597f",[[1,"ez-popup",{size:[1],opened:[1540],useHeader:[1540,"use-header"],ezTitle:[1,"ez-title"]}]]],["p-2d55888f",[[1,"ez-toast",{message:[1025],fadeTime:[1026,"fade-time"],useIcon:[1028,"use-icon"],canClose:[1028,"can-close"],show:[64]}]]],["p-
|
|
1
|
+
import{p as e,b as s}from"./p-60138b72.js";(()=>{const s=import.meta.url,o={};return""!==s&&(o.resourcesUrl=new URL(".",s).href),e(o)})().then((e=>s([["p-80d863c2",[[6,"ez-grid",{multipleSelection:[4,"multiple-selection"],config:[1040],pageSize:[2,"page-size"],serverUrl:[1,"server-url"],dataUnit:[16],_navigationHasPrevious:[32],_navigationHasNext:[32],_navigationFirstRow:[32],_navigationLastRow:[32],_navigationTotalRows:[32],_popUpGridConfig:[32],setColumnsDef:[64],addColumnMenuItem:[64],setColumnsState:[64],setData:[64],getSelection:[64],getColumnsState:[64],getColumns:[64],refresh:[64],quickFilter:[64],nextPage:[64],previousPage:[64],hasNextPage:[64],hasPreviousPage:[64],isLastOfPage:[64],isFirstOfPage:[64],nextRecord:[64],previousRecord:[64],hasNextRecord:[64],hasPreviousRecord:[64],openGridConfig:[64]}]]],["p-05cca198",[[1,"ez-dialog",{confirm:[1028],critical:[1028],message:[1025],opened:[1540],personalizedIconPath:[1025,"personalized-icon-path"],ezTitle:[1025,"ez-title"],handleButtonClick:[64],show:[64]}]]],["p-ec205792",[[1,"ez-filter-input",{label:[1],value:[1537],enabled:[4],loading:[516],errorMessage:[1537,"error-message"],restrict:[1],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-8a0e5e59",[[1,"ez-action-chip",{label:[513],enabled:[516]}]]],["p-4884b056",[[0,"ez-application"]]],["p-bd29c55f",[[1,"ez-label-chip",{label:[513],enabled:[516],removable:[516],value:[1540],setFocus:[64],setBlur:[64]}]]],["p-0cb4aec1",[[1,"ez-popover",{autoClose:[516,"auto-close"],top:[1537],left:[1537],bottom:[1537],right:[1537],boxWidth:[513,"box-width"],opened:[1540],innerElement:[1537,"inner-element"],updatePosition:[64],show:[64],hide:[64]}]]],["p-1ced597f",[[1,"ez-popup",{size:[1],opened:[1540],useHeader:[1540,"use-header"],ezTitle:[1,"ez-title"]}]]],["p-2d55888f",[[1,"ez-toast",{message:[1025],fadeTime:[1026,"fade-time"],useIcon:[1028,"use-icon"],canClose:[1028,"can-close"],show:[64]}]]],["p-bb7ad4ae",[[2,"grid-config",{selectedTab:[1025,"selected-tab"],columns:[1040],config:[1040]}]]],["p-48ba92b2",[[1,"ez-modal",{modalSize:[1,"modal-size"],align:[1],opened:[1028],closeEsc:[4,"close-esc"],closeOutsideClick:[4,"close-outside-click"]}]]],["p-c8f9b691",[[1,"ez-text-input",{label:[513],value:[1537],enabled:[516],loading:[516],errorMessage:[1537,"error-message"],mask:[1],canShowError:[516,"can-show-error"],restrict:[1],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-5821c335",[[1,"ez-search",{value:[1537],label:[1537],enabled:[1540],errorMessage:[1537,"error-message"],optionLoader:[16],showSelectedValue:[4,"show-selected-value"],showOptionValue:[4,"show-option-value"],suppressEmptyOption:[4,"suppress-empty-option"],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-5b7405e8",[[1,"select-box",{selectedOption:[1,"selected-option"]}]]],["p-cbfb94cb",[[1,"ez-date-input",{label:[513],value:[1040],enabled:[516],errorMessage:[1537,"error-message"],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-5f725a93",[[1,"ez-date-time-input",{label:[513],value:[1040],enabled:[516],errorMessage:[1537,"error-message"],showSeconds:[516,"show-seconds"],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-f1a18697",[[1,"ez-time-input",{label:[513],viewValue:[1537,"view-value"],value:[1026],enabled:[516],errorMessage:[1537,"error-message"],showSeconds:[516,"show-seconds"],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-4ded39c2",[[1,"ez-number-input",{label:[1],value:[1538],enabled:[4],errorMessage:[1537,"error-message"],precision:[2],prettyPrecision:[2,"pretty-precision"],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-d9bb2a96",[[1,"ez-list",{dataSource:[1040],useGroups:[1540,"use-groups"],ezDraggable:[1028,"ez-draggable"],ezSelectable:[1028,"ez-selectable"],itemSlotBuilder:[1040],_listItems:[32],_listGroupItems:[32],clearHistory:[64],scrollToTop:[64],setSelection:[64],getSelection:[64],getList:[64]}]]],["p-5a9ab4f7",[[1,"ez-text-area",{label:[513],value:[1537],enabled:[516],loading:[516],errorMessage:[1537,"error-message"],rows:[1538],canShowError:[516,"can-show-error"],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-fa9157c1",[[1,"ez-icon",{size:[513],href:[513],iconName:[513,"icon-name"]}]]],["p-ef17f443",[[1,"ez-collapsible-box",{value:[1540],label:[513],headerSize:[513,"header-size"],iconPlacement:[513,"icon-placement"],stretchTitle:[516,"stretch-title"],showHide:[64]}]]],["p-a4a21738",[[1,"ez-upload",{label:[1],enabled:[4],maxFileSize:[2,"max-file-size"],maxFiles:[2,"max-files"],requestHeaders:[8,"request-headers"],urlUpload:[1,"url-upload"],urlDelete:[1,"url-delete"],value:[1040],addFiles:[64],setFocus:[64],setBlur:[64]}]]],["p-27db8fba",[[1,"ez-button",{label:[513],enabled:[516],mode:[513],image:[513],iconName:[513,"icon-name"],size:[513],setFocus:[64],setBlur:[64]}]]],["p-593a17e7",[[1,"ez-calendar",{value:[1040],floating:[516],time:[516],showSeconds:[516,"show-seconds"],show:[64],fitVertical:[64],hide:[64]}]]],["p-dc0aa563",[[1,"ez-check",{label:[513],value:[1540],enabled:[1540],mode:[513],getMode:[64],setFocus:[64]}]]],["p-66adbed5",[[1,"ez-tabselector",{selectedIndex:[1538,"selected-index"],selectedTab:[1537,"selected-tab"],tabs:[1]}]]],["p-6e844308",[[1,"ez-combo-box",{value:[1537],label:[513],enabled:[516],options:[1040],errorMessage:[1537,"error-message"],searchMode:[4,"search-mode"],showSelectedValue:[4,"show-selected-value"],showOptionValue:[4,"show-option-value"],suppressSearch:[4,"suppress-search"],optionLoader:[16],suppressEmptyOption:[4,"suppress-empty-option"],canShowError:[516,"can-show-error"],mode:[513],_preSelection:[32],_visibleOptions:[32],setFocus:[64],setBlur:[64]}]]],["p-cfa7378a",[[0,"ez-form",{dataUnit:[1040],config:[16],submit:[64],cancel:[64],validate:[64]}]]],["p-6aa0c6f1",[[0,"test-du",{isDirty:[32]}]]]],e)));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as i,s as t,r as e,c as s,h as a,H as r}from"./p-60138b72.js";import{StringUtils as o}from"@sankhyalabs/core";import{A as n}from"./p-0cd386db.js";const l=e=>`${function(){if(!d){const i=document.querySelector("script[data-ezui-assets-url]");if(i){let e=i.dataset.ezuiAssetsUrl;e&&(e.startsWith("/")&&(e=window.location.origin+e),t(e))}d=!0}return i("../assets/actions-sprite.svg")}()}#${e}`;let d=!1,c=class{constructor(i){e(this,i),this.configFinish=s(this,"configFinish",7),this.configCancel=s(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 a("div",null,a("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"),a("div",null,a("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(),n.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 o.replaceAccentuatedChars(i.label).indexOf(o.replaceAccentuatedChars(t))>-1}closeConfig(){this._orderList.scrollToTop(),this._columnList.scrollToTop(),this._searchElement.value="",this._dataChanged?n.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 a(r,null,a("div",{class:"grid-config__header"},a("div",{class:"title-container"},a("div",{class:""},a("label",{class:"title"},"Configuração da Grade"),a("label",{class:"subtitle"},"Defina visibilidade e ordem das colunas.")),a("div",{class:"button-close"},a("ez-button",{mode:"icon",image:l("close"),size:"medium",onClick:()=>this.closeConfig()}))),a("div",{class:"tabselector-container"},a("ez-tabselector",{selectedTab:this.selectedTab,selectedIndex:0,onEzChange:i=>{this.handleTabChange(i)},tabs:"Colunas, Ordenação das linhas"})),a("div",null,a("ez-text-input",{ref:i=>this._searchElement=i,label:"Localizar coluna",onKeyUp:i=>this.locateColumn(i)},a("ez-icon",{slot:"leftIcon",size:"medium",href:l("search")})))),a("div",{class:"grid-config__main"},a("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}),a("div",{class:"Ordenação das linhas"===this.selectedTab?"group-name":"hidden"},"Sequência da ordenação"),a("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)})),a("div",{class:"grid-config__footer"},a("ez-button",{class:"padding-right--medium",label:"Cancelar",onClick:()=>this.closeConfig()}),a("ez-button",{label:"Concluir",class:"ez-button--primary",onClick:()=>this.finish()})))}static get assetsDirs(){return["../assets"]}};c.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{c as grid_config}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as s,H as i,g as e}from"./p-60138b72.js";import{MaskFormatter as h,TimeFormatter as a,NumberUtils as r}from"@sankhyalabs/core";import{C as o}from"./p-933a7475.js";let n=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),a.validateTime(this.viewValue,this.showSeconds)||(this.clearField(),this.errorMessage="Favor inserir um horário válido.")}prepareValue(t){try{this.viewValue=a.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=r.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",iconName:"timer-outline"})))}static get assetsDirs(){return["../assets"]}get _elem(){return e(this)}static get watchers(){return{showSeconds:["prepareMask"],value:["onValueChanged"]}}};n.style=":host{display:flex;flex-wrap:wrap;position:relative;width:100%}";export{n as ez_time_input}
|
package/package.json
CHANGED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
const index = require('./index-0e284e03.js');
|
|
4
|
-
|
|
5
|
-
const getSpritePath = (sprite) => `${getContextAssetsPath("../assets/actions-sprite.svg")}#${sprite}`;
|
|
6
|
-
let ctxLoaded = false;
|
|
7
|
-
function getContextAssetsPath(resource) {
|
|
8
|
-
if (!ctxLoaded) {
|
|
9
|
-
const scriptElem = document.querySelector("script[data-ezui-assets-url]");
|
|
10
|
-
if (scriptElem) {
|
|
11
|
-
let assetsPath = scriptElem.dataset.ezuiAssetsUrl;
|
|
12
|
-
if (assetsPath) {
|
|
13
|
-
if (assetsPath.startsWith('/')) {
|
|
14
|
-
assetsPath = window.location.origin + assetsPath;
|
|
15
|
-
}
|
|
16
|
-
index.setAssetPath(assetsPath);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
ctxLoaded = true;
|
|
20
|
-
}
|
|
21
|
-
return index.getAssetPath(resource);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
exports.getSpritePath = getSpritePath;
|
|
@@ -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 };
|
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 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}
|