@sankhyalabs/sankhyablocks 2.4.6 → 2.4.8
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/snk-configurator_3.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-bar_7.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-binary-select.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-multi-select.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-number.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-period.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-search.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-text.cjs.entry.js +1 -1
- package/dist/cjs/snk-pesquisa.cjs.entry.js +1 -1
- package/dist/collection/components/snk-configurator/snk-configurator.css +30 -15
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-binary-select.js +1 -1
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-multi-select.js +1 -1
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-number.js +1 -1
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-period.js +1 -1
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-search.js +1 -1
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-text.js +1 -1
- package/dist/collection/components/snk-grid/subcomponents/snk-grid-config/snk-grid-config.css +35 -20
- package/dist/collection/components/snk-pesquisa/snk-pesquisa.css +36 -22
- package/dist/components/snk-configurator2.js +1 -1
- package/dist/components/snk-filter-binary-select.js +1 -1
- package/dist/components/snk-filter-multi-select.js +1 -1
- package/dist/components/snk-filter-number.js +1 -1
- package/dist/components/snk-filter-period.js +1 -1
- package/dist/components/snk-filter-search.js +1 -1
- package/dist/components/snk-filter-text.js +1 -1
- package/dist/components/snk-grid-config2.js +1 -1
- package/dist/components/snk-pesquisa2.js +1 -1
- package/dist/esm/snk-configurator_3.entry.js +1 -1
- package/dist/esm/snk-filter-bar_7.entry.js +1 -1
- package/dist/esm/snk-filter-binary-select.entry.js +1 -1
- package/dist/esm/snk-filter-multi-select.entry.js +1 -1
- package/dist/esm/snk-filter-number.entry.js +1 -1
- package/dist/esm/snk-filter-period.entry.js +1 -1
- package/dist/esm/snk-filter-search.entry.js +1 -1
- package/dist/esm/snk-filter-text.entry.js +1 -1
- package/dist/esm/snk-pesquisa.entry.js +1 -1
- package/dist/sankhyablocks/p-03f0a380.entry.js +1 -0
- package/dist/sankhyablocks/p-14af45cc.entry.js +1 -0
- package/dist/sankhyablocks/p-9593c937.entry.js +1 -0
- package/dist/sankhyablocks/p-b0a0222f.entry.js +1 -0
- package/dist/sankhyablocks/{p-da0a0b8c.entry.js → p-c17be74f.entry.js} +1 -1
- package/dist/sankhyablocks/{p-b5799889.entry.js → p-db111acd.entry.js} +1 -1
- package/dist/sankhyablocks/p-eff899b0.entry.js +1 -0
- package/dist/sankhyablocks/{p-1bc8f32f.entry.js → p-f1de5d1f.entry.js} +1 -1
- package/dist/sankhyablocks/{p-5fc34bc1.entry.js → p-fd3b562d.entry.js} +1 -1
- package/dist/sankhyablocks/sankhyablocks.esm.js +1 -1
- package/package.json +1 -1
- package/dist/sankhyablocks/p-4f9aa0b0.entry.js +0 -1
- package/dist/sankhyablocks/p-60038252.entry.js +0 -1
- package/dist/sankhyablocks/p-63229ecb.entry.js +0 -1
- package/dist/sankhyablocks/p-8fca7910.entry.js +0 -1
- package/dist/sankhyablocks/p-b05638d2.entry.js +0 -1
|
@@ -10,7 +10,7 @@ const taskbarProcessor = require('./taskbar-processor-6bd0d35c.js');
|
|
|
10
10
|
const ConfigStorage = require('./ConfigStorage-c112de1d.js');
|
|
11
11
|
require('./_commonjsHelpers-537d719a.js');
|
|
12
12
|
|
|
13
|
-
const snkConfiguratorCss = ".sc-snk-configurator-h{--snk-configurator__button-close--padding-left:var(--space--medium, 12px);--snk-configurator__title--color:var(--title--primary, #2B3A54);--snk-configurator__title--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__title--font-size:var(--title--large, 20px);--snk-configurator__title--font-weight:var(--text-weight--extra-large, 700);--snk-configurator__subtitle--color:var(--title--primary, #2B3A54);--snk-configurator__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__subtitle--font-size:var(--text--medium, 14px);--snk-configurator__subtitle--font-weight:var(--text-weight--large, 600);--snk-configurator__scrollbar--
|
|
13
|
+
const snkConfiguratorCss = ".sc-snk-configurator-h{--snk-configurator__button-close--padding-left:var(--space--medium, 12px);--snk-configurator__title--color:var(--title--primary, #2B3A54);--snk-configurator__title--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__title--font-size:var(--title--large, 20px);--snk-configurator__title--font-weight:var(--text-weight--extra-large, 700);--snk-configurator__subtitle--color:var(--title--primary, #2B3A54);--snk-configurator__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__subtitle--font-size:var(--text--medium, 14px);--snk-configurator__subtitle--font-weight:var(--text-weight--large, 600);--snk-configurator__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-configurator__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-configurator__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-configurator__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-configurator__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-configurator__scrollbar--width:var(--space--medium, 12px)}.snk-configurator.sc-snk-configurator{display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.snk-configurator.sc-snk-configurator{width:359px;max-width:359px}}.snk-configurator__button-config.sc-snk-configurator{--ez-button--min-width:100%}.snk-configurator__header.sc-snk-configurator{display:flex;justify-content:space-between;align-items:center;width:100%}.snk-configurator__title.sc-snk-configurator{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-configurator__title--color);font-size:var(--snk-configurator__title--font-size);font-family:var(--snk-configurator__title--font-family);font-weight:var(--snk-configurator__title--font-weight)}.snk-configurator__subtitle.sc-snk-configurator{display:flex;margin:0;padding-top:var(--space--medium);padding-bottom:var(--space--small);color:var(--snk-configurator__subtitle--color);font-size:var(--snk-configurator__subtitle--font-size);font-family:var(--snk-configurator__subtitle--font-family);font-weight:var(--snk-configurator__subtitle--font-weight)}.snk-configurator__button-close.sc-snk-configurator{padding-left:var(--snk-configurator__button-close--padding-left)}.snk-configurator__main.sc-snk-configurator{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-configurator__scrollbar--color-clicked) var(--snk-configurator__scrollbar--color-background)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar{background-color:var(--snk-configurator__scrollbar--color-background);width:var(--snk-configurator__scrollbar--width);max-width:var(--snk-configurator__scrollbar--width);min-width:var(--snk-configurator__scrollbar--width)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-track{background-color:var(--snk-configurator__scrollbar--color-background);border-radius:var(--snk-configurator__scrollbar--border-radius)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb{background-color:var(--snk-configurator__scrollbar--color-default);border-radius:var(--snk-configurator__scrollbar--border-radius)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:vertical:hover,.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-configurator__scrollbar--color-hover)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:vertical:active,.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-configurator__scrollbar--color-clicked)}";
|
|
14
14
|
|
|
15
15
|
const GRID_MODE = constants.VIEW_MODE.grid;
|
|
16
16
|
const FORM_MODE = constants.VIEW_MODE.form;
|
|
@@ -864,7 +864,7 @@ const SnkFilterModal = class {
|
|
|
864
864
|
};
|
|
865
865
|
SnkFilterModal.style = snkFilterModalCss;
|
|
866
866
|
|
|
867
|
-
const snkGridConfigCss = ".sc-snk-grid-config-h{--snk-grid-config__footer--padding-top:var(--space--medium, 12px);--snk-grid-config__main--padding-right:var(--space--medium, 12px);--snk-grid-config__tabselector-container--padding:var(--space--medium, 12px);--snk-grid-config__button-close--padding-left:var(--space--medium, 12px);--snk-grid-config__title--color:var(--title--primary, #2B3A54);--snk-grid-config__title--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__title--font-size:var(--title--large, 20px);--snk-grid-config__title--font-weight:var(--text-weight--extra-large, 700);--snk-grid-config__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__subtitle--font-size:var(--text--medium, 14px);--snk-grid-
|
|
867
|
+
const snkGridConfigCss = ".sc-snk-grid-config-h{--snk-grid-config__footer--padding-top:var(--space--medium, 12px);--snk-grid-config__main--padding-right:var(--space--medium, 12px);--snk-grid-config__tabselector-container--padding:var(--space--medium, 12px);--snk-grid-config__button-close--padding-left:var(--space--medium, 12px);--snk-grid-config__title--color:var(--title--primary, #2B3A54);--snk-grid-config__title--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__title--font-size:var(--title--large, 20px);--snk-grid-config__title--font-weight:var(--text-weight--extra-large, 700);--snk-grid-config__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__subtitle--font-size:var(--text--medium, 14px);--snk-grid-config__group--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__group--font-size:var(--text--medium, 14px);--snk-grid-config__group--font-weight:var(--text-weight--large, 600);--snk-grid-config__group--padding-bottom:var(--space-small, 6px);--snk-grid-config__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-grid-config__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-grid-config__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-grid-config__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-grid-config__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-grid-config__scrollbar--width:var(--space--medium, 12px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-snk-grid-config-h{width:359px;max-width:359px}}.padding-right--medium.sc-snk-grid-config{padding-right:var(--space--medium)}ez-list.sc-snk-grid-config{height:100%}.height-calc.sc-snk-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-snk-grid-config{display:flex;justify-content:flex-end;width:100%;padding-top:var(--snk-grid-config__footer--padding-top)}.hidden.sc-snk-grid-config{display:none}.tabselector-container.sc-snk-grid-config{padding:var(--snk-grid-config__tabselector-container--padding) 0}.button-close.sc-snk-grid-config{padding-left:var(--snk-grid-config__button-close--padding-left)}.title-container.sc-snk-grid-config{display:flex;justify-content:space-between;align-items:center;width:100%}.title.sc-snk-grid-config{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-grid-config__title--color);font-size:var(--snk-grid-config__title--font-size);font-family:var(--snk-grid-config__title--font-family);font-weight:var(--snk-grid-config__title--font-weight)}.subtitle.sc-snk-grid-config{color:var(--text--primary);font-size:var(--snk-grid-config__subtitle--font-size);font-family:var(--snk-grid-config__subtitle--font-family)}.grid-config__main.sc-snk-grid-config{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-grid-config__scrollbar--color-clicked) var(--snk-grid-config__scrollbar--color-background);padding-right:var(--snk-grid-config__main--padding-right)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar{width:var(--snk-grid-config__scrollbar--width);max-width:var(--snk-grid-config__scrollbar--width);min-width:var(--snk-grid-config__scrollbar--width);background-color:var(--snk-grid-config__scrollbar--color-background)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-track{background-color:var(--snk-grid-config__scrollbar--color-background);border-radius:var(--snk-grid-config__scrollbar--border-radius)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb{background-color:var(--snk-grid-config__scrollbar--color-default);border-radius:var(--snk-grid-config__scrollbar--border-radius)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:vertical:hover,.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-grid-config__scrollbar--color-hover)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:vertical:active,.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-grid-config__scrollbar--color-clicked)}.group-name.sc-snk-grid-config{font-family:var(--snk-grid-config__group--font-family);font-size:var(--snk-grid-config__group--font-size);font-weight:var(--snk-grid-config__group--font-weight);padding-bottom:var(--snk-grid-config__group--padding-bottom)}";
|
|
868
868
|
|
|
869
869
|
const EzGridConfig = class {
|
|
870
870
|
constructor(hostRef) {
|
|
@@ -55,7 +55,7 @@ const SnkFilterBinarySelect = class {
|
|
|
55
55
|
return undefined;
|
|
56
56
|
}
|
|
57
57
|
const [optOne, optTwo] = this.config.props.options;
|
|
58
|
-
return (index.h(index.Host, null, index.h("ez-check", { label: optOne.label, class: "sc-snk-filter-bar editor__ez-check", ref: (ref) => this._checkOne = ref, value: this.isSelected(optOne.name) }), index.h("ez-check", { label: optTwo.label, class: "sc-snk-filter-bar editor__ez-check", ref: (ref) => this._checkTwo = ref, value: this.isSelected(optTwo.name) })));
|
|
58
|
+
return (index.h(index.Host, null, index.h("ez-check", { id: `${this.config.id}_${optOne.name || "option1"}`, label: optOne.label, class: "sc-snk-filter-bar editor__ez-check", ref: (ref) => this._checkOne = ref, value: this.isSelected(optOne.name) }), index.h("ez-check", { id: `${this.config.id}_${optTwo.name || "option2"}`, label: optTwo.label, class: "sc-snk-filter-bar editor__ez-check", ref: (ref) => this._checkTwo = ref, value: this.isSelected(optTwo.name) })));
|
|
59
59
|
}
|
|
60
60
|
get _element() { return index.getElement(this); }
|
|
61
61
|
};
|
|
@@ -31,7 +31,7 @@ const SnkFilterMultiSelect = class {
|
|
|
31
31
|
if (!this.config || this.config.type !== filterItemType_enum.FilterItemType.MULTI_SELECT) {
|
|
32
32
|
return undefined;
|
|
33
33
|
}
|
|
34
|
-
return (index.h("ez-combo-box", { ref: ref => this._comboElement = ref, label: this.config.label, value: this.config.value, options: this.config.props.options }));
|
|
34
|
+
return (index.h("ez-combo-box", { id: this.config.id, ref: ref => this._comboElement = ref, label: this.config.label, value: this.config.value, options: this.config.props.options }));
|
|
35
35
|
}
|
|
36
36
|
get _element() { return index.getElement(this); }
|
|
37
37
|
};
|
|
@@ -32,7 +32,7 @@ const SnkFilterPeriod = class {
|
|
|
32
32
|
if (!this.config || this.config.type !== filterItemType_enum.FilterItemType.NUMBER) {
|
|
33
33
|
return undefined;
|
|
34
34
|
}
|
|
35
|
-
return (index.h("ez-number-input", { ref: ref => this._numberElement = ref, label: this.config.label, value: this.config.value, precision: (_a = this.config.props) === null || _a === void 0 ? void 0 : _a.precision }));
|
|
35
|
+
return (index.h("ez-number-input", { id: this.config.id, ref: ref => this._numberElement = ref, label: this.config.label, value: this.config.value, precision: (_a = this.config.props) === null || _a === void 0 ? void 0 : _a.precision }));
|
|
36
36
|
}
|
|
37
37
|
get _element() { return index.getElement(this); }
|
|
38
38
|
};
|
|
@@ -45,7 +45,7 @@ const SnkFilterPeriod = class {
|
|
|
45
45
|
if (!this.config || this.config.type !== filterItemType_enum.FilterItemType.PERIOD) {
|
|
46
46
|
return undefined;
|
|
47
47
|
}
|
|
48
|
-
return (index.h("div", { class: "ez-col ez-col--nowrap" }, index.h("ez-date-input", { label: this.config.label, ref: ref => this._startDate = ref, value: this.getDate("start") }), index.h("label", { class: "ez-text ez-text--medium ez-text--primary ez-margin--medium" }, "at\u00E9"), index.h("ez-date-input", { label: this.config.label, ref: ref => this._endDate = ref, value: this.getDate("end") })));
|
|
48
|
+
return (index.h("div", { class: "ez-col ez-col--nowrap" }, index.h("ez-date-input", { id: `${this.config.id}_start`, label: this.config.label, ref: ref => this._startDate = ref, value: this.getDate("start") }), index.h("label", { class: "ez-text ez-text--medium ez-text--primary ez-margin--medium" }, "at\u00E9"), index.h("ez-date-input", { id: `${this.config.id}_end`, label: this.config.label, ref: ref => this._endDate = ref, value: this.getDate("end") })));
|
|
49
49
|
}
|
|
50
50
|
get _element() { return index.getElement(this); }
|
|
51
51
|
};
|
|
@@ -42,7 +42,7 @@ const SnkFilterSearch = class {
|
|
|
42
42
|
if (!this.config || this.config.type !== filterItemType_enum.FilterItemType.SEARCH) {
|
|
43
43
|
return undefined;
|
|
44
44
|
}
|
|
45
|
-
return (index.h("ez-search", { suppressEmptyOption: true, value: this.config.value, label: this.config.label, ref: ref => this._searchInput = ref, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument) }));
|
|
45
|
+
return (index.h("ez-search", { id: this.config.id, suppressEmptyOption: true, value: this.config.value, label: this.config.label, ref: ref => this._searchInput = ref, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument) }));
|
|
46
46
|
}
|
|
47
47
|
get _element() { return index.getElement(this); }
|
|
48
48
|
};
|
|
@@ -24,7 +24,7 @@ const SnkFilterText = class {
|
|
|
24
24
|
if (!this.config) {
|
|
25
25
|
return undefined;
|
|
26
26
|
}
|
|
27
|
-
return (index.h("ez-text-input", { ref: ref => this._textInputElement = ref, label: this.config.label, value: this.config.value }));
|
|
27
|
+
return (index.h("ez-text-input", { id: this.config.id, ref: ref => this._textInputElement = ref, label: this.config.label, value: this.config.value }));
|
|
28
28
|
}
|
|
29
29
|
get _element() { return index.getElement(this); }
|
|
30
30
|
};
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-20e8b68a.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
7
|
|
|
8
|
-
const snkPesquisaCss = ".sc-snk-pesquisa-h{--snk-pesquisa--font-size:var(--text--medium, 14px);--snk-pesquisa--font-family:var(--font-pattern, Arial);--snk-pesquisa--font-weight:var(--text-weight--medium, 400);--snk-pesquisa__records--color:var(--text--primary, #626e82);--snk-pesquisa__records--padding-vertical:var(--space--medium, 12px);--snk-pesquisa__content--padding-right:var(--space--small, 6px);--snk-
|
|
8
|
+
const snkPesquisaCss = ".sc-snk-pesquisa-h{--snk-pesquisa--font-size:var(--text--medium, 14px);--snk-pesquisa--font-family:var(--font-pattern, Arial);--snk-pesquisa--font-weight:var(--text-weight--medium, 400);--snk-pesquisa__records--color:var(--text--primary, #626e82);--snk-pesquisa__records--padding-vertical:var(--space--medium, 12px);--snk-pesquisa__content--padding-right:var(--space--small, 6px);--snk-pesquisa__btn--color:var(--title--primary, #2B3A54);--snk-pesquisa__btn-disabled--color:var(--text--disable, #AFB6C0);--snk-pesquisa__btn-hover--color:var(--color--primary, #4e4e4e);--snk-pesquisa__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-pesquisa__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-pesquisa__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-pesquisa__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-pesquisa__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-pesquisa__scrollbar--width:var(--space--medium, 12px);max-height:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto}.snk-pesquisa.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%}.snk-pesquisa__input.sc-snk-pesquisa{display:flex;width:100%;box-sizing:border-box;padding-top:4px;padding-right:4px}.snk-pesquisa__input.sc-snk-pesquisa ez-icon.sc-snk-pesquisa{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.snk-pesquisa__content.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-pesquisa__scrollbar--color-clicked) var(--snk-pesquisa__scrollbar--color-background);padding-right:var(--snk-pesquisa__content--padding-right)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar{background-color:var(--snk-pesquisa__scrollbar--color-background);width:var(--snk-pesquisa__scrollbar--width);max-width:var(--snk-pesquisa__scrollbar--width);min-width:var(--snk-pesquisa__scrollbar--width)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-track{background-color:var(--snk-pesquisa__scrollbar--color-background);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb{background-color:var(--snk-pesquisa__scrollbar--color-default);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:hover,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-pesquisa__scrollbar--color-hover)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:active,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-pesquisa__scrollbar--color-clicked)}.snk-pesquisa__records.sc-snk-pesquisa{font-family:var(--snk-pesquisa--font-family);font-weight:var(--snk-pesquisa--font-weight);font-size:var(--snk-pesquisa--font-size);color:var(--snk-pesquisa__records--color);padding-bottom:var(--snk-pesquisa__records--padding-vertical);padding-top:var(--snk-pesquisa__records--padding-vertical)}.snk-pesquisa__btn.sc-snk-pesquisa{outline:none;border:none;background:none;cursor:pointer;color:var(--snk-pesquisa__btn--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled:hover{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:hover{color:var(--snk-pesquisa__btn-hover--color)}";
|
|
9
9
|
|
|
10
10
|
const SnkPesquisa = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -26,17 +26,19 @@
|
|
|
26
26
|
/*@doc Define o peso da fonte utilizada para o subtitulo do componente.*/
|
|
27
27
|
--snk-configurator__subtitle--font-weight: var(--text-weight--large, 600);
|
|
28
28
|
|
|
29
|
+
/* scrollbar */
|
|
30
|
+
/*@doc Define a cor da barra de rolagem do componente.*/
|
|
31
|
+
--snk-configurator__scrollbar--color-default: var(--scrollbar--default, #626e82);
|
|
32
|
+
/*@doc Define a cor de fundo da barra de rolagem do componente.*/
|
|
33
|
+
--snk-configurator__scrollbar--color-background: var(--scrollbar--background, #E5EAF0);
|
|
34
|
+
/*@doc Define a cor do hover na barra de rolagem do componente.*/
|
|
35
|
+
--snk-configurator__scrollbar--color-hover: var(--scrollbar--hover, #2B3A54);
|
|
36
|
+
/*@doc Define a cor do active na barra de rolagem do componente.*/
|
|
37
|
+
--snk-configurator__scrollbar--color-clicked: var(--scrollbar--clicked, #a2abb9);
|
|
29
38
|
/*@doc Define o raio da borda da barra de rolagem do componente.*/
|
|
30
39
|
--snk-configurator__scrollbar--border-radius: var(--border--radius-small, 6px);
|
|
31
|
-
|
|
32
40
|
/*@doc Define a largura da barra de rolagem do componente.*/
|
|
33
41
|
--snk-configurator__scrollbar--width: var(--space--medium, 12px);
|
|
34
|
-
|
|
35
|
-
/*@doc Define a cor da barra de rolagem do componente.*/
|
|
36
|
-
--snk-configurator__scrollbar--background-color-primary: var(--scrollbar--primary, #2B3A54);
|
|
37
|
-
|
|
38
|
-
/*@doc Define a cor de fundo da barra de rolagem do componente.*/
|
|
39
|
-
--snk-configurator__scrollbar--background-color-secondary: var(--scrollbar--secondary, #E5EAF0);
|
|
40
42
|
}
|
|
41
43
|
|
|
42
44
|
.snk-configurator {
|
|
@@ -101,24 +103,37 @@
|
|
|
101
103
|
scrollbar-width: thin;
|
|
102
104
|
|
|
103
105
|
/*public*/
|
|
104
|
-
scrollbar-color: var(--snk-configurator__scrollbar--
|
|
106
|
+
scrollbar-color: var(--snk-configurator__scrollbar--color-clicked) var(--snk-configurator__scrollbar--color-background);
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.snk-configurator__main::-webkit-scrollbar {
|
|
110
|
+
/*public*/
|
|
111
|
+
background-color: var(--snk-configurator__scrollbar--color-background);
|
|
112
|
+
width: var(--snk-configurator__scrollbar--width);
|
|
113
|
+
max-width: var(--snk-configurator__scrollbar--width);
|
|
114
|
+
min-width: var(--snk-configurator__scrollbar--width);
|
|
105
115
|
}
|
|
106
116
|
|
|
107
117
|
.snk-configurator__main::-webkit-scrollbar-track {
|
|
108
118
|
/*public*/
|
|
109
|
-
background-color: var(--snk-configurator__scrollbar--
|
|
119
|
+
background-color: var(--snk-configurator__scrollbar--color-background);
|
|
120
|
+
border-radius: var(--snk-configurator__scrollbar--border-radius);
|
|
110
121
|
}
|
|
111
122
|
|
|
112
123
|
.snk-configurator__main::-webkit-scrollbar-thumb {
|
|
113
124
|
/*public*/
|
|
114
|
-
background-color: var(--snk-configurator__scrollbar--
|
|
125
|
+
background-color: var(--snk-configurator__scrollbar--color-default);
|
|
115
126
|
border-radius: var(--snk-configurator__scrollbar--border-radius);
|
|
116
127
|
}
|
|
117
128
|
|
|
118
|
-
.snk-configurator__main::-webkit-scrollbar
|
|
129
|
+
.snk-configurator__main::-webkit-scrollbar-thumb:vertical:hover,
|
|
130
|
+
.snk-configurator__main::-webkit-scrollbar-thumb:horizontal:hover {
|
|
119
131
|
/*public*/
|
|
120
|
-
background-color: var(--snk-configurator__scrollbar--
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
132
|
+
background-color: var(--snk-configurator__scrollbar--color-hover);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.snk-configurator__main::-webkit-scrollbar-thumb:vertical:active,
|
|
136
|
+
.snk-configurator__main::-webkit-scrollbar-thumb:horizontal:active {
|
|
137
|
+
/*public*/
|
|
138
|
+
background-color: var(--snk-configurator__scrollbar--color-clicked);
|
|
124
139
|
}
|
package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-binary-select.js
CHANGED
|
@@ -47,7 +47,7 @@ export class SnkFilterBinarySelect {
|
|
|
47
47
|
return undefined;
|
|
48
48
|
}
|
|
49
49
|
const [optOne, optTwo] = this.config.props.options;
|
|
50
|
-
return (h(Host, null, h("ez-check", { label: optOne.label, class: "sc-snk-filter-bar editor__ez-check", ref: (ref) => this._checkOne = ref, value: this.isSelected(optOne.name) }), h("ez-check", { label: optTwo.label, class: "sc-snk-filter-bar editor__ez-check", ref: (ref) => this._checkTwo = ref, value: this.isSelected(optTwo.name) })));
|
|
50
|
+
return (h(Host, null, h("ez-check", { id: `${this.config.id}_${optOne.name || "option1"}`, label: optOne.label, class: "sc-snk-filter-bar editor__ez-check", ref: (ref) => this._checkOne = ref, value: this.isSelected(optOne.name) }), h("ez-check", { id: `${this.config.id}_${optTwo.name || "option2"}`, label: optTwo.label, class: "sc-snk-filter-bar editor__ez-check", ref: (ref) => this._checkTwo = ref, value: this.isSelected(optTwo.name) })));
|
|
51
51
|
}
|
|
52
52
|
static get is() { return "snk-filter-binary-select"; }
|
|
53
53
|
static get properties() {
|
package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-multi-select.js
CHANGED
|
@@ -23,7 +23,7 @@ export class SnkFilterMultiSelect {
|
|
|
23
23
|
if (!this.config || this.config.type !== FilterItemType.MULTI_SELECT) {
|
|
24
24
|
return undefined;
|
|
25
25
|
}
|
|
26
|
-
return (h("ez-combo-box", { ref: ref => this._comboElement = ref, label: this.config.label, value: this.config.value, options: this.config.props.options }));
|
|
26
|
+
return (h("ez-combo-box", { id: this.config.id, ref: ref => this._comboElement = ref, label: this.config.label, value: this.config.value, options: this.config.props.options }));
|
|
27
27
|
}
|
|
28
28
|
static get is() { return "snk-filter-multi-select"; }
|
|
29
29
|
static get properties() {
|
|
@@ -24,7 +24,7 @@ export class SnkFilterPeriod {
|
|
|
24
24
|
if (!this.config || this.config.type !== FilterItemType.NUMBER) {
|
|
25
25
|
return undefined;
|
|
26
26
|
}
|
|
27
|
-
return (h("ez-number-input", { ref: ref => this._numberElement = ref, label: this.config.label, value: this.config.value, precision: (_a = this.config.props) === null || _a === void 0 ? void 0 : _a.precision }));
|
|
27
|
+
return (h("ez-number-input", { id: this.config.id, ref: ref => this._numberElement = ref, label: this.config.label, value: this.config.value, precision: (_a = this.config.props) === null || _a === void 0 ? void 0 : _a.precision }));
|
|
28
28
|
}
|
|
29
29
|
static get is() { return "snk-filter-number"; }
|
|
30
30
|
static get properties() {
|
|
@@ -37,7 +37,7 @@ export class SnkFilterPeriod {
|
|
|
37
37
|
if (!this.config || this.config.type !== FilterItemType.PERIOD) {
|
|
38
38
|
return undefined;
|
|
39
39
|
}
|
|
40
|
-
return (h("div", { class: "ez-col ez-col--nowrap" }, h("ez-date-input", { label: this.config.label, ref: ref => this._startDate = ref, value: this.getDate("start") }), h("label", { class: "ez-text ez-text--medium ez-text--primary ez-margin--medium" }, "at\u00E9"), h("ez-date-input", { label: this.config.label, ref: ref => this._endDate = ref, value: this.getDate("end") })));
|
|
40
|
+
return (h("div", { class: "ez-col ez-col--nowrap" }, h("ez-date-input", { id: `${this.config.id}_start`, label: this.config.label, ref: ref => this._startDate = ref, value: this.getDate("start") }), h("label", { class: "ez-text ez-text--medium ez-text--primary ez-margin--medium" }, "at\u00E9"), h("ez-date-input", { id: `${this.config.id}_end`, label: this.config.label, ref: ref => this._endDate = ref, value: this.getDate("end") })));
|
|
41
41
|
}
|
|
42
42
|
static get is() { return "snk-filter-period"; }
|
|
43
43
|
static get properties() {
|
|
@@ -34,7 +34,7 @@ export class SnkFilterSearch {
|
|
|
34
34
|
if (!this.config || this.config.type !== FilterItemType.SEARCH) {
|
|
35
35
|
return undefined;
|
|
36
36
|
}
|
|
37
|
-
return (h("ez-search", { suppressEmptyOption: true, value: this.config.value, label: this.config.label, ref: ref => this._searchInput = ref, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument) }));
|
|
37
|
+
return (h("ez-search", { id: this.config.id, suppressEmptyOption: true, value: this.config.value, label: this.config.label, ref: ref => this._searchInput = ref, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument) }));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "snk-filter-search"; }
|
|
40
40
|
static get properties() {
|
|
@@ -16,7 +16,7 @@ export class SnkFilterText {
|
|
|
16
16
|
if (!this.config) {
|
|
17
17
|
return undefined;
|
|
18
18
|
}
|
|
19
|
-
return (h("ez-text-input", { ref: ref => this._textInputElement = ref, label: this.config.label, value: this.config.value }));
|
|
19
|
+
return (h("ez-text-input", { id: this.config.id, ref: ref => this._textInputElement = ref, label: this.config.label, value: this.config.value }));
|
|
20
20
|
}
|
|
21
21
|
static get is() { return "snk-filter-text"; }
|
|
22
22
|
static get properties() {
|
package/dist/collection/components/snk-grid/subcomponents/snk-grid-config/snk-grid-config.css
CHANGED
|
@@ -29,18 +29,6 @@
|
|
|
29
29
|
/*@doc Define o tamanho da fonte utilizada para o subtitulo do componente.*/
|
|
30
30
|
--snk-grid-config__subtitle--font-size: var(--text--medium, 14px);
|
|
31
31
|
|
|
32
|
-
/*@doc Define a largura da barra de rolagem do componente.*/
|
|
33
|
-
--snk-grid-config__scrollbar--width: var(--space--medium, 12px);
|
|
34
|
-
|
|
35
|
-
/*@doc Define a cor da barra de rolagem do componente.*/
|
|
36
|
-
--snk-grid-config__scrollbar--background-color-primary: var(--scrollbar--primary, #2B3A54);
|
|
37
|
-
|
|
38
|
-
/*@doc Define a cor de fundo da barra de rolagem do componente.*/
|
|
39
|
-
--snk-grid-config__scrollbar--background-color-secondary: var(--scrollbar--secondary, #E5EAF0);
|
|
40
|
-
|
|
41
|
-
/*@doc Define o raio da borda da barra de rolagem do componente.*/
|
|
42
|
-
--snk-grid-config__scrollbar--border-radius: var(--border--radius-small, 6px);
|
|
43
|
-
|
|
44
32
|
/* @doc Define o estilo do texto do grupo da lista. */
|
|
45
33
|
--snk-grid-config__group--font-family: var(--font-pattern, "Roboto");
|
|
46
34
|
|
|
@@ -53,6 +41,20 @@
|
|
|
53
41
|
/* @doc Define o espaçamento inferior do grupo da lista. */
|
|
54
42
|
--snk-grid-config__group--padding-bottom: var(--space-small, 6px);
|
|
55
43
|
|
|
44
|
+
/* scrollbar */
|
|
45
|
+
/*@doc Define a cor da barra de rolagem do componente.*/
|
|
46
|
+
--snk-grid-config__scrollbar--color-default: var(--scrollbar--default, #626e82);
|
|
47
|
+
/*@doc Define a cor de fundo da barra de rolagem do componente.*/
|
|
48
|
+
--snk-grid-config__scrollbar--color-background: var(--scrollbar--background, #E5EAF0);
|
|
49
|
+
/*@doc Define a cor do hover na barra de rolagem do componente.*/
|
|
50
|
+
--snk-grid-config__scrollbar--color-hover: var(--scrollbar--hover, #2B3A54);
|
|
51
|
+
/*@doc Define a cor do active na barra de rolagem do componente.*/
|
|
52
|
+
--snk-grid-config__scrollbar--color-clicked: var(--scrollbar--clicked, #a2abb9);
|
|
53
|
+
/*@doc Define o raio da borda da barra de rolagem do componente.*/
|
|
54
|
+
--snk-grid-config__scrollbar--border-radius: var(--border--radius-small, 6px);
|
|
55
|
+
/*@doc Define a largura da barra de rolagem do componente.*/
|
|
56
|
+
--snk-grid-config__scrollbar--width: var(--space--medium, 12px);
|
|
57
|
+
|
|
56
58
|
display: grid;
|
|
57
59
|
grid-template-rows: auto 1fr auto;
|
|
58
60
|
max-height: 100%;
|
|
@@ -134,27 +136,40 @@ ez-list {
|
|
|
134
136
|
scrollbar-width: thin;
|
|
135
137
|
|
|
136
138
|
/*public*/
|
|
137
|
-
scrollbar-color: var(--snk-grid-config__scrollbar--
|
|
139
|
+
scrollbar-color: var(--snk-grid-config__scrollbar--color-clicked) var(--snk-grid-config__scrollbar--color-background);
|
|
138
140
|
padding-right: var(--snk-grid-config__main--padding-right);
|
|
139
141
|
}
|
|
140
142
|
|
|
143
|
+
.grid-config__main::-webkit-scrollbar {
|
|
144
|
+
/*public*/
|
|
145
|
+
width: var(--snk-grid-config__scrollbar--width);
|
|
146
|
+
max-width: var(--snk-grid-config__scrollbar--width);
|
|
147
|
+
min-width: var(--snk-grid-config__scrollbar--width);
|
|
148
|
+
background-color: var(--snk-grid-config__scrollbar--color-background);
|
|
149
|
+
}
|
|
150
|
+
|
|
141
151
|
.grid-config__main::-webkit-scrollbar-track {
|
|
142
152
|
/*public*/
|
|
143
|
-
background-color: var(--snk-grid-config__scrollbar--
|
|
153
|
+
background-color: var(--snk-grid-config__scrollbar--color-background);
|
|
154
|
+
border-radius: var(--snk-grid-config__scrollbar--border-radius);
|
|
144
155
|
}
|
|
145
156
|
|
|
146
157
|
.grid-config__main::-webkit-scrollbar-thumb {
|
|
147
158
|
/*public*/
|
|
148
|
-
background-color: var(--snk-grid-config__scrollbar--
|
|
159
|
+
background-color: var(--snk-grid-config__scrollbar--color-default);
|
|
149
160
|
border-radius: var(--snk-grid-config__scrollbar--border-radius);
|
|
150
161
|
}
|
|
151
162
|
|
|
152
|
-
.grid-config__main::-webkit-scrollbar
|
|
163
|
+
.grid-config__main::-webkit-scrollbar-thumb:vertical:hover,
|
|
164
|
+
.grid-config__main::-webkit-scrollbar-thumb:horizontal:hover {
|
|
153
165
|
/*public*/
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
166
|
+
background-color: var(--snk-grid-config__scrollbar--color-hover);
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.grid-config__main::-webkit-scrollbar-thumb:vertical:active,
|
|
170
|
+
.grid-config__main::-webkit-scrollbar-thumb:horizontal:active {
|
|
171
|
+
/*public*/
|
|
172
|
+
background-color: var(--snk-grid-config__scrollbar--color-clicked);
|
|
158
173
|
}
|
|
159
174
|
|
|
160
175
|
.group-name {
|
|
@@ -17,16 +17,6 @@
|
|
|
17
17
|
/*@doc Define o espaçamento da direita no conteúdo do componente.*/
|
|
18
18
|
--snk-pesquisa__content--padding-right: var(--space--small, 6px);
|
|
19
19
|
|
|
20
|
-
/* scrollbar */
|
|
21
|
-
/*@doc Define a cor da barra de rolagem do componente.*/
|
|
22
|
-
--snk-pesquisa__content-scrollbar--background-color-primary: var(--scrollbar--primary, #2B3A54);
|
|
23
|
-
/*@doc Define a cor de fundo da barra de rolagem do componente.*/
|
|
24
|
-
--snk-pesquisa__content-scrollbar--background-color-secondary: var(--scrollbar--secondary, #E5EAF0);
|
|
25
|
-
/*@doc Define o raio da borda da barra de rolagem do componente.*/
|
|
26
|
-
--snk-pesquisa__content-scrollbar--border-radius: var(--border--radius-small, 6px);
|
|
27
|
-
/*@doc Define a largura da barra de rolagem do componente.*/
|
|
28
|
-
--snk-pesquisa__content-scrollbar--width: var(--space--medium, 12px);
|
|
29
|
-
|
|
30
20
|
/* buttons */
|
|
31
21
|
/*@doc Define a cor do botão de pesquisa do componente.*/
|
|
32
22
|
--snk-pesquisa__btn--color: var(--title--primary, #2B3A54);
|
|
@@ -35,6 +25,20 @@
|
|
|
35
25
|
/*@doc Define a cor do botão de pesquisa do componente quando o mouse está sobre ele.*/
|
|
36
26
|
--snk-pesquisa__btn-hover--color: var(--color--primary, #4e4e4e);
|
|
37
27
|
|
|
28
|
+
/* scrollbar */
|
|
29
|
+
/*@doc Define a cor da barra de rolagem do componente.*/
|
|
30
|
+
--snk-pesquisa__scrollbar--color-default: var(--scrollbar--default, #626e82);
|
|
31
|
+
/*@doc Define a cor de fundo da barra de rolagem do componente.*/
|
|
32
|
+
--snk-pesquisa__scrollbar--color-background: var(--scrollbar--background, #E5EAF0);
|
|
33
|
+
/*@doc Define a cor do hover na barra de rolagem do componente.*/
|
|
34
|
+
--snk-pesquisa__scrollbar--color-hover: var(--scrollbar--hover, #2B3A54);
|
|
35
|
+
/*@doc Define a cor do active na barra de rolagem do componente.*/
|
|
36
|
+
--snk-pesquisa__scrollbar--color-clicked: var(--scrollbar--clicked, #a2abb9);
|
|
37
|
+
/*@doc Define o raio da borda da barra de rolagem do componente.*/
|
|
38
|
+
--snk-pesquisa__scrollbar--border-radius: var(--border--radius-small, 6px);
|
|
39
|
+
/*@doc Define a largura da barra de rolagem do componente.*/
|
|
40
|
+
--snk-pesquisa__scrollbar--width: var(--space--medium, 12px);
|
|
41
|
+
|
|
38
42
|
max-height: 100%;
|
|
39
43
|
height: 100%;
|
|
40
44
|
display: flex;
|
|
@@ -71,30 +75,40 @@
|
|
|
71
75
|
scrollbar-width: thin;
|
|
72
76
|
|
|
73
77
|
/*public*/
|
|
74
|
-
scrollbar-color: var(--snk-
|
|
78
|
+
scrollbar-color: var(--snk-pesquisa__scrollbar--color-clicked) var(--snk-pesquisa__scrollbar--color-background);
|
|
75
79
|
padding-right: var(--snk-pesquisa__content--padding-right);
|
|
76
80
|
}
|
|
77
81
|
|
|
78
|
-
.snk-pesquisa__content::-webkit-scrollbar
|
|
79
|
-
|
|
82
|
+
.snk-pesquisa__content::-webkit-scrollbar {
|
|
83
|
+
/*public*/
|
|
84
|
+
background-color: var(--snk-pesquisa__scrollbar--color-background);
|
|
85
|
+
width: var(--snk-pesquisa__scrollbar--width);
|
|
86
|
+
max-width: var(--snk-pesquisa__scrollbar--width);
|
|
87
|
+
min-width: var(--snk-pesquisa__scrollbar--width);
|
|
88
|
+
}
|
|
80
89
|
|
|
90
|
+
.snk-pesquisa__content::-webkit-scrollbar-track {
|
|
81
91
|
/*public*/
|
|
82
|
-
|
|
92
|
+
background-color: var(--snk-pesquisa__scrollbar--color-background);
|
|
93
|
+
border-radius: var(--snk-pesquisa__scrollbar--border-radius);
|
|
83
94
|
}
|
|
84
95
|
|
|
85
96
|
.snk-pesquisa__content::-webkit-scrollbar-thumb {
|
|
86
97
|
/*public*/
|
|
87
|
-
background-color: var(--snk-
|
|
88
|
-
border-radius: var(--snk-
|
|
98
|
+
background-color: var(--snk-pesquisa__scrollbar--color-default);
|
|
99
|
+
border-radius: var(--snk-pesquisa__scrollbar--border-radius);
|
|
89
100
|
}
|
|
90
101
|
|
|
91
|
-
.snk-pesquisa__content::-webkit-scrollbar
|
|
92
|
-
|
|
102
|
+
.snk-pesquisa__content::-webkit-scrollbar-thumb:vertical:hover,
|
|
103
|
+
.snk-pesquisa__content::-webkit-scrollbar-thumb:horizontal:hover {
|
|
104
|
+
/*public*/
|
|
105
|
+
background-color: var(--snk-pesquisa__scrollbar--color-hover);
|
|
106
|
+
}
|
|
93
107
|
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
108
|
+
.snk-pesquisa__content::-webkit-scrollbar-thumb:vertical:active,
|
|
109
|
+
.snk-pesquisa__content::-webkit-scrollbar-thumb:horizontal:active {
|
|
110
|
+
/*public*/
|
|
111
|
+
background-color: var(--snk-pesquisa__scrollbar--color-clicked);
|
|
98
112
|
}
|
|
99
113
|
|
|
100
114
|
.snk-pesquisa__records {
|
|
@@ -3,7 +3,7 @@ import { ApplicationContext } from '@sankhyalabs/core';
|
|
|
3
3
|
import { V as VIEW_MODE } from './constants.js';
|
|
4
4
|
import { A as AuthorizationConfig } from './AuthorizationConfig.js';
|
|
5
5
|
|
|
6
|
-
const snkConfiguratorCss = ".sc-snk-configurator-h{--snk-configurator__button-close--padding-left:var(--space--medium, 12px);--snk-configurator__title--color:var(--title--primary, #2B3A54);--snk-configurator__title--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__title--font-size:var(--title--large, 20px);--snk-configurator__title--font-weight:var(--text-weight--extra-large, 700);--snk-configurator__subtitle--color:var(--title--primary, #2B3A54);--snk-configurator__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__subtitle--font-size:var(--text--medium, 14px);--snk-configurator__subtitle--font-weight:var(--text-weight--large, 600);--snk-configurator__scrollbar--
|
|
6
|
+
const snkConfiguratorCss = ".sc-snk-configurator-h{--snk-configurator__button-close--padding-left:var(--space--medium, 12px);--snk-configurator__title--color:var(--title--primary, #2B3A54);--snk-configurator__title--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__title--font-size:var(--title--large, 20px);--snk-configurator__title--font-weight:var(--text-weight--extra-large, 700);--snk-configurator__subtitle--color:var(--title--primary, #2B3A54);--snk-configurator__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__subtitle--font-size:var(--text--medium, 14px);--snk-configurator__subtitle--font-weight:var(--text-weight--large, 600);--snk-configurator__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-configurator__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-configurator__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-configurator__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-configurator__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-configurator__scrollbar--width:var(--space--medium, 12px)}.snk-configurator.sc-snk-configurator{display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.snk-configurator.sc-snk-configurator{width:359px;max-width:359px}}.snk-configurator__button-config.sc-snk-configurator{--ez-button--min-width:100%}.snk-configurator__header.sc-snk-configurator{display:flex;justify-content:space-between;align-items:center;width:100%}.snk-configurator__title.sc-snk-configurator{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-configurator__title--color);font-size:var(--snk-configurator__title--font-size);font-family:var(--snk-configurator__title--font-family);font-weight:var(--snk-configurator__title--font-weight)}.snk-configurator__subtitle.sc-snk-configurator{display:flex;margin:0;padding-top:var(--space--medium);padding-bottom:var(--space--small);color:var(--snk-configurator__subtitle--color);font-size:var(--snk-configurator__subtitle--font-size);font-family:var(--snk-configurator__subtitle--font-family);font-weight:var(--snk-configurator__subtitle--font-weight)}.snk-configurator__button-close.sc-snk-configurator{padding-left:var(--snk-configurator__button-close--padding-left)}.snk-configurator__main.sc-snk-configurator{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-configurator__scrollbar--color-clicked) var(--snk-configurator__scrollbar--color-background)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar{background-color:var(--snk-configurator__scrollbar--color-background);width:var(--snk-configurator__scrollbar--width);max-width:var(--snk-configurator__scrollbar--width);min-width:var(--snk-configurator__scrollbar--width)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-track{background-color:var(--snk-configurator__scrollbar--color-background);border-radius:var(--snk-configurator__scrollbar--border-radius)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb{background-color:var(--snk-configurator__scrollbar--color-default);border-radius:var(--snk-configurator__scrollbar--border-radius)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:vertical:hover,.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-configurator__scrollbar--color-hover)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:vertical:active,.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-configurator__scrollbar--color-clicked)}";
|
|
7
7
|
|
|
8
8
|
const GRID_MODE = VIEW_MODE.grid;
|
|
9
9
|
const FORM_MODE = VIEW_MODE.form;
|
|
@@ -52,7 +52,7 @@ const SnkFilterBinarySelect$1 = /*@__PURE__*/ proxyCustomElement(class extends H
|
|
|
52
52
|
return undefined;
|
|
53
53
|
}
|
|
54
54
|
const [optOne, optTwo] = this.config.props.options;
|
|
55
|
-
return (h(Host, null, h("ez-check", { label: optOne.label, class: "sc-snk-filter-bar editor__ez-check", ref: (ref) => this._checkOne = ref, value: this.isSelected(optOne.name) }), h("ez-check", { label: optTwo.label, class: "sc-snk-filter-bar editor__ez-check", ref: (ref) => this._checkTwo = ref, value: this.isSelected(optTwo.name) })));
|
|
55
|
+
return (h(Host, null, h("ez-check", { id: `${this.config.id}_${optOne.name || "option1"}`, label: optOne.label, class: "sc-snk-filter-bar editor__ez-check", ref: (ref) => this._checkOne = ref, value: this.isSelected(optOne.name) }), h("ez-check", { id: `${this.config.id}_${optTwo.name || "option2"}`, label: optTwo.label, class: "sc-snk-filter-bar editor__ez-check", ref: (ref) => this._checkTwo = ref, value: this.isSelected(optTwo.name) })));
|
|
56
56
|
}
|
|
57
57
|
get _element() { return this; }
|
|
58
58
|
}, [0, "snk-filter-binary-select", {
|
|
@@ -28,7 +28,7 @@ const SnkFilterMultiSelect$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
|
|
|
28
28
|
if (!this.config || this.config.type !== FilterItemType.MULTI_SELECT) {
|
|
29
29
|
return undefined;
|
|
30
30
|
}
|
|
31
|
-
return (h("ez-combo-box", { ref: ref => this._comboElement = ref, label: this.config.label, value: this.config.value, options: this.config.props.options }));
|
|
31
|
+
return (h("ez-combo-box", { id: this.config.id, ref: ref => this._comboElement = ref, label: this.config.label, value: this.config.value, options: this.config.props.options }));
|
|
32
32
|
}
|
|
33
33
|
get _element() { return this; }
|
|
34
34
|
}, [0, "snk-filter-multi-select", {
|
|
@@ -29,7 +29,7 @@ const SnkFilterPeriod = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
|
|
|
29
29
|
if (!this.config || this.config.type !== FilterItemType.NUMBER) {
|
|
30
30
|
return undefined;
|
|
31
31
|
}
|
|
32
|
-
return (h("ez-number-input", { ref: ref => this._numberElement = ref, label: this.config.label, value: this.config.value, precision: (_a = this.config.props) === null || _a === void 0 ? void 0 : _a.precision }));
|
|
32
|
+
return (h("ez-number-input", { id: this.config.id, ref: ref => this._numberElement = ref, label: this.config.label, value: this.config.value, precision: (_a = this.config.props) === null || _a === void 0 ? void 0 : _a.precision }));
|
|
33
33
|
}
|
|
34
34
|
get _element() { return this; }
|
|
35
35
|
}, [0, "snk-filter-number", {
|
|
@@ -42,7 +42,7 @@ const SnkFilterPeriod$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
|
|
|
42
42
|
if (!this.config || this.config.type !== FilterItemType.PERIOD) {
|
|
43
43
|
return undefined;
|
|
44
44
|
}
|
|
45
|
-
return (h("div", { class: "ez-col ez-col--nowrap" }, h("ez-date-input", { label: this.config.label, ref: ref => this._startDate = ref, value: this.getDate("start") }), h("label", { class: "ez-text ez-text--medium ez-text--primary ez-margin--medium" }, "at\u00E9"), h("ez-date-input", { label: this.config.label, ref: ref => this._endDate = ref, value: this.getDate("end") })));
|
|
45
|
+
return (h("div", { class: "ez-col ez-col--nowrap" }, h("ez-date-input", { id: `${this.config.id}_start`, label: this.config.label, ref: ref => this._startDate = ref, value: this.getDate("start") }), h("label", { class: "ez-text ez-text--medium ez-text--primary ez-margin--medium" }, "at\u00E9"), h("ez-date-input", { id: `${this.config.id}_end`, label: this.config.label, ref: ref => this._endDate = ref, value: this.getDate("end") })));
|
|
46
46
|
}
|
|
47
47
|
get _element() { return this; }
|
|
48
48
|
}, [0, "snk-filter-period", {
|
|
@@ -39,7 +39,7 @@ const SnkFilterSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
|
|
|
39
39
|
if (!this.config || this.config.type !== FilterItemType.SEARCH) {
|
|
40
40
|
return undefined;
|
|
41
41
|
}
|
|
42
|
-
return (h("ez-search", { suppressEmptyOption: true, value: this.config.value, label: this.config.label, ref: ref => this._searchInput = ref, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument) }));
|
|
42
|
+
return (h("ez-search", { id: this.config.id, suppressEmptyOption: true, value: this.config.value, label: this.config.label, ref: ref => this._searchInput = ref, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument) }));
|
|
43
43
|
}
|
|
44
44
|
get _element() { return this; }
|
|
45
45
|
}, [0, "snk-filter-search", {
|
|
@@ -21,7 +21,7 @@ const SnkFilterText$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
|
|
|
21
21
|
if (!this.config) {
|
|
22
22
|
return undefined;
|
|
23
23
|
}
|
|
24
|
-
return (h("ez-text-input", { ref: ref => this._textInputElement = ref, label: this.config.label, value: this.config.value }));
|
|
24
|
+
return (h("ez-text-input", { id: this.config.id, ref: ref => this._textInputElement = ref, label: this.config.label, value: this.config.value }));
|
|
25
25
|
}
|
|
26
26
|
get _element() { return this; }
|
|
27
27
|
}, [0, "snk-filter-text", {
|
|
@@ -5,7 +5,7 @@ import { C as ConfigStorage } from './ConfigStorage.js';
|
|
|
5
5
|
import { O as ORDER_VALUES } from './constants.js';
|
|
6
6
|
import { d as defineCustomElement$1 } from './snk-select-box2.js';
|
|
7
7
|
|
|
8
|
-
const snkGridConfigCss = ".sc-snk-grid-config-h{--snk-grid-config__footer--padding-top:var(--space--medium, 12px);--snk-grid-config__main--padding-right:var(--space--medium, 12px);--snk-grid-config__tabselector-container--padding:var(--space--medium, 12px);--snk-grid-config__button-close--padding-left:var(--space--medium, 12px);--snk-grid-config__title--color:var(--title--primary, #2B3A54);--snk-grid-config__title--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__title--font-size:var(--title--large, 20px);--snk-grid-config__title--font-weight:var(--text-weight--extra-large, 700);--snk-grid-config__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__subtitle--font-size:var(--text--medium, 14px);--snk-grid-
|
|
8
|
+
const snkGridConfigCss = ".sc-snk-grid-config-h{--snk-grid-config__footer--padding-top:var(--space--medium, 12px);--snk-grid-config__main--padding-right:var(--space--medium, 12px);--snk-grid-config__tabselector-container--padding:var(--space--medium, 12px);--snk-grid-config__button-close--padding-left:var(--space--medium, 12px);--snk-grid-config__title--color:var(--title--primary, #2B3A54);--snk-grid-config__title--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__title--font-size:var(--title--large, 20px);--snk-grid-config__title--font-weight:var(--text-weight--extra-large, 700);--snk-grid-config__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__subtitle--font-size:var(--text--medium, 14px);--snk-grid-config__group--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__group--font-size:var(--text--medium, 14px);--snk-grid-config__group--font-weight:var(--text-weight--large, 600);--snk-grid-config__group--padding-bottom:var(--space-small, 6px);--snk-grid-config__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-grid-config__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-grid-config__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-grid-config__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-grid-config__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-grid-config__scrollbar--width:var(--space--medium, 12px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-snk-grid-config-h{width:359px;max-width:359px}}.padding-right--medium.sc-snk-grid-config{padding-right:var(--space--medium)}ez-list.sc-snk-grid-config{height:100%}.height-calc.sc-snk-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-snk-grid-config{display:flex;justify-content:flex-end;width:100%;padding-top:var(--snk-grid-config__footer--padding-top)}.hidden.sc-snk-grid-config{display:none}.tabselector-container.sc-snk-grid-config{padding:var(--snk-grid-config__tabselector-container--padding) 0}.button-close.sc-snk-grid-config{padding-left:var(--snk-grid-config__button-close--padding-left)}.title-container.sc-snk-grid-config{display:flex;justify-content:space-between;align-items:center;width:100%}.title.sc-snk-grid-config{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-grid-config__title--color);font-size:var(--snk-grid-config__title--font-size);font-family:var(--snk-grid-config__title--font-family);font-weight:var(--snk-grid-config__title--font-weight)}.subtitle.sc-snk-grid-config{color:var(--text--primary);font-size:var(--snk-grid-config__subtitle--font-size);font-family:var(--snk-grid-config__subtitle--font-family)}.grid-config__main.sc-snk-grid-config{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-grid-config__scrollbar--color-clicked) var(--snk-grid-config__scrollbar--color-background);padding-right:var(--snk-grid-config__main--padding-right)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar{width:var(--snk-grid-config__scrollbar--width);max-width:var(--snk-grid-config__scrollbar--width);min-width:var(--snk-grid-config__scrollbar--width);background-color:var(--snk-grid-config__scrollbar--color-background)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-track{background-color:var(--snk-grid-config__scrollbar--color-background);border-radius:var(--snk-grid-config__scrollbar--border-radius)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb{background-color:var(--snk-grid-config__scrollbar--color-default);border-radius:var(--snk-grid-config__scrollbar--border-radius)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:vertical:hover,.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-grid-config__scrollbar--color-hover)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:vertical:active,.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-grid-config__scrollbar--color-clicked)}.group-name.sc-snk-grid-config{font-family:var(--snk-grid-config__group--font-family);font-size:var(--snk-grid-config__group--font-size);font-weight:var(--snk-grid-config__group--font-weight);padding-bottom:var(--snk-grid-config__group--padding-bottom)}";
|
|
9
9
|
|
|
10
10
|
const EzGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
11
11
|
constructor() {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
import { ObjectUtils, StringUtils, ElementIDUtils } from '@sankhyalabs/core';
|
|
3
3
|
|
|
4
|
-
const snkPesquisaCss = ".sc-snk-pesquisa-h{--snk-pesquisa--font-size:var(--text--medium, 14px);--snk-pesquisa--font-family:var(--font-pattern, Arial);--snk-pesquisa--font-weight:var(--text-weight--medium, 400);--snk-pesquisa__records--color:var(--text--primary, #626e82);--snk-pesquisa__records--padding-vertical:var(--space--medium, 12px);--snk-pesquisa__content--padding-right:var(--space--small, 6px);--snk-
|
|
4
|
+
const snkPesquisaCss = ".sc-snk-pesquisa-h{--snk-pesquisa--font-size:var(--text--medium, 14px);--snk-pesquisa--font-family:var(--font-pattern, Arial);--snk-pesquisa--font-weight:var(--text-weight--medium, 400);--snk-pesquisa__records--color:var(--text--primary, #626e82);--snk-pesquisa__records--padding-vertical:var(--space--medium, 12px);--snk-pesquisa__content--padding-right:var(--space--small, 6px);--snk-pesquisa__btn--color:var(--title--primary, #2B3A54);--snk-pesquisa__btn-disabled--color:var(--text--disable, #AFB6C0);--snk-pesquisa__btn-hover--color:var(--color--primary, #4e4e4e);--snk-pesquisa__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-pesquisa__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-pesquisa__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-pesquisa__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-pesquisa__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-pesquisa__scrollbar--width:var(--space--medium, 12px);max-height:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto}.snk-pesquisa.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%}.snk-pesquisa__input.sc-snk-pesquisa{display:flex;width:100%;box-sizing:border-box;padding-top:4px;padding-right:4px}.snk-pesquisa__input.sc-snk-pesquisa ez-icon.sc-snk-pesquisa{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.snk-pesquisa__content.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-pesquisa__scrollbar--color-clicked) var(--snk-pesquisa__scrollbar--color-background);padding-right:var(--snk-pesquisa__content--padding-right)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar{background-color:var(--snk-pesquisa__scrollbar--color-background);width:var(--snk-pesquisa__scrollbar--width);max-width:var(--snk-pesquisa__scrollbar--width);min-width:var(--snk-pesquisa__scrollbar--width)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-track{background-color:var(--snk-pesquisa__scrollbar--color-background);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb{background-color:var(--snk-pesquisa__scrollbar--color-default);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:hover,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-pesquisa__scrollbar--color-hover)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:active,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-pesquisa__scrollbar--color-clicked)}.snk-pesquisa__records.sc-snk-pesquisa{font-family:var(--snk-pesquisa--font-family);font-weight:var(--snk-pesquisa--font-weight);font-size:var(--snk-pesquisa--font-size);color:var(--snk-pesquisa__records--color);padding-bottom:var(--snk-pesquisa__records--padding-vertical);padding-top:var(--snk-pesquisa__records--padding-vertical)}.snk-pesquisa__btn.sc-snk-pesquisa{outline:none;border:none;background:none;cursor:pointer;color:var(--snk-pesquisa__btn--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled:hover{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:hover{color:var(--snk-pesquisa__btn-hover--color)}";
|
|
5
5
|
|
|
6
6
|
const SnkPesquisa = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
7
7
|
constructor() {
|