@everymatrix/helper-filters 1.77.25 → 1.77.27
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.
|
@@ -9151,7 +9151,7 @@ function cleanEscapedString(input) {
|
|
|
9151
9151
|
return matched[1].replace(doubleQuoteRegExp, "'");
|
|
9152
9152
|
}
|
|
9153
9153
|
|
|
9154
|
-
const helperFiltersCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.FilterButtonsWrapper{display:flex;justify-content:flex-end;gap:5px}.FilterButtonsWrapper .FilterOpen{cursor:pointer;border-radius:var(--emw--button-border-radius, 4px);padding:8px 15px;width:max-content;
|
|
9154
|
+
const helperFiltersCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.FilterButtonsWrapper{display:flex;justify-content:flex-end;gap:5px}.FilterButtonsWrapper .FilterOpen{cursor:pointer;border-radius:var(--emw--button-border-radius, 4px);padding:8px 15px;width:max-content;background:var(--emw--color-primary, #009993);color:var(--emw--color-typography-inverse, #fff);font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0}.FilterButtonsWrapper .FilterOpen:hover{background:var(--emw--color-primary, #009993);color:var(--emw--color-typography-inverse, #fff)}.FilterButtonsWrapper .FilterClear{cursor:pointer;border-radius:var(--emw--button-border-radius, 4px);padding:8px 15px;width:max-content;border:1px solid var(--emw--color-primary, #009993);background:var(--emw--color-typography-inverse, #fff);color:var(--emw--color-typography, #000);font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0}.FilterButtonsWrapper .FilterClear:hover{background:var(--emw--color-primary, #009993);color:var(--emw--color-typography-inverse, #fff)}.FilterModalHeader,.FilterModalBody,.FilterModalFooter{display:flex;flex-direction:column;gap:5px;align-items:center;margin:20px 0}.FilterModalHeader .filterKey,.FilterModalBody .filterKey,.FilterModalFooter .filterKey{color:var(--emw--color-primary, #009993);text-align:left;font-size:16px}.FilterModalHeader .FilterModalTitle,.FilterModalBody .FilterModalTitle,.FilterModalFooter .FilterModalTitle{margin:0;padding:0;font-weight:700;font-size:16px;color:var(--emw--color-primary, #009993);text-transform:uppercase}.FilterModalHeader .FilterModalSearch,.FilterModalBody .FilterModalSearch,.FilterModalFooter .FilterModalSearch{border-radius:var(--emw--button-border-radius, 4px);background:var(--emw--color-gray-100, #e6e6e6);color:var(--emw--color-primary-variant, #004d4a);width:100%;height:26px;max-width:280px;padding:5px;font-size:15px;border:none;outline:var(--emw--color-primary, #009993)}.FilterModalHeader .FilterCalendarWrapper,.FilterModalBody .FilterCalendarWrapper,.FilterModalFooter .FilterCalendarWrapper{display:flex;gap:5px}.FilterModalHeader .FilterCalendarWrapper .VaadinDatePicker,.FilterModalBody .FilterCalendarWrapper .VaadinDatePicker,.FilterModalFooter .FilterCalendarWrapper .VaadinDatePicker{width:50%;max-width:143px}.FilterModalHeader .FilterModalButton,.FilterModalBody .FilterModalButton,.FilterModalFooter .FilterModalButton{cursor:pointer;border-radius:var(--emw--button-border-radius, 4px);padding:8px 60px;width:max-content;margin:5px;background:var(--emw--color-primary, #009993);color:var(--emw--color-typography-inverse, #fff);font-size:12px;transition:all 0.2s linear;text-transform:uppercase;text-align:center;letter-spacing:0}.FilterModalHeader .FilterModalButton:hover,.FilterModalBody .FilterModalButton:hover,.FilterModalFooter .FilterModalButton:hover{background:var(--emw--color-primary, #009993);color:var(--emw--color-typography-inverse, #fff)}.FilterModalHeader p,.FilterModalBody p,.FilterModalFooter p{margin:5px 0}.ticketFilterItem{margin:12px 0}.general-multi-select-container{width:var(--vaadin-field-default-width, 16em)}";
|
|
9155
9155
|
const HelperFiltersStyle0 = helperFiltersCss;
|
|
9156
9156
|
|
|
9157
9157
|
const HelperFilters = class {
|
|
@@ -9326,7 +9326,7 @@ const isMobile = (userAgent) => {
|
|
|
9326
9326
|
userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
|
|
9327
9327
|
};
|
|
9328
9328
|
|
|
9329
|
-
const helperModalCss = ":host{display:block}.HelperModalWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background:
|
|
9329
|
+
const helperModalCss = ":host{display:block}.HelperModalWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background:var(--emw--color-background, #fff);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:1}.HelperModalVisible{opacity:1;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s}.HelperModalContent{position:relative;border:solid 1px var(--emw--color-gray-300, #333);box-shadow:2px 2px 2px var(--emw--color-typography-secondary, #ccc);font-size:14px;padding:10px 10px 5px 10px;background-color:var(--emw--color-dialog-background, #fff);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:600px;max-height:600px;overflow-y:scroll}.HelperModalMobileContent{background:var(--emw--color-dialog-background, #fff);top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:80%;max-height:350px}.HelperModalClose{cursor:pointer;position:absolute;top:15px;right:15px;font-size:20px;color:var(--emw--color-dialog-typography, #000)}.HelperModalMobileClose{position:absolute;top:15px;right:15px;font-size:20px;color:var(--emw--color-dialog-typography, #000)}";
|
|
9330
9330
|
const HelperModalStyle0 = helperModalCss;
|
|
9331
9331
|
|
|
9332
9332
|
const HelperModal = class {
|
|
@@ -14,34 +14,33 @@
|
|
|
14
14
|
border-radius: var(--emw--button-border-radius, 4px);
|
|
15
15
|
padding: 8px 15px;
|
|
16
16
|
width: max-content;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
color: var(--emw--color-gray-transparency-100, rgb(255, 255, 255));
|
|
17
|
+
background: var(--emw--color-primary, #009993);
|
|
18
|
+
color: var(--emw--color-typography-inverse, #fff);
|
|
20
19
|
font-size: 12px;
|
|
21
20
|
transition: all 0.2s linear;
|
|
22
21
|
text-align: center;
|
|
23
22
|
letter-spacing: 0;
|
|
24
23
|
}
|
|
25
24
|
.FilterButtonsWrapper .FilterOpen:hover {
|
|
26
|
-
background: var(--emw--
|
|
27
|
-
color: var(--emw--color-
|
|
25
|
+
background: var(--emw--color-primary, #009993);
|
|
26
|
+
color: var(--emw--color-typography-inverse, #fff);
|
|
28
27
|
}
|
|
29
28
|
.FilterButtonsWrapper .FilterClear {
|
|
30
29
|
cursor: pointer;
|
|
31
30
|
border-radius: var(--emw--button-border-radius, 4px);
|
|
32
31
|
padding: 8px 15px;
|
|
33
32
|
width: max-content;
|
|
34
|
-
border: 1px solid var(--emw--
|
|
35
|
-
background: var(--emw--color-
|
|
36
|
-
color: var(--emw--
|
|
33
|
+
border: 1px solid var(--emw--color-primary, #009993);
|
|
34
|
+
background: var(--emw--color-typography-inverse, #fff);
|
|
35
|
+
color: var(--emw--color-typography, #000);
|
|
37
36
|
font-size: 12px;
|
|
38
37
|
transition: all 0.2s linear;
|
|
39
38
|
text-align: center;
|
|
40
39
|
letter-spacing: 0;
|
|
41
40
|
}
|
|
42
41
|
.FilterButtonsWrapper .FilterClear:hover {
|
|
43
|
-
background: var(--emw--
|
|
44
|
-
color: var(--emw--color-
|
|
42
|
+
background: var(--emw--color-primary, #009993);
|
|
43
|
+
color: var(--emw--color-typography-inverse, #fff);
|
|
45
44
|
}
|
|
46
45
|
|
|
47
46
|
.FilterModalHeader,
|
|
@@ -56,7 +55,7 @@
|
|
|
56
55
|
.FilterModalHeader .filterKey,
|
|
57
56
|
.FilterModalBody .filterKey,
|
|
58
57
|
.FilterModalFooter .filterKey {
|
|
59
|
-
color: var(--emw--color-
|
|
58
|
+
color: var(--emw--color-primary, #009993);
|
|
60
59
|
text-align: left;
|
|
61
60
|
font-size: 16px;
|
|
62
61
|
}
|
|
@@ -67,22 +66,22 @@
|
|
|
67
66
|
padding: 0;
|
|
68
67
|
font-weight: 700;
|
|
69
68
|
font-size: 16px;
|
|
70
|
-
color: var(--emw--color-
|
|
69
|
+
color: var(--emw--color-primary, #009993);
|
|
71
70
|
text-transform: uppercase;
|
|
72
71
|
}
|
|
73
72
|
.FilterModalHeader .FilterModalSearch,
|
|
74
73
|
.FilterModalBody .FilterModalSearch,
|
|
75
74
|
.FilterModalFooter .FilterModalSearch {
|
|
76
75
|
border-radius: var(--emw--button-border-radius, 4px);
|
|
77
|
-
background: var(--emw--color-gray-
|
|
78
|
-
color: var(--emw--color-
|
|
76
|
+
background: var(--emw--color-gray-100, #e6e6e6);
|
|
77
|
+
color: var(--emw--color-primary-variant, #004d4a);
|
|
79
78
|
width: 100%;
|
|
80
79
|
height: 26px;
|
|
81
80
|
max-width: 280px;
|
|
82
81
|
padding: 5px;
|
|
83
82
|
font-size: 15px;
|
|
84
83
|
border: none;
|
|
85
|
-
outline: var(--emw--color-
|
|
84
|
+
outline: var(--emw--color-primary, #009993);
|
|
86
85
|
}
|
|
87
86
|
.FilterModalHeader .FilterCalendarWrapper,
|
|
88
87
|
.FilterModalBody .FilterCalendarWrapper,
|
|
@@ -104,9 +103,8 @@
|
|
|
104
103
|
padding: 8px 60px;
|
|
105
104
|
width: max-content;
|
|
106
105
|
margin: 5px;
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
color: var(--emw--color-gray-transparency-100, rgb(255, 255, 255));
|
|
106
|
+
background: var(--emw--color-primary, #009993);
|
|
107
|
+
color: var(--emw--color-typography-inverse, #fff);
|
|
110
108
|
font-size: 12px;
|
|
111
109
|
transition: all 0.2s linear;
|
|
112
110
|
text-transform: uppercase;
|
|
@@ -116,8 +114,8 @@
|
|
|
116
114
|
.FilterModalHeader .FilterModalButton:hover,
|
|
117
115
|
.FilterModalBody .FilterModalButton:hover,
|
|
118
116
|
.FilterModalFooter .FilterModalButton:hover {
|
|
119
|
-
background: var(--emw--
|
|
120
|
-
color: var(--emw--color-
|
|
117
|
+
background: var(--emw--color-primary, #009993);
|
|
118
|
+
color: var(--emw--color-typography-inverse, #fff);
|
|
121
119
|
}
|
|
122
120
|
.FilterModalHeader p,
|
|
123
121
|
.FilterModalBody p,
|
|
@@ -9147,7 +9147,7 @@ function cleanEscapedString(input) {
|
|
|
9147
9147
|
return matched[1].replace(doubleQuoteRegExp, "'");
|
|
9148
9148
|
}
|
|
9149
9149
|
|
|
9150
|
-
const helperFiltersCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.FilterButtonsWrapper{display:flex;justify-content:flex-end;gap:5px}.FilterButtonsWrapper .FilterOpen{cursor:pointer;border-radius:var(--emw--button-border-radius, 4px);padding:8px 15px;width:max-content;
|
|
9150
|
+
const helperFiltersCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.FilterButtonsWrapper{display:flex;justify-content:flex-end;gap:5px}.FilterButtonsWrapper .FilterOpen{cursor:pointer;border-radius:var(--emw--button-border-radius, 4px);padding:8px 15px;width:max-content;background:var(--emw--color-primary, #009993);color:var(--emw--color-typography-inverse, #fff);font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0}.FilterButtonsWrapper .FilterOpen:hover{background:var(--emw--color-primary, #009993);color:var(--emw--color-typography-inverse, #fff)}.FilterButtonsWrapper .FilterClear{cursor:pointer;border-radius:var(--emw--button-border-radius, 4px);padding:8px 15px;width:max-content;border:1px solid var(--emw--color-primary, #009993);background:var(--emw--color-typography-inverse, #fff);color:var(--emw--color-typography, #000);font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0}.FilterButtonsWrapper .FilterClear:hover{background:var(--emw--color-primary, #009993);color:var(--emw--color-typography-inverse, #fff)}.FilterModalHeader,.FilterModalBody,.FilterModalFooter{display:flex;flex-direction:column;gap:5px;align-items:center;margin:20px 0}.FilterModalHeader .filterKey,.FilterModalBody .filterKey,.FilterModalFooter .filterKey{color:var(--emw--color-primary, #009993);text-align:left;font-size:16px}.FilterModalHeader .FilterModalTitle,.FilterModalBody .FilterModalTitle,.FilterModalFooter .FilterModalTitle{margin:0;padding:0;font-weight:700;font-size:16px;color:var(--emw--color-primary, #009993);text-transform:uppercase}.FilterModalHeader .FilterModalSearch,.FilterModalBody .FilterModalSearch,.FilterModalFooter .FilterModalSearch{border-radius:var(--emw--button-border-radius, 4px);background:var(--emw--color-gray-100, #e6e6e6);color:var(--emw--color-primary-variant, #004d4a);width:100%;height:26px;max-width:280px;padding:5px;font-size:15px;border:none;outline:var(--emw--color-primary, #009993)}.FilterModalHeader .FilterCalendarWrapper,.FilterModalBody .FilterCalendarWrapper,.FilterModalFooter .FilterCalendarWrapper{display:flex;gap:5px}.FilterModalHeader .FilterCalendarWrapper .VaadinDatePicker,.FilterModalBody .FilterCalendarWrapper .VaadinDatePicker,.FilterModalFooter .FilterCalendarWrapper .VaadinDatePicker{width:50%;max-width:143px}.FilterModalHeader .FilterModalButton,.FilterModalBody .FilterModalButton,.FilterModalFooter .FilterModalButton{cursor:pointer;border-radius:var(--emw--button-border-radius, 4px);padding:8px 60px;width:max-content;margin:5px;background:var(--emw--color-primary, #009993);color:var(--emw--color-typography-inverse, #fff);font-size:12px;transition:all 0.2s linear;text-transform:uppercase;text-align:center;letter-spacing:0}.FilterModalHeader .FilterModalButton:hover,.FilterModalBody .FilterModalButton:hover,.FilterModalFooter .FilterModalButton:hover{background:var(--emw--color-primary, #009993);color:var(--emw--color-typography-inverse, #fff)}.FilterModalHeader p,.FilterModalBody p,.FilterModalFooter p{margin:5px 0}.ticketFilterItem{margin:12px 0}.general-multi-select-container{width:var(--vaadin-field-default-width, 16em)}";
|
|
9151
9151
|
const HelperFiltersStyle0 = helperFiltersCss;
|
|
9152
9152
|
|
|
9153
9153
|
const HelperFilters = class {
|
|
@@ -9322,7 +9322,7 @@ const isMobile = (userAgent) => {
|
|
|
9322
9322
|
userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
|
|
9323
9323
|
};
|
|
9324
9324
|
|
|
9325
|
-
const helperModalCss = ":host{display:block}.HelperModalWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background:
|
|
9325
|
+
const helperModalCss = ":host{display:block}.HelperModalWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background:var(--emw--color-background, #fff);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:1}.HelperModalVisible{opacity:1;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s}.HelperModalContent{position:relative;border:solid 1px var(--emw--color-gray-300, #333);box-shadow:2px 2px 2px var(--emw--color-typography-secondary, #ccc);font-size:14px;padding:10px 10px 5px 10px;background-color:var(--emw--color-dialog-background, #fff);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:600px;max-height:600px;overflow-y:scroll}.HelperModalMobileContent{background:var(--emw--color-dialog-background, #fff);top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:80%;max-height:350px}.HelperModalClose{cursor:pointer;position:absolute;top:15px;right:15px;font-size:20px;color:var(--emw--color-dialog-typography, #000)}.HelperModalMobileClose{position:absolute;top:15px;right:15px;font-size:20px;color:var(--emw--color-dialog-typography, #000)}";
|
|
9326
9326
|
const HelperModalStyle0 = helperModalCss;
|
|
9327
9327
|
|
|
9328
9328
|
const HelperModal = class {
|