@watermarkinsights/ripple 3.34.0-0 → 3.34.0-2
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/{global-989f0867.js → global-6e125775.js} +73 -80
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/priv-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/ripple.cjs.js +1 -1
- package/dist/cjs/wm-button.cjs.entry.js +1 -1
- package/dist/cjs/wm-file.cjs.entry.js +2 -2
- package/dist/cjs/wm-network-uploader.cjs.entry.js +1 -1
- package/dist/cjs/wm-tab-item_3.cjs.entry.js +1 -1
- package/dist/cjs/wm-uploader.cjs.entry.js +1 -1
- package/dist/collection/components/wm-button/wm-button.css +9 -2
- package/dist/collection/components/wm-datepicker/priv-datepicker/priv-datepicker.css +1 -0
- package/dist/collection/components/wm-file/wm-file.css +5 -5
- package/dist/collection/components/wm-file/wm-file.js +1 -1
- package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css +2 -1
- package/dist/collection/components/wm-uploader/wm-network-uploader/wm-network-uploader.css +13 -6
- package/dist/collection/components/wm-uploader/wm-uploader.css +9 -2
- package/dist/collection/global/themes/default.js +72 -79
- package/dist/esm/{global-8fc091cf.js → global-47ed0396.js} +73 -80
- package/dist/esm/loader.js +1 -1
- package/dist/esm/polyfills/core-js.js +0 -0
- package/dist/esm/polyfills/dom.js +0 -0
- package/dist/esm/polyfills/es5-html-element.js +0 -0
- package/dist/esm/polyfills/index.js +0 -0
- package/dist/esm/polyfills/system.js +0 -0
- package/dist/esm/priv-datepicker.entry.js +1 -1
- package/dist/esm/ripple.js +1 -1
- package/dist/esm/wm-button.entry.js +1 -1
- package/dist/esm/wm-file.entry.js +2 -2
- package/dist/esm/wm-network-uploader.entry.js +1 -1
- package/dist/esm/wm-tab-item_3.entry.js +1 -1
- package/dist/esm/wm-uploader.entry.js +1 -1
- package/dist/esm-es5/global-47ed0396.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/priv-datepicker.entry.js +1 -1
- package/dist/esm-es5/ripple.js +1 -1
- package/dist/esm-es5/wm-button.entry.js +1 -1
- package/dist/esm-es5/wm-file.entry.js +1 -1
- package/dist/esm-es5/wm-network-uploader.entry.js +1 -1
- package/dist/esm-es5/wm-tab-item_3.entry.js +1 -1
- package/dist/esm-es5/wm-uploader.entry.js +1 -1
- package/dist/ripple/{p-8f748c8a.system.js → p-0a9753cc.system.js} +1 -1
- package/dist/ripple/{p-e92c4891.entry.js → p-0c262c4b.entry.js} +1 -1
- package/dist/ripple/p-384202ba.entry.js +1 -0
- package/dist/ripple/p-3b6ffbb0.system.entry.js +1 -0
- package/dist/ripple/p-3d5120ea.system.js +1 -0
- package/dist/ripple/p-451e7097.system.entry.js +1 -0
- package/dist/ripple/p-647352c6.entry.js +1 -0
- package/dist/ripple/{p-c2218ffb.entry.js → p-6d5c90a6.entry.js} +1 -1
- package/dist/ripple/p-81fb546e.system.entry.js +1 -0
- package/dist/ripple/{p-f1ba5b25.entry.js → p-8895781b.entry.js} +1 -1
- package/dist/ripple/p-9c15b087.system.entry.js +1 -0
- package/dist/ripple/p-ac009c1f.entry.js +1 -0
- package/dist/ripple/p-cf59029b.system.entry.js +1 -0
- package/dist/ripple/p-da075cf6.js +1 -0
- package/dist/ripple/p-de26d84b.system.entry.js +1 -0
- package/dist/ripple/ripple.esm.js +1 -1
- package/dist/ripple/ripple.js +1 -1
- package/package.json +1 -1
- package/dist/esm-es5/global-8fc091cf.js +0 -1
- package/dist/ripple/p-1289550a.system.entry.js +0 -1
- package/dist/ripple/p-6695b480.entry.js +0 -1
- package/dist/ripple/p-74dfb1f3.system.entry.js +0 -1
- package/dist/ripple/p-7b0d5e69.js +0 -1
- package/dist/ripple/p-840d006a.system.entry.js +0 -1
- package/dist/ripple/p-89497eef.system.entry.js +0 -1
- package/dist/ripple/p-89a2eb68.system.entry.js +0 -1
- package/dist/ripple/p-a58d4533.entry.js +0 -1
- package/dist/ripple/p-b494e1db.system.js +0 -1
- package/dist/ripple/p-c0a738f3.system.entry.js +0 -1
- package/dist/ripple/p-fa1d2fc0.entry.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const version = "3.34.0-
|
|
3
|
+
const version = "3.34.0-2";
|
|
4
4
|
|
|
5
5
|
function injectDefaultTheme() {
|
|
6
6
|
const style = `
|
|
@@ -23,6 +23,7 @@ function injectDefaultTheme() {
|
|
|
23
23
|
--wmcolor-forest-dark: #054d00;
|
|
24
24
|
--wmcolor-forest-light: #daecd9;
|
|
25
25
|
--wmcolor-gray: #6b6b6b;
|
|
26
|
+
--wmcolor-gray-light: #A6A6A6;
|
|
26
27
|
--wmcolor-lavender: #8B86CA;
|
|
27
28
|
--wmcolor-meteorite: #454b57;
|
|
28
29
|
--wmcolor-midnight: #2e1b46;
|
|
@@ -43,7 +44,6 @@ function injectDefaultTheme() {
|
|
|
43
44
|
--wmcolor-white: #fff;
|
|
44
45
|
--wmcolor-whitesmoke: #f4f4f4;
|
|
45
46
|
|
|
46
|
-
--color-accent-icon: var(--wmcolor-gray);
|
|
47
47
|
--color-background-dark-secondary: var(--wmcolor-meteorite);
|
|
48
48
|
--color-background-dark: var(--wmcolor-asphalt);
|
|
49
49
|
--color-background-disabled: var(--wmcolor-whitesmoke);
|
|
@@ -55,21 +55,20 @@ function injectDefaultTheme() {
|
|
|
55
55
|
--color-background-transparent: var(--wmcolor-transparent);
|
|
56
56
|
--color-background: var(--wmcolor-white);
|
|
57
57
|
--color-border-dark: var(--wmcolor-charcoal);
|
|
58
|
+
--color-border-error: var(--color-negative);
|
|
58
59
|
--color-border-focus: var(--wmcolor-cyan);
|
|
59
60
|
--color-border-light: color-mix(in srgb, var(--wmcolor-midnight) 5%, transparent);
|
|
60
61
|
--color-border: var(--wmcolor-palelilacgray-dark);
|
|
61
62
|
--color-brand-dark: var(--wmcolor-midnight);
|
|
62
63
|
--color-brand: var(--wmcolor-periwinkle);
|
|
63
64
|
--color-card-background: var(--wmcolor-white);
|
|
64
|
-
--color-
|
|
65
|
-
--color-
|
|
66
|
-
--color-
|
|
67
|
-
--color-
|
|
68
|
-
--color-
|
|
69
|
-
--color-interactive-
|
|
70
|
-
--color-interactive-
|
|
71
|
-
--color-interactive-disabled-ondark: var(--color-disabled-ondark);
|
|
72
|
-
--color-interactive-disabled: var(--color-disabled);
|
|
65
|
+
--color-icon-accent: var(--wmcolor-gray);
|
|
66
|
+
--color-interactive-background-focus: var(--wmcolor-palelilacgray);
|
|
67
|
+
--color-interactive-background-hover: var(--wmcolor-whitesmoke);
|
|
68
|
+
--color-interactive-delete-hover: var(--wmcolor-firetruck-dark);
|
|
69
|
+
--color-interactive-delete: var(--wmcolor-firetruck);
|
|
70
|
+
--color-interactive-disabled-ondark: var(--wmcolor-gray-light);
|
|
71
|
+
--color-interactive-disabled: var(--wmcolor-gray);
|
|
73
72
|
--color-interactive-focus-ondark: var(--wmcolor-violet-light);
|
|
74
73
|
--color-interactive-focus-textonly-ondark: var(--wmcolor-white);
|
|
75
74
|
--color-interactive-focus-textonly: var(--wmcolor-mom-jeans-bright);
|
|
@@ -81,30 +80,33 @@ function injectDefaultTheme() {
|
|
|
81
80
|
--color-interactive-ondark: var(--wmcolor-white);
|
|
82
81
|
--color-interactive-positive-hover: var(--wmcolor-cyan-darker);
|
|
83
82
|
--color-interactive-positive: var(--wmcolor-cyan-dark);
|
|
83
|
+
--color-interactive-text-disabled-ondark: var(--wmcolor-asphalt);
|
|
84
84
|
--color-interactive-text-ondark: var(--color-brand);
|
|
85
85
|
--color-interactive-text-selected: var(--color-interactive-text);
|
|
86
86
|
--color-interactive-text: var(--wmcolor-white);
|
|
87
87
|
--color-interactive: var(--color-brand);
|
|
88
88
|
--color-link-text: var(--color-interactive);
|
|
89
|
+
--color-negative: var(--wmcolor-firetruck);
|
|
90
|
+
--color-option-background-focus: var(--wmcolor-palelilacgray);
|
|
89
91
|
--color-option-background-hover: var(--color-interactive-background-hover);
|
|
90
92
|
--color-option-background: var(--color-background);
|
|
91
93
|
--color-option-border: var(--color-border-light);
|
|
92
|
-
--color-option-text-disabled: var(--color-
|
|
94
|
+
--color-option-text-disabled: var(--color-interactive-disabled);
|
|
93
95
|
--color-option-text: var(--color-text);
|
|
94
96
|
--color-overlay: rgba(25,25,25,0.4);
|
|
95
97
|
--color-positive-dark: var(--wmcolor-forest-dark);
|
|
96
98
|
--color-positive: var(--wmcolor-forest);
|
|
97
|
-
--color-
|
|
99
|
+
--color-progress: var(--wmcolor-cyan-dark);
|
|
100
|
+
--color-table-altrow-background: var(--wmcolor-snow);
|
|
98
101
|
--color-table-header-background: var(--wmcolor-palelilacgray);
|
|
99
102
|
--color-table-row-background-selected: var(--color-background-highlight);
|
|
100
103
|
--color-table-row-background: var(--wmcolor-white);
|
|
101
104
|
--color-table-row-border-selected: var(--color-border-focus);
|
|
102
|
-
--color-text-
|
|
103
|
-
--color-text-error: var(--color-error);
|
|
105
|
+
--color-text-error: var(--color-negative);
|
|
104
106
|
--color-text-negative: var(--wmcolor-firetruck);
|
|
105
107
|
--color-text-ondark: var(--wmcolor-white);
|
|
106
108
|
--color-text-positive: var(--color-positive);
|
|
107
|
-
--color-text-required: var(--color-
|
|
109
|
+
--color-text-required: var(--color-negative);
|
|
108
110
|
--color-text: var(--wmcolor-charcoal);
|
|
109
111
|
}
|
|
110
112
|
|
|
@@ -119,12 +121,22 @@ function injectDefaultTheme() {
|
|
|
119
121
|
--color-actionmenu-text: var(--color-interactive);
|
|
120
122
|
--color-button-background-delete-disabled-ondark: var(--color-interactive-disabled-ondark);
|
|
121
123
|
--color-button-background-delete-disabled: var(--color-interactive-disabled);
|
|
124
|
+
--color-button-background-delete-hover: var(--color-interactive-delete-hover);
|
|
125
|
+
--color-button-background-delete: var(--color-interactive-delete);
|
|
122
126
|
--color-button-background-icononly-hover-ondark: var(--color-interactive-ondark);
|
|
123
|
-
--color-button-background-icononly-hover: var(--color-interactive);
|
|
127
|
+
--color-button-background-icononly-hover: var(--color-interactive-hover);
|
|
128
|
+
--color-button-background-icononly-ondark: var(--color-background-transparent);
|
|
129
|
+
--color-button-background-icononly: var(--color-background-transparent);
|
|
124
130
|
--color-button-background-navigational-hover-ondark: var(--color-interactive-ondark);
|
|
125
131
|
--color-button-background-navigational-hover: var(--color-interactive-hover-ondark);
|
|
132
|
+
--color-button-background-navigational-ondark: var(--color-background-transparent);
|
|
133
|
+
--color-button-background-navigational: var(--color-background-transparent);
|
|
126
134
|
--color-button-background-negative-disabled: var(--color-interactive-disabled);
|
|
135
|
+
--color-button-background-negative-hover: var(--color-interactive-negative-hover);
|
|
136
|
+
--color-button-background-negative: var(--color-interactive-negative);
|
|
127
137
|
--color-button-background-positive-disabled: var(--color-interactive-disabled);
|
|
138
|
+
--color-button-background-positive-hover: var(--color-interactive-positive-hover);
|
|
139
|
+
--color-button-background-positive: var(--color-interactive-positive);
|
|
128
140
|
--color-button-background-primary-disabled-ondark: var(--color-interactive-disabled-ondark);
|
|
129
141
|
--color-button-background-primary-disabled: var(--color-interactive-disabled);
|
|
130
142
|
--color-button-background-primary-hover-ondark: var(--color-interactive-hover-ondark);
|
|
@@ -132,9 +144,13 @@ function injectDefaultTheme() {
|
|
|
132
144
|
--color-button-background-primary-ondark: var(--color-interactive-ondark);
|
|
133
145
|
--color-button-background-primary: var(--color-interactive);
|
|
134
146
|
--color-button-background-secondary-hover-ondark: var(--color-interactive-hover-ondark);
|
|
135
|
-
--color-button-background-secondary-hover: var(--color-interactive);
|
|
147
|
+
--color-button-background-secondary-hover: var(--color-interactive-hover);
|
|
148
|
+
--color-button-background-secondary-ondark: var(--color-background-transparent);
|
|
149
|
+
--color-button-background-secondary: var(--color-background-transparent);
|
|
136
150
|
--color-button-background-selector-hover-ondark: var(--color-interactive-hover-ondark);
|
|
137
|
-
--color-button-background-selector-hover: var(--color-interactive);
|
|
151
|
+
--color-button-background-selector-hover: var(--color-interactive-hover);
|
|
152
|
+
--color-button-background-selector-ondark: var(--color-background-transparent);
|
|
153
|
+
--color-button-background-selector: var(--color-background-transparent);
|
|
138
154
|
--color-button-background-selectorprimary-disabled-ondark: var(--color-interactive-disabled-ondark);
|
|
139
155
|
--color-button-background-selectorprimary-disabled: var(--color-interactive-disabled);
|
|
140
156
|
--color-button-background-selectorprimary-hover-ondark: var(--color-interactive-hover-ondark);
|
|
@@ -159,6 +175,7 @@ function injectDefaultTheme() {
|
|
|
159
175
|
--color-button-icon-icononly-hover: var(--color-interactive-ondark);
|
|
160
176
|
--color-button-icon-icononly-ondark: var(--color-interactive-ondark);
|
|
161
177
|
--color-button-icon-icononly: var(--color-interactive);
|
|
178
|
+
--color-button-text-delete-disabled-ondark: var(--color-interactive-text-disabled-ondark);
|
|
162
179
|
--color-button-text-delete-disabled: var(--color-interactive-text);
|
|
163
180
|
--color-button-text-delete: var(--color-interactive-text);
|
|
164
181
|
--color-button-text-navigational-disabled-ondark: var(--color-interactive-disabled-ondark);
|
|
@@ -171,6 +188,7 @@ function injectDefaultTheme() {
|
|
|
171
188
|
--color-button-text-negative: var(--color-interactive-text);
|
|
172
189
|
--color-button-text-positive-disabled: var(--color-interactive-text);
|
|
173
190
|
--color-button-text-positive: var(--color-interactive-text);
|
|
191
|
+
--color-button-text-primary-disabled-ondark: var(--color-interactive-text-disabled-ondark);
|
|
174
192
|
--color-button-text-primary-disabled: var(--color-interactive-text);
|
|
175
193
|
--color-button-text-primary-ondark: var(--color-interactive-text-ondark);
|
|
176
194
|
--color-button-text-primary: var(--color-interactive-text);
|
|
@@ -186,6 +204,7 @@ function injectDefaultTheme() {
|
|
|
186
204
|
--color-button-text-selector-hover: var(--color-interactive-ondark);
|
|
187
205
|
--color-button-text-selector-ondark: var(--color-interactive-ondark);
|
|
188
206
|
--color-button-text-selector: var(--color-interactive);
|
|
207
|
+
--color-button-text-selectorprimary-disabled-ondark: var(--color-interactive-text-disabled-ondark);
|
|
189
208
|
--color-button-text-selectorprimary-disabled: var(--color-interactive-text);
|
|
190
209
|
--color-button-text-selectorprimary-ondark: var(--color-interactive-text-ondark);
|
|
191
210
|
--color-button-text-selectorprimary: var(--color-interactive-text);
|
|
@@ -198,6 +217,7 @@ function injectDefaultTheme() {
|
|
|
198
217
|
--color-chart-label-text-positive: var(--color-text-positive);
|
|
199
218
|
--color-chart-label-text: var(--color-text);
|
|
200
219
|
--color-chart-popover-background: var(--color-background);
|
|
220
|
+
--color-chart-popover-link-background: var(--color-background-transparent);
|
|
201
221
|
--color-chart-popover-link-text-focus: var(--color-interactive-focus-textonly);
|
|
202
222
|
--color-chart-popover-link-text: var(--color-button-text-textonly);
|
|
203
223
|
--color-chart-subinfo-text: var(--color-text);
|
|
@@ -205,7 +225,7 @@ function injectDefaultTheme() {
|
|
|
205
225
|
--color-datepicker-background: var(--color-background);
|
|
206
226
|
--color-datepicker-day-background-hover: var(--color-interactive-background-hover);
|
|
207
227
|
--color-datepicker-day-background-selected: var(--color-interactive);
|
|
208
|
-
--color-datepicker-day-text-outside: var(--color-
|
|
228
|
+
--color-datepicker-day-text-outside: var(--color-interactive-disabled);
|
|
209
229
|
--color-datepicker-day-text-selected: var(--color-interactive-text-selected);
|
|
210
230
|
--color-datepicker-day-text: var(--color-text);
|
|
211
231
|
--color-datepicker-input-background-disabled: var(--color-input-background-disabled);
|
|
@@ -216,7 +236,7 @@ function injectDefaultTheme() {
|
|
|
216
236
|
--color-datepicker-month-background-hover: var(--color-interactive-background-hover);
|
|
217
237
|
--color-datepicker-month-background-selected: var(--color-interactive);
|
|
218
238
|
--color-datepicker-month-background: var(--color-text);
|
|
219
|
-
--color-datepicker-month-border: var(--color-border);
|
|
239
|
+
--color-datepicker-month-border: var(--color-border-light);
|
|
220
240
|
--color-datepicker-month-text-selected: var(--color-text-ondark);
|
|
221
241
|
--color-datepicker-month-text: var(--color-interactive);
|
|
222
242
|
--color-datepicker-navigation-background-hover: var(--color-button-background-navigational-hover);
|
|
@@ -226,23 +246,37 @@ function injectDefaultTheme() {
|
|
|
226
246
|
--color-datepicker-selector-border: var(--color-button-border-secondary);
|
|
227
247
|
--color-datepicker-selector-text: var(--color-button-text-secondary);
|
|
228
248
|
--color-datepicker-toggle-background-disabled: var(--color-input-background-disabled);
|
|
249
|
+
--color-datepicker-toggle-background-hover: var(--color-interactive-background-hover);
|
|
229
250
|
--color-datepicker-toggle-background: var(--color-input-background);
|
|
230
251
|
--color-datepicker-toggle-icon-disabled: var(--color-interactive-disabled);
|
|
231
252
|
--color-datepicker-toggle-icon: var(--color-interactive);
|
|
232
253
|
--color-datepicker-weekdays-background: var(--color-table-header-background);
|
|
233
254
|
--color-datepicker-weekdays-text: var(--color-text);
|
|
234
|
-
--color-
|
|
235
|
-
--color-
|
|
236
|
-
--color-
|
|
255
|
+
--color-file-background-error: var(--color-background-error);
|
|
256
|
+
--color-file-background: var(--color-background-readonly);
|
|
257
|
+
--color-file-border-error: var(--color-border-error);
|
|
258
|
+
--color-file-border: var(--color-border);
|
|
259
|
+
--color-file-checkmark-icon: var(--color-positive);
|
|
260
|
+
--color-file-progress: var(--color-progress);
|
|
261
|
+
--color-input-background-disabled: var(--color-background-disabled);
|
|
262
|
+
--color-input-background: var(--color-background-transparent);
|
|
263
|
+
--color-input-border-disabled: var(--color-interactive-disabled);
|
|
264
|
+
--color-input-border-error: var(--color-border-error);
|
|
265
|
+
--color-input-border-focus: var(--color-border-focus);
|
|
266
|
+
--color-input-border: var(--color-border-dark);
|
|
267
|
+
--color-input-charcount-background: var(--color-background-readonly);
|
|
268
|
+
--color-input-text-disabled: var(--color-interactive-disabled);
|
|
237
269
|
--color-input-text: var(--color-text);
|
|
270
|
+
--color-input-unit-background: var(--color-background-readonly);
|
|
238
271
|
--color-linechart-delta-text-negative: var(--color-text-negative);
|
|
239
272
|
--color-linechart-delta-text-positive: var(--color-text-positive);
|
|
240
273
|
--color-linechart-gridline: var(--color-chart-gridline);
|
|
241
|
-
--color-linechart-highlight-background: var(--color-
|
|
274
|
+
--color-linechart-highlight-background: var(--color-background-highlight);
|
|
242
275
|
--color-linechart-popover-background: var(--color-chart-popover-background);
|
|
243
276
|
--color-modal-background: var(--color-background);
|
|
244
277
|
--color-modal-border: var(--color-border);
|
|
245
278
|
--color-modal-heading: var(--color-text);
|
|
279
|
+
--color-modal-overlay: var(--color-overlay);
|
|
246
280
|
--color-navigation-background-hover: var(--color-interactive-background-hover);
|
|
247
281
|
--color-navigation-background-selected: var(--color-background-selected);
|
|
248
282
|
--color-navigation-background: var(--color-background);
|
|
@@ -257,7 +291,10 @@ function injectDefaultTheme() {
|
|
|
257
291
|
--color-navigator-header-background: var(--color-brand-dark);
|
|
258
292
|
--color-navigator-header-text: var(--color-text-ondark);
|
|
259
293
|
--color-navigator-item-background-focus: var(--color-interactive-background-focus);
|
|
294
|
+
--color-navigator-item-background-hover: var(--color-interactive-background-hover);
|
|
260
295
|
--color-navigator-item-background: var(--color-background);
|
|
296
|
+
--color-navigator-item-border: var(--color-border);
|
|
297
|
+
--color-navigator-item-text: var(--color-text);
|
|
261
298
|
--color-navigator-user-background: var(--color-background-readonly);
|
|
262
299
|
--color-pagination-arrow-disabled: var(--color-interactive-disabled);
|
|
263
300
|
--color-pagination-arrow: var(--color-interactive);
|
|
@@ -272,25 +309,31 @@ function injectDefaultTheme() {
|
|
|
272
309
|
--color-search-border: var(--color-input-border);
|
|
273
310
|
--color-search-jump-text-focus: var(--color-interactive-focus-textonly);
|
|
274
311
|
--color-search-jump-text: var(--color-button-text-textonly);
|
|
312
|
+
--color-select-background: var(--color-background-transparent);
|
|
275
313
|
--color-select-border: var(--color-input-border);
|
|
314
|
+
--color-select-option-background-focus: var(--color-option-background-focus);
|
|
276
315
|
--color-select-option-background-hover: var(--color-option-background-hover);
|
|
277
316
|
--color-select-option-background: var(--color-option-background);
|
|
278
317
|
--color-select-option-border: var(--color-option-border);
|
|
279
318
|
--color-select-option-text-disabled: var(--color-option-text-disabled);
|
|
280
319
|
--color-select-option-text: var(--color-option-text);
|
|
281
320
|
--color-select-search-border: var(--color-input-border);
|
|
321
|
+
--color-select-search-icon: var(--color-icon-accent);
|
|
282
322
|
--color-select-searchresults-text: var(--color-text);
|
|
283
323
|
--color-select-selectall-background: var(--color-select-option-background);
|
|
284
324
|
--color-select-selectall-border: var(--color-select-option-border);
|
|
285
325
|
--color-select-selectall-text: var(--color-interactive);
|
|
286
326
|
--color-select-text: var(--color-interactive);
|
|
327
|
+
--color-snackbar-background: var(--color-background-dark);
|
|
287
328
|
--color-snackbar-close-background-hover: var(--color-button-background-navigational-hover-ondark);
|
|
288
329
|
--color-snackbar-close-background: var(--color-button-background-navigational-ondark);
|
|
289
330
|
--color-snackbar-close-icon-hover: var(--color-button-text-navigational-hover-ondark);
|
|
290
331
|
--color-snackbar-close-icon: var(--color-button-text-navigational-ondark);
|
|
332
|
+
--color-snackbar-link-background: var(--color-background-transparent);
|
|
291
333
|
--color-snackbar-link: var(--color-interactive-ondark);
|
|
292
334
|
--color-snackbar-text: var(--color-text-ondark);
|
|
293
335
|
--color-tab-background: var(--color-background-transparent);
|
|
336
|
+
--color-tab-background-dark: var(--color-background-dark);
|
|
294
337
|
--color-tab-text-ondark: var(--color-interactive-ondark);
|
|
295
338
|
--color-tab-text: var(--color-interactive);
|
|
296
339
|
--color-taginput-altrow-background-table: var(--color-table-altrow-background);
|
|
@@ -298,7 +341,7 @@ function injectDefaultTheme() {
|
|
|
298
341
|
--color-taginput-charcount-background: var(--color-input-charcount-background);
|
|
299
342
|
--color-taginput-header-background-table: var(--color-table-header-background);
|
|
300
343
|
--color-taginput-help-text: var(--color-text);
|
|
301
|
-
--color-taginput-icon: var(--color-accent
|
|
344
|
+
--color-taginput-icon: var(--color-icon-accent);
|
|
302
345
|
--color-taginput-maxtags-background: var(--color-background-readonly);
|
|
303
346
|
--color-taginput-maxtags-border: var(--color-input-border);
|
|
304
347
|
--color-taginput-maxtags-text: var(--color-text);
|
|
@@ -312,6 +355,7 @@ function injectDefaultTheme() {
|
|
|
312
355
|
--color-taginput-row-background-table: var(--color-table-row-background);
|
|
313
356
|
--color-taginput-row-border-selected: var(--color-table-row-border-selected);
|
|
314
357
|
--color-taginput-tag-background-highlight: var(--color-background-highlight);
|
|
358
|
+
--color-taginput-tag-background-locked: var(--color-interactive-disabled);
|
|
315
359
|
--color-taginput-tag-text-locked: var(--color-text-ondark);
|
|
316
360
|
--color-taginput-tag-text: var(--color-text);
|
|
317
361
|
--color-timepicker-background: var(--color-background);
|
|
@@ -326,73 +370,22 @@ function injectDefaultTheme() {
|
|
|
326
370
|
--color-timepicker-option-border: var(--color-option-border);
|
|
327
371
|
--color-timepicker-option-text: var(--color-option-text);
|
|
328
372
|
--color-timepicker-toggle-background-disabled: var(--color-input-background-disabled);
|
|
373
|
+
--color-timepicker-toggle-background-hover: var(--color-interactive-background-hover);
|
|
329
374
|
--color-timepicker-toggle-background: var(--color-input-background);
|
|
330
375
|
--color-timepicker-toggle-icon-disabled: var(--color-interactive-disabled);
|
|
331
376
|
--color-timepicker-toggle-icon: var(--color-interactive);
|
|
377
|
+
--color-toggletip-background: var(--color-background-dark);
|
|
332
378
|
--color-toggletip-icon-background: var(--color-background-dark);
|
|
333
379
|
--color-toggletip-icon-text: var(--color-text-ondark);
|
|
334
380
|
--color-toggletip-text: var(--color-text-ondark);
|
|
335
381
|
--color-tooltip-text: var(--color-text-ondark);
|
|
336
382
|
--color-uploader-button-focus: var(--color-interactive-focus);
|
|
337
|
-
--color-modal-overlay: var(--color-overlay);
|
|
338
|
-
--color-datepicker-toggle-background-hover: var(--color-interactive-background-hover);
|
|
339
|
-
--color-timepicker-toggle-background-hover: var(--color-interactive-background-hover);
|
|
340
|
-
--color-select-search-icon: var(--color-accent-icon);
|
|
341
|
-
--color-taginput-tag-background-focus: var(--color-interactive-background-focus);
|
|
342
|
-
--color-filelist-background: var(--color-background-readonly);
|
|
343
|
-
--color-button-background-icononly-ondark: var(--color-background-transparent);
|
|
344
|
-
--color-button-background-icononly: var(--color-background-transparent);
|
|
345
|
-
--color-button-background-navigational-ondark: var(--color-background-transparent);
|
|
346
|
-
--color-button-background-navigational: var(--color-background-transparent);
|
|
347
|
-
--color-button-background-negative-hover: var(--color-interactive-negative-hover);
|
|
348
|
-
--color-button-background-negative: var(--color-interactive-negative);
|
|
349
|
-
--color-button-background-positive-hover: var(--color-interactive-positive-hover);
|
|
350
|
-
--color-button-background-positive: var(--color-interactive-positive);
|
|
351
|
-
--color-button-background-secondary-ondark: var(--color-background-transparent);
|
|
352
|
-
--color-button-background-secondary: var(--color-background-transparent);
|
|
353
|
-
--color-button-background-selector-ondark: var(--color-background-transparent);
|
|
354
|
-
--color-button-background-selector: var(--color-background-transparent);
|
|
355
|
-
--color-chart-popover-link-background: var(--color-background-transparent);
|
|
356
|
-
--color-filelist-background-error: var(--color-background-error);
|
|
357
|
-
--color-filelist-checkmark-icon: var(--color-positive);
|
|
358
|
-
--color-input-background-disabled: var(--color-background-disabled);
|
|
359
|
-
--color-input-background: var(--color-background-transparent);
|
|
360
|
-
--color-input-border-disabled: var(--color-disabled);
|
|
361
|
-
--color-input-border-focus: var(--color-border-focus);
|
|
362
|
-
--color-input-border: var(--color-border-dark);
|
|
363
|
-
--color-input-charcount-background: var(--color-background-readonly);
|
|
364
|
-
--color-input-text-disabled: var(--color-text-disabled);
|
|
365
|
-
--color-input-unit-background: var(--color-background-readonly);
|
|
366
|
-
--color-select-background: var(--color-background-transparent);
|
|
367
|
-
--color-snackbar-link-background: var(--color-background-transparent);
|
|
368
|
-
--color-tag-background-positive: var(--color-background-positive);
|
|
369
|
-
--color-tag-text-positive: var(--color-positive-dark);
|
|
370
|
-
--color-taginput-tag-background-locked: var(--color-disabled);
|
|
371
|
-
--color-toggletip-background: var(--color-background-dark);
|
|
372
|
-
|
|
373
|
-
/* TO UPDATE */
|
|
374
|
-
--color-navigator-item-border: #e0dde4; /* UPDATE to var(--color-border); */
|
|
375
|
-
--color-navigator-item-text: #404248; /* UPDATE to var(--color-text); */
|
|
376
|
-
--color-navigator-item-background-hover: #e5e5e5; /* UPDATE to var(--color-interactive-background-hover); */
|
|
377
|
-
--color-snackbar-background: var(--wmcolor-charcoal); /* UPDATE to var(--color-background-dark); */
|
|
378
|
-
|
|
379
|
-
/* WRONG ASSIGNMENTS */
|
|
380
|
-
--color-select-option-background-focus: var(--color-interactive-background-hover); /* var(--wmcolor-palelilacgray); */
|
|
381
|
-
--color-button-background-delete-hover: var(--color-error-hover); /* var(--wmcolor-firetruck-dark); */
|
|
382
|
-
--color-button-background-delete: var(--color-error); /* firetruck */
|
|
383
|
-
--color-button-text-delete-disabled-ondark: var(--color-background-dark);
|
|
384
|
-
--color-button-text-primary-disabled-ondark: var(--color-background-dark);
|
|
385
|
-
--color-button-text-selectorprimary-disabled-ondark: var(--color-background-dark);
|
|
386
|
-
--color-tag-background-negative: var(--color-background-error);
|
|
387
|
-
--color-tag-text-negative: var(--color-error-dark);
|
|
388
|
-
|
|
389
|
-
/* NOT SURE */
|
|
390
|
-
--color-chart-highlight-background: var(--color-background-highlight);
|
|
391
383
|
|
|
392
384
|
/* EXCEPTIONS */
|
|
393
385
|
--color-linechart-currentposition: var(--wmcolor-lavender);
|
|
394
386
|
--color-tooltip-background: black;
|
|
395
387
|
--color-taginput-tag-background: var(--wmcolor-palelilacgray);
|
|
388
|
+
--color-taginput-tag-background-focus: var(--wmcolor-palelilacgray-dark);
|
|
396
389
|
}
|
|
397
390
|
`;
|
|
398
391
|
const themeStyleEl = document.createElement("style");
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-670c5d2a.js');
|
|
6
6
|
const functions = require('./functions-bd2df1a9.js');
|
|
7
7
|
|
|
8
|
-
const privDatepickerCss = ".toggle{all:unset;cursor:pointer;padding:0 0.375rem;height:2.375rem;background-color:var(--color-datepicker-toggle-background);border:none;-moz-border-top-right-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px}.toggle span::after{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f0ed\";font-size:1.5rem;color:var(--color-datepicker-toggle-icon);padding:0;line-height:2.5rem}.toggle:hover{-webkit-box-shadow:none;box-shadow:none;background:var(--color-datepicker-toggle-background-hover)}.toggle:disabled{pointer-events:none;-webkit-box-shadow:none;box-shadow:none;background-color:var(--color-datepicker-toggle-background-disabled)}.toggle:disabled .calendar::after{color:var(--color-datepicker-toggle-icon-disabled)}[dir=RTL] .toggle{right:auto;left:0}.toggle:focus{outline:none}.toggle::-moz-focus-inner{border:0}.user-is-tabbing .toggle:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus)}.user-is-tabbing .toggle:focus::-moz-focus-inner{border:0}.popup{visibility:hidden;font-family:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.2);width:21rem;z-index:10;position:absolute;left:0;top:40px;min-height:21.0625rem;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:scale(1, 0);transform:scale(1, 0);background-color:var(--color-datepicker-background)}.popup.open{-webkit-transform:scale(1, 1);transform:scale(1, 1)}.popup.expand-upwards{top:auto;bottom:2.375rem;-webkit-transform-origin:center bottom;transform-origin:center bottom}.popup .calendar-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative;padding:0.9375rem 0.25rem}.popup .calendar-header .title-box{height:2.625rem;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:1px solid;font-weight:500;font-size:0.875rem;background:var(--color-datepicker-selector-background);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:0 0.375rem 0 0.75rem;border-color:var(--color-datepicker-selector-border);color:var(--color-datepicker-selector-text)}.popup .calendar-header .title-box:after{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f140\";padding-left:0.75rem;font-size:1.12rem}.popup .calendar-header .title-box.year:after{content:\"\\f143\"}.popup .calendar-header .title-box::-moz-focus-inner{border:0}.popup .calendar-header .title-box:focus{outline:none}.popup .calendar-header .arw-btn{cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;width:2.75rem;height:2.75rem;border:none;color:var(--color-datepicker-navigation-text);background:var(--color-datepicker-navigation-background);padding:0;-webkit-box-shadow:none;box-shadow:none;line-height:2.75rem}.popup .calendar-header .arw-btn .mdi{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.5rem;font-weight:normal;line-height:2.75rem}.popup .calendar-header .arw-btn:hover{background-color:var(--color-datepicker-navigation-background-hover)}.popup .calendar-header .arw-btn:focus{outline:none}.popup .calendar-header .arw-btn:active{-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}.popup .day-view{min-width:100%}.popup .day-view .date-grid{width:100%;text-align:center;border-collapse:collapse;margin-bottom:0.4375rem;color:var(--color-datepicker-day-text-outside)}.popup .day-view .date-grid .date-row:first-child .date-cell{margin-top:0.125rem}.popup .day-view .date-grid .date-header{background-color:var(--color-datepicker-weekdays-background)}.popup .day-view .date-grid .header-cell{height:2.0625rem;line-height:2.0625rem;width:2.75rem;margin:0 calc((14.28% - 44px) / 2);padding:0;display:inline-block;font-size:0.8125rem;font-weight:bold;color:var(--color-datepicker-weekdays-text);border:none}.popup .day-view .date-grid .date-cell{cursor:pointer;display:inline-block;padding:0;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;height:2.75rem;width:2.75rem;margin:0 calc((14.28% - 44px) / 2);font-size:0.875rem;font-weight:500;line-height:2.75rem}.popup .day-view .date-grid .date-cell:focus{outline:none}.popup .day-view .date-grid .date-cell:hover{background-color:var(--color-datepicker-day-background-hover)}.popup .day-view .date-grid .date-cell.current-month{color:var(--color-datepicker-day-text)}.popup .day-view .date-grid .date-cell.current-month[aria-selected=true]{background-color:var(--color-datepicker-day-background-selected);color:var(--color-datepicker-day-text-selected)}.popup .day-view .date-grid .date-cell:active{background-color:var(--color-datepicker-day-background-selected);color:var(--color-datepicker-day-text-selected)}.popup .month-view .months{border-top:2px solid;border-top-color:var(--color-datepicker-month-border);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.popup .month-view .month-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%;border-bottom:2px solid;border-bottom-color:var(--color-datepicker-month-border)}.popup .month-view .month{cursor:pointer;text-align:center;width:100%;height:4rem;line-height:4rem;font-weight:500;color:var(--color-datepicker-month-text)}.popup .month-view .month:not(:last-child){border-right:2px solid;border-right-color:var(--color-datepicker-month-border)}.popup .month-view .month:focus{outline:none}.popup .month-view .month:hover{background-color:var(--color-datepicker-month-background-hover)}.popup .month-view .month:active,.popup .month-view .month.selected{background-color:var(--color-datepicker-month-background-selected);color:var(--color-datepicker-month-text-selected)}.popup.user-is-tabbing button:focus,.popup.user-is-tabbing .title-box:focus,.popup.user-is-tabbing .date-cell:focus,.popup.user-is-tabbing .month:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);border:none;z-index:11}.popup.user-is-tabbing button:focus::-moz-focus-inner,.popup.user-is-tabbing .title-box:focus::-moz-focus-inner,.popup.user-is-tabbing .date-cell:focus::-moz-focus-inner,.popup.user-is-tabbing .month:focus::-moz-focus-inner{border:0}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}";
|
|
8
|
+
const privDatepickerCss = ".toggle{all:unset;cursor:pointer;padding:0 0.375rem;height:2.375rem;background-color:var(--color-datepicker-toggle-background);border:none;-moz-border-top-right-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px}.toggle span::after{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f0ed\";font-size:1.5rem;color:var(--color-datepicker-toggle-icon);padding:0;line-height:2.5rem}.toggle:hover{-webkit-box-shadow:none;box-shadow:none;background:var(--color-datepicker-toggle-background-hover)}.toggle:disabled{pointer-events:none;-webkit-box-shadow:none;box-shadow:none;background-color:var(--color-datepicker-toggle-background-disabled)}.toggle:disabled .calendar::after{color:var(--color-datepicker-toggle-icon-disabled)}[dir=RTL] .toggle{right:auto;left:0}.toggle:focus{outline:none}.toggle::-moz-focus-inner{border:0}.user-is-tabbing .toggle:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus)}.user-is-tabbing .toggle:focus::-moz-focus-inner{border:0}.popup{visibility:hidden;font-family:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.2);width:21rem;z-index:10;position:absolute;left:0;top:40px;min-height:21.0625rem;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:scale(1, 0);transform:scale(1, 0);background-color:var(--color-datepicker-background)}.popup.open{-webkit-transform:scale(1, 1);transform:scale(1, 1)}.popup.expand-upwards{top:auto;bottom:2.375rem;-webkit-transform-origin:center bottom;transform-origin:center bottom}.popup .calendar-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative;padding:0.9375rem 0.25rem}.popup .calendar-header .title-box{height:2.625rem;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:1px solid;font-weight:500;font-size:0.875rem;background:var(--color-datepicker-selector-background);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:0 0.375rem 0 0.75rem;border-color:var(--color-datepicker-selector-border);color:var(--color-datepicker-selector-text)}.popup .calendar-header .title-box:after{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f140\";padding-left:0.75rem;font-size:1.12rem}.popup .calendar-header .title-box.year:after{content:\"\\f143\"}.popup .calendar-header .title-box::-moz-focus-inner{border:0}.popup .calendar-header .title-box:focus{outline:none}.popup .calendar-header .arw-btn{cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;width:2.75rem;height:2.75rem;border:none;color:var(--color-datepicker-navigation-text);background:var(--color-datepicker-navigation-background);padding:0;-webkit-box-shadow:none;box-shadow:none;line-height:2.75rem}.popup .calendar-header .arw-btn .mdi{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.5rem;font-weight:normal;line-height:2.75rem}.popup .calendar-header .arw-btn:hover{background-color:var(--color-datepicker-navigation-background-hover)}.popup .calendar-header .arw-btn:focus{outline:none}.popup .calendar-header .arw-btn:active{-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}.popup .day-view{min-width:100%}.popup .day-view .date-grid{width:100%;text-align:center;border-collapse:collapse;margin-bottom:0.4375rem;color:var(--color-datepicker-day-text-outside)}.popup .day-view .date-grid .date-row:first-child .date-cell{margin-top:0.125rem}.popup .day-view .date-grid .date-header{background-color:var(--color-datepicker-weekdays-background)}.popup .day-view .date-grid .header-cell{height:2.0625rem;line-height:2.0625rem;width:2.75rem;margin:0 calc((14.28% - 44px) / 2);padding:0;display:inline-block;font-size:0.8125rem;font-weight:bold;color:var(--color-datepicker-weekdays-text);border:none}.popup .day-view .date-grid .date-cell{cursor:pointer;display:inline-block;padding:0;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;height:2.75rem;width:2.75rem;margin:0 calc((14.28% - 44px) / 2);font-size:0.875rem;font-weight:500;line-height:2.75rem}.popup .day-view .date-grid .date-cell:focus{outline:none}.popup .day-view .date-grid .date-cell:hover{background-color:var(--color-datepicker-day-background-hover)}.popup .day-view .date-grid .date-cell.current-month{color:var(--color-datepicker-day-text)}.popup .day-view .date-grid .date-cell.current-month[aria-selected=true]{background-color:var(--color-datepicker-day-background-selected);color:var(--color-datepicker-day-text-selected)}.popup .day-view .date-grid .date-cell:active{background-color:var(--color-datepicker-day-background-selected);color:var(--color-datepicker-day-text-selected)}.popup .month-view .months{border-top:2px solid;border-top-color:var(--color-datepicker-month-border);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.popup .month-view .month-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%;border-bottom:2px solid;border-bottom-color:var(--color-datepicker-month-border)}.popup .month-view .month{cursor:pointer;text-align:center;width:100%;height:4rem;line-height:4rem;font-weight:500;color:var(--color-datepicker-month-text)}.popup .month-view .month:not(:last-child){border-right:2px solid;border-right-color:var(--color-datepicker-month-border)}.popup .month-view .month:focus{outline:none}.popup .month-view .month:hover{border-right-color:transparent;background-color:var(--color-datepicker-month-background-hover)}.popup .month-view .month:active,.popup .month-view .month.selected{background-color:var(--color-datepicker-month-background-selected);color:var(--color-datepicker-month-text-selected)}.popup.user-is-tabbing button:focus,.popup.user-is-tabbing .title-box:focus,.popup.user-is-tabbing .date-cell:focus,.popup.user-is-tabbing .month:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);border:none;z-index:11}.popup.user-is-tabbing button:focus::-moz-focus-inner,.popup.user-is-tabbing .title-box:focus::-moz-focus-inner,.popup.user-is-tabbing .date-cell:focus::-moz-focus-inner,.popup.user-is-tabbing .month:focus::-moz-focus-inner{border:0}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}";
|
|
9
9
|
|
|
10
10
|
const PrivDatepicker = class {
|
|
11
11
|
constructor(hostRef) {
|
package/dist/cjs/ripple.cjs.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-670c5d2a.js');
|
|
6
|
-
require('./global-
|
|
6
|
+
require('./global-6e125775.js');
|
|
7
7
|
|
|
8
8
|
/*
|
|
9
9
|
Stencil Client Patch Browser v3.4.1 | MIT Licensed | https://stenciljs.com
|
|
@@ -6,7 +6,7 @@ const index = require('./index-670c5d2a.js');
|
|
|
6
6
|
const interfaces = require('./interfaces-30a74c1f.js');
|
|
7
7
|
const functions = require('./functions-bd2df1a9.js');
|
|
8
8
|
|
|
9
|
-
const wmButtonCss = ":host .wm-button{-ms-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;width:100%;border:2px solid transparent;font-family:inherit;font-size:0.75rem;font-weight:700;min-height:2.75rem;padding:12px 1.3333333333em;cursor:pointer;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:0.01875rem;overflow-wrap:break-word;-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button{min-height:3.3333333333em}}:host .wm-button.nowrap{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .wm-button:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}:host .wm-button::-moz-focus-inner{border:0;outline:none}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark){-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus)}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner{border:0}:host .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus-ondark);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus-ondark);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus-ondark);outline:none}:host .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption){-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}:host .wm-button .mdi{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button:not(.-icononly):not(.-navigational) .mdi{margin-right:0.3125rem;font-size:0.875rem}:host .wm-button[dir=RTL] :not(.-icononly) .mdi{margin-left:0.3125rem;margin-right:0}:host .wm-button.-primary:not(.-textonly){background:var(--color-button-background-primary);color:var(--color-button-text-primary)}:host .wm-button.-primary:not(.-textonly):not(:focus){-webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2)}:host .wm-button.-primary:not(.-textonly):hover:not(:disabled):not(.disabled){background:var(--color-button-background-primary-hover)}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled){color:var(--color-button-text-primary-ondark);background:var(--color-button-background-primary-ondark)}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover{background:var(--color-button-background-primary-hover-ondark)}:host .wm-button.-secondary{color:var(--color-button-text-secondary);border:2px solid var(--color-button-border-secondary);background:var(--color-button-background-secondary)}:host .wm-button.-secondary:hover:not(:disabled):not(.disabled){background:var(--color-button-background-secondary-hover);color:var(--color-button-text-secondary-hover)}:host .wm-button.-secondary.dark:not(:disabled):not(.disabled){color:var(--color-button-text-secondary-ondark);background:var(--color-button-background-secondary-ondark);border-color:var(--color-button-border-secondary-ondark)}:host .wm-button.-secondary.dark:not(:disabled):not(.disabled):hover{color:var(--color-button-text-secondary-hover-ondark);background:var(--color-button-background-secondary-hover-ondark);border-color:var(--color-button-background-secondary-hover-ondark)}:host .wm-button.-textonly{color:var(--color-button-text-textonly);-webkit-box-shadow:none;box-shadow:none;display:inline-block;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;border:none;background:transparent;padding:0;height:auto;min-height:unset;border-radius:0;line-height:1;overflow-wrap:anywhere}:host .wm-button.-textonly+.-textonly{margin-left:0.3125rem}:host .wm-button.-textonly:focus{outline:none}:host .wm-button.-textonly::-moz-focus-inner{border:0;outline:none}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, var(--color-interactive-focus-textonly)), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, var(--color-interactive-focus-textonly) 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, var(--color-interactive-focus-textonly-ondark)), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, var(--color-interactive-focus-textonly-ondark) 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.small{font-size:0.625rem}:host .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete){text-decoration:underline}:host .wm-button.-textonly.dark{color:var(--color-button-text-textonly-ondark)}:host .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled){text-decoration:underline}:host .wm-button.-textonly.-permanentlydelete{color:var(--color-button-background-delete)}:host .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled):not(.dark){text-decoration:underline}:host .wm-button.-icononly,:host .wm-button.-navigational{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}:host .wm-button.-icononly:not(:focus),:host .wm-button.-navigational:not(:focus){-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button.-icononly,:host .wm-button.-navigational{min-width:2.5rem;min-height:2.5rem}}:host .wm-button.-icononly .mdi,:host .wm-button.-navigational .mdi{font-size:1.12rem}:host .wm-button.-icononly{border-width:1px !important;color:var(--color-button-icon-icononly);border-color:var(--color-button-border-icononly);background-color:var(--color-button-background-icononly)}:host .wm-button.-icononly:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button.-icononly:hover:not(:disabled):not(.disabled){background:var(--color-button-background-icononly-hover);color:var(--color-button-icon-icononly-hover)}:host .wm-button.-icononly.dark:not(:disabled):not(.disabled){color:var(--color-button-icon-icononly-ondark);background:var(--color-button-background-icononly-ondark);border-color:var(--color-button-border-icononly-ondark)}:host .wm-button.-icononly.dark:not(:disabled):not(.disabled):hover{color:var(--color-button-icon-icononly-hover-ondark);background:var(--color-button-background-icononly-hover-ondark)}:host .wm-button.-navigational{border:none !important;background-color:var(--color-button-background-navigational)}:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled){color:var(--color-button-text-navigational)}:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled):hover,:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled).selected{background-color:var(--color-button-background-navigational-hover)}:host .wm-button.-navigational:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button.-navigational.dark:not(:disabled):not(.disabled){color:var(--color-button-text-navigational-ondark);background:var(--color-button-background-navigational-ondark)}:host .wm-button.-navigational.dark:not(:disabled):not(.disabled):hover{color:var(--color-button-text-navigational-hover-ondark);background:var(--color-button-background-navigational-hover-ondark)}:host .wm-button.-permanentlydelete:not(.-textonly){background:var(--color-button-background-delete);border-color:var(--color-button-background-delete);color:var(--color-button-text-delete)}:host .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled):not(.dark){background:var(--color-button-background-delete-hover);border-color:var(--color-button-background-delete-hover)}:host .wm-button.-permanentlydelete:not(.-textonly).dark:not(:disabled):not(.disabled){background:var(--color-button-background-delete);border-color:var(--color-button-background-delete);color:var(--color-button-text-delete)}:host .wm-button.-permanentlydelete:not(.-textonly).dark:not(:disabled):not(.disabled):hover{background:var(--color-button-background-delete-hover);border-color:var(--color-button-background-delete-hover)}:host .wm-button.-pairnegative{background:var(--color-button-background-negative);border-color:var(--color-button-background-negative);color:var(--color-button-text-negative)}:host .wm-button.-pairnegative:hover:not(:disabled):not(.disabled){background:var(--color-button-background-negative-hover);border-color:var(--color-button-background-negative-hover)}:host .wm-button.-pairpositive{background:var(--color-button-background-positive);border-color:var(--color-button-background-positive);color:var(--color-button-text-positive)}:host .wm-button.-pairpositive:hover:not(:disabled):not(.disabled){background:var(--color-button-background-positive-hover);border-color:var(--color-button-background-positive-hover)}:host .wm-button.-selector,:host .wm-button.-selector-primary{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:block;border-radius:3px;height:2.75rem;min-width:11.4375rem;padding:0 1.875rem 0 0.9375rem;line-height:normal;font-family:inherit;font-weight:700;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.01875rem;text-align:left}@media screen and (min-width: 48rem){:host .wm-button.-selector,:host .wm-button.-selector-primary{height:2.5rem}}:host .wm-button.-selector:before,:host .wm-button.-selector-primary:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f140\";position:absolute;right:0.5625rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:1.12rem;font-weight:700;pointer-events:none}:host .wm-button.-selector:active,:host .wm-button.-selector-primary:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}:host .wm-button.-selector::-moz-focus-inner,:host .wm-button.-selector-primary::-moz-focus-inner{border:0}:host .wm-button.-selector .overflowcontrol,:host .wm-button.-selector-primary .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:visible}:host .wm-button.-selector{background:var(--color-button-background-selector);color:var(--color-button-text-selector);border-color:var(--color-button-border-selector)}:host .wm-button.-selector:hover:not(:disabled):not(.disabled){background:var(--color-button-background-selector-hover);color:var(--color-button-text-selector-hover)}:host .wm-button.-selector.dark:not(:disabled):not(.disabled){color:var(--color-button-text-selector-ondark);border-color:var(--color-button-border-selector-ondark);background:var(--color-button-background-selector-ondark)}:host .wm-button.-selector.dark:not(:disabled):not(.disabled):hover{color:var(--color-button-text-selector-hover-ondark);background:var(--color-button-background-selector-hover-ondark);border-color:var(--color-button-background-selector-hover-ondark)}:host .wm-button.-selector-primary{background:var(--color-button-background-selectorprimary);color:var(--color-button-text-selectorprimary)}:host .wm-button.-selector-primary:hover:not(:disabled):not(.disabled){background:var(--color-button-background-selectorprimary-hover)}:host .wm-button.-selector-primary.dark:not(:disabled):not(.disabled){color:var(--color-button-text-selectorprimary-ondark);background:var(--color-button-background-selectorprimary-ondark)}:host .wm-button.-selector-primary.dark:not(:disabled):not(.disabled):hover{color:var(--color-button-text-selectorprimary-hover-ondark);background:var(--color-button-background-selectorprimary-hover-ondark)}:host .wm-button:disabled,:host .wm-button.disabled{cursor:default;pointer-events:none}:host .wm-button:disabled.-secondary:not(.-permanentlydelete),:host .wm-button.disabled.-secondary:not(.-permanentlydelete){-webkit-box-shadow:none;box-shadow:none;border-color:var(--color-button-border-secondary-disabled);color:var(--color-button-text-secondary-disabled)}:host .wm-button:disabled.-primary,:host .wm-button.disabled.-primary{background:var(--color-button-background-primary-disabled);color:var(--color-button-text-primary-disabled)}:host .wm-button:disabled.-permanentlydelete,:host .wm-button.disabled.-permanentlydelete{background:var(--color-button-background-delete-disabled);color:var(--color-button-text-delete-disabled);border-color:var(--color-button-background-delete-disabled)}:host .wm-button:disabled.-pairnegative,:host .wm-button.disabled.-pairnegative{background:var(--color-button-background-negative-disabled);border-color:var(--color-button-background-negative-disabled);color:var(--color-button-text-negative-disabled)}:host .wm-button:disabled.-pairpositive,:host .wm-button.disabled.-pairpositive{background:var(--color-button-background-positive-disabled);border-color:var(--color-button-background-positive-disabled);color:var(--color-button-text-positive-disabled)}:host .wm-button:disabled.-selector,:host .wm-button.disabled.-selector{color:var(--color-button-text-selector-disabled);border-color:var(--color-button-border-selector-disabled)}:host .wm-button:disabled.-selector-primary,:host .wm-button.disabled.-selector-primary{background:var(--color-button-background-selectorprimary-disabled);color:var(--color-button-text-selectorprimary-disabled)}:host .wm-button:disabled.-navigational,:host .wm-button.disabled.-navigational{color:var(--color-button-text-navigational-disabled)}:host .wm-button:disabled.-icononly,:host .wm-button.disabled.-icononly{color:var(--color-button-icon-icononly-disabled);border-color:var(--color-button-border-icononly-disabled)}:host .wm-button:disabled.-textonly,:host .wm-button.disabled.-textonly{color:var(--color-button-text-textonly-disabled);background:transparent}:host .wm-button:disabled.dark.-icononly,:host .wm-button.disabled.dark.-icononly{background:transparent;color:var(--color-button-icon-icononly-disabled-ondark);border-color:var(--color-button-border-icononly-disabled-ondark)}:host .wm-button:disabled.dark.-navigational,:host .wm-button.disabled.dark.-navigational{color:var(--color-button-text-navigational-disabled-ondark)}:host .wm-button:disabled.dark.-textonly,:host .wm-button.disabled.dark.-textonly{color:var(--color-button-text-textonly-disabled-ondark)}:host .wm-button:disabled.dark.-primary,:host .wm-button.disabled.dark.-primary{color:var(--color-button-text-primary-disabled-ondark);background:var(--color-button-background-primary-disabled-ondark)}:host .wm-button:disabled.dark.-secondary,:host .wm-button.disabled.dark.-secondary{background:transparent;color:var(--color-button-text-secondary-disabled-ondark);border-color:var(--color-button-border-secondary-disabled-ondark)}:host .wm-button:disabled.dark.-selector,:host .wm-button.disabled.dark.-selector{color:var(--color-button-text-selector-disabled-ondark);border-color:var(--color-button-border-selector-disabled-ondark);background:var(--color-button-background-selector-disabled-ondark)}:host .wm-button:disabled.dark.-selector-primary,:host .wm-button.disabled.dark.-selector-primary{color:var(--color-button-text-selectorprimary-disabled-ondark);background:var(--color-button-background-selectorprimary-disabled-ondark)}:host .wm-button:disabled.dark.-permanentlydelete:not(.-textonly),:host .wm-button.disabled.dark.-permanentlydelete:not(.-textonly){background:var(--color-button-background-delete-disabled-ondark);color:var(--color-button-text-delete-disabled-ondark)}:host a.wm-button,:host label.wm-button{height:auto;padding-top:0.75rem;padding-bottom:0.75rem}:host([disabled]),:host(.button-disabled){pointer-events:none}:host([disabled=false]){pointer-events:initial}:host{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;position:relative;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host(.-textonly){min-width:0}";
|
|
9
|
+
const wmButtonCss = ":host .wm-button{-ms-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;width:100%;border:2px solid transparent;font-family:inherit;font-size:0.75rem;font-weight:700;min-height:2.75rem;padding:12px 1.3333333333em;cursor:pointer;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:0.01875rem;overflow-wrap:break-word;-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button{min-height:3.3333333333em}}:host .wm-button.nowrap{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .wm-button:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}:host .wm-button::-moz-focus-inner{border:0;outline:none}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark){-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus)}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner{border:0}:host .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus-ondark);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus-ondark);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus-ondark);outline:none}:host .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption){-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}:host .wm-button .mdi{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button:not(.-icononly):not(.-navigational) .mdi{margin-right:0.3125rem;font-size:0.875rem}:host .wm-button[dir=RTL] :not(.-icononly) .mdi{margin-left:0.3125rem;margin-right:0}:host .wm-button.-primary:not(.-textonly){background:var(--color-button-background-primary);color:var(--color-button-text-primary)}:host .wm-button.-primary:not(.-textonly):not(:focus){-webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2)}:host .wm-button.-primary:not(.-textonly):hover:not(:disabled):not(.disabled){background:var(--color-button-background-primary-hover)}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled){color:var(--color-button-text-primary-ondark);background:var(--color-button-background-primary-ondark)}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover{background:var(--color-button-background-primary-hover-ondark)}:host .wm-button.-secondary{color:var(--color-button-text-secondary);border:2px solid var(--color-button-border-secondary);background:var(--color-button-background-secondary)}:host .wm-button.-secondary:hover:not(:disabled):not(.disabled){background:var(--color-button-background-secondary-hover);color:var(--color-button-text-secondary-hover);border-color:transparent}:host .wm-button.-secondary.dark:not(:disabled):not(.disabled){color:var(--color-button-text-secondary-ondark);background:var(--color-button-background-secondary-ondark);border-color:var(--color-button-border-secondary-ondark)}:host .wm-button.-secondary.dark:not(:disabled):not(.disabled):hover{color:var(--color-button-text-secondary-hover-ondark);background:var(--color-button-background-secondary-hover-ondark);border-color:transparent}:host .wm-button.-textonly{color:var(--color-button-text-textonly);-webkit-box-shadow:none;box-shadow:none;display:inline-block;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;border:none;background:transparent;padding:0;height:auto;min-height:unset;border-radius:0;line-height:1;overflow-wrap:anywhere}:host .wm-button.-textonly+.-textonly{margin-left:0.3125rem}:host .wm-button.-textonly:focus{outline:none}:host .wm-button.-textonly::-moz-focus-inner{border:0;outline:none}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, var(--color-interactive-focus-textonly)), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, var(--color-interactive-focus-textonly) 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, var(--color-interactive-focus-textonly-ondark)), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, var(--color-interactive-focus-textonly-ondark) 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.small{font-size:0.625rem}:host .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete){text-decoration:underline}:host .wm-button.-textonly.dark{color:var(--color-button-text-textonly-ondark)}:host .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled){text-decoration:underline}:host .wm-button.-textonly.-permanentlydelete{color:var(--color-button-background-delete)}:host .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled):not(.dark){text-decoration:underline}:host .wm-button.-textonly.-permanentlydelete.dark:not(:disabled):not(.disabled){color:var(--color-button-text-textonly-ondark)}:host .wm-button.-icononly,:host .wm-button.-navigational{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}:host .wm-button.-icononly:not(:focus),:host .wm-button.-navigational:not(:focus){-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button.-icononly,:host .wm-button.-navigational{min-width:2.5rem;min-height:2.5rem}}:host .wm-button.-icononly .mdi,:host .wm-button.-navigational .mdi{font-size:1.12rem}:host .wm-button.-icononly{border-width:1px !important;color:var(--color-button-icon-icononly);border-color:var(--color-button-border-icononly);background-color:var(--color-button-background-icononly)}:host .wm-button.-icononly:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button.-icononly:hover:not(:disabled):not(.disabled){background:var(--color-button-background-icononly-hover);color:var(--color-button-icon-icononly-hover);border-color:transparent}:host .wm-button.-icononly.dark:not(:disabled):not(.disabled){color:var(--color-button-icon-icononly-ondark);background:var(--color-button-background-icononly-ondark);border-color:var(--color-button-border-icononly-ondark)}:host .wm-button.-icononly.dark:not(:disabled):not(.disabled):hover{color:var(--color-button-icon-icononly-hover-ondark);background:var(--color-button-background-icononly-hover-ondark);border-color:transparent}:host .wm-button.-navigational{border:none !important;background-color:var(--color-button-background-navigational)}:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled){color:var(--color-button-text-navigational)}:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled):hover,:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled).selected{background-color:var(--color-button-background-navigational-hover)}:host .wm-button.-navigational:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button.-navigational.dark:not(:disabled):not(.disabled){color:var(--color-button-text-navigational-ondark);background:var(--color-button-background-navigational-ondark)}:host .wm-button.-navigational.dark:not(:disabled):not(.disabled):hover{color:var(--color-button-text-navigational-hover-ondark);background:var(--color-button-background-navigational-hover-ondark)}:host .wm-button.-permanentlydelete:not(.-textonly){background:var(--color-button-background-delete);border-color:var(--color-button-background-delete);color:var(--color-button-text-delete)}:host .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled):not(.dark){background:var(--color-button-background-delete-hover);border-color:var(--color-button-background-delete-hover)}:host .wm-button.-permanentlydelete:not(.-textonly).dark:not(:disabled):not(.disabled){background:var(--color-button-background-delete);border-color:var(--color-button-background-delete);color:var(--color-button-text-delete)}:host .wm-button.-permanentlydelete:not(.-textonly).dark:not(:disabled):not(.disabled):hover{background:var(--color-button-background-delete-hover);border-color:var(--color-button-background-delete-hover)}:host .wm-button.-pairnegative{background:var(--color-button-background-negative);border-color:var(--color-button-background-negative);color:var(--color-button-text-negative)}:host .wm-button.-pairnegative:hover:not(:disabled):not(.disabled){background:var(--color-button-background-negative-hover);border-color:var(--color-button-background-negative-hover)}:host .wm-button.-pairpositive{background:var(--color-button-background-positive);border-color:var(--color-button-background-positive);color:var(--color-button-text-positive)}:host .wm-button.-pairpositive:hover:not(:disabled):not(.disabled){background:var(--color-button-background-positive-hover);border-color:var(--color-button-background-positive-hover)}:host .wm-button.-selector,:host .wm-button.-selector-primary{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:block;border-radius:3px;height:2.75rem;min-width:11.4375rem;padding:0 1.875rem 0 0.9375rem;line-height:normal;font-family:inherit;font-weight:700;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.01875rem;text-align:left}@media screen and (min-width: 48rem){:host .wm-button.-selector,:host .wm-button.-selector-primary{height:2.5rem}}:host .wm-button.-selector:before,:host .wm-button.-selector-primary:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f140\";position:absolute;right:0.5625rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:1.12rem;font-weight:700;pointer-events:none}:host .wm-button.-selector:active,:host .wm-button.-selector-primary:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}:host .wm-button.-selector::-moz-focus-inner,:host .wm-button.-selector-primary::-moz-focus-inner{border:0}:host .wm-button.-selector .overflowcontrol,:host .wm-button.-selector-primary .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:visible}:host .wm-button.-selector{background:var(--color-button-background-selector);color:var(--color-button-text-selector);border-color:var(--color-button-border-selector)}:host .wm-button.-selector:hover:not(:disabled):not(.disabled){background:var(--color-button-background-selector-hover);color:var(--color-button-text-selector-hover);border-color:transparent}:host .wm-button.-selector.dark:not(:disabled):not(.disabled){color:var(--color-button-text-selector-ondark);border-color:var(--color-button-border-selector-ondark);background:var(--color-button-background-selector-ondark)}:host .wm-button.-selector.dark:not(:disabled):not(.disabled):hover{color:var(--color-button-text-selector-hover-ondark);background:var(--color-button-background-selector-hover-ondark);border-color:transparent}:host .wm-button.-selector-primary{background:var(--color-button-background-selectorprimary);color:var(--color-button-text-selectorprimary)}:host .wm-button.-selector-primary:hover:not(:disabled):not(.disabled){background:var(--color-button-background-selectorprimary-hover)}:host .wm-button.-selector-primary.dark:not(:disabled):not(.disabled){color:var(--color-button-text-selectorprimary-ondark);background:var(--color-button-background-selectorprimary-ondark)}:host .wm-button.-selector-primary.dark:not(:disabled):not(.disabled):hover{color:var(--color-button-text-selectorprimary-hover-ondark);background:var(--color-button-background-selectorprimary-hover-ondark)}:host .wm-button:disabled,:host .wm-button.disabled{cursor:default;pointer-events:none}:host .wm-button:disabled.-secondary:not(.-permanentlydelete),:host .wm-button.disabled.-secondary:not(.-permanentlydelete){-webkit-box-shadow:none;box-shadow:none;border-color:var(--color-button-border-secondary-disabled);color:var(--color-button-text-secondary-disabled)}:host .wm-button:disabled.-primary,:host .wm-button.disabled.-primary{background:var(--color-button-background-primary-disabled);color:var(--color-button-text-primary-disabled)}:host .wm-button:disabled.-permanentlydelete,:host .wm-button.disabled.-permanentlydelete{background:var(--color-button-background-delete-disabled);color:var(--color-button-text-delete-disabled);border-color:var(--color-button-background-delete-disabled)}:host .wm-button:disabled.-pairnegative,:host .wm-button.disabled.-pairnegative{background:var(--color-button-background-negative-disabled);border-color:var(--color-button-background-negative-disabled);color:var(--color-button-text-negative-disabled)}:host .wm-button:disabled.-pairpositive,:host .wm-button.disabled.-pairpositive{background:var(--color-button-background-positive-disabled);border-color:var(--color-button-background-positive-disabled);color:var(--color-button-text-positive-disabled)}:host .wm-button:disabled.-selector,:host .wm-button.disabled.-selector{color:var(--color-button-text-selector-disabled);border-color:var(--color-button-border-selector-disabled)}:host .wm-button:disabled.-selector-primary,:host .wm-button.disabled.-selector-primary{background:var(--color-button-background-selectorprimary-disabled);color:var(--color-button-text-selectorprimary-disabled)}:host .wm-button:disabled.-navigational,:host .wm-button.disabled.-navigational{color:var(--color-button-text-navigational-disabled)}:host .wm-button:disabled.-icononly,:host .wm-button.disabled.-icononly{color:var(--color-button-icon-icononly-disabled);border-color:var(--color-button-border-icononly-disabled)}:host .wm-button:disabled.-textonly,:host .wm-button.disabled.-textonly{color:var(--color-button-text-textonly-disabled);background:transparent}:host .wm-button:disabled.dark.-icononly,:host .wm-button.disabled.dark.-icononly{background:transparent;color:var(--color-button-icon-icononly-disabled-ondark);border-color:var(--color-button-border-icononly-disabled-ondark)}:host .wm-button:disabled.dark.-navigational,:host .wm-button.disabled.dark.-navigational{color:var(--color-button-text-navigational-disabled-ondark)}:host .wm-button:disabled.dark.-textonly,:host .wm-button.disabled.dark.-textonly{color:var(--color-button-text-textonly-disabled-ondark)}:host .wm-button:disabled.dark.-primary,:host .wm-button.disabled.dark.-primary{color:var(--color-button-text-primary-disabled-ondark);background:var(--color-button-background-primary-disabled-ondark)}:host .wm-button:disabled.dark.-secondary,:host .wm-button.disabled.dark.-secondary{background:transparent;color:var(--color-button-text-secondary-disabled-ondark);border-color:var(--color-button-border-secondary-disabled-ondark)}:host .wm-button:disabled.dark.-selector,:host .wm-button.disabled.dark.-selector{color:var(--color-button-text-selector-disabled-ondark);border-color:var(--color-button-border-selector-disabled-ondark);background:var(--color-button-background-selector-disabled-ondark)}:host .wm-button:disabled.dark.-selector-primary,:host .wm-button.disabled.dark.-selector-primary{color:var(--color-button-text-selectorprimary-disabled-ondark);background:var(--color-button-background-selectorprimary-disabled-ondark)}:host .wm-button:disabled.dark.-permanentlydelete:not(.-textonly),:host .wm-button.disabled.dark.-permanentlydelete:not(.-textonly){background:var(--color-button-background-delete-disabled-ondark);color:var(--color-button-text-delete-disabled-ondark)}:host a.wm-button,:host label.wm-button{height:auto;padding-top:0.75rem;padding-bottom:0.75rem}:host([disabled]),:host(.button-disabled){pointer-events:none}:host([disabled=false]){pointer-events:initial}:host{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;position:relative;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host(.-textonly){min-width:0}";
|
|
10
10
|
|
|
11
11
|
const Button = class {
|
|
12
12
|
constructor(hostRef) {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-670c5d2a.js');
|
|
6
6
|
const functions = require('./functions-bd2df1a9.js');
|
|
7
7
|
|
|
8
|
-
const wmFileCss = ":host{display:block;width:100%}.file-wrapper{font-size:0.875rem;position:relative;list-style:none}.file-wrapper .file{min-width:300px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;height:3.5rem;padding:0 1.25rem;position:relative;background:var(--color-
|
|
8
|
+
const wmFileCss = ":host{display:block;width:100%}.file-wrapper{font-size:0.875rem;position:relative;list-style:none}.file-wrapper .file{min-width:300px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;height:3.5rem;padding:0 1.25rem;position:relative;background:var(--color-file-background);border:1px solid var(--color-file-border);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.file-wrapper .file .filename{display:inline-block;white-space:nowrap}.file-wrapper .file .left-group{overflow:hidden}.file-wrapper .file .right-group{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:5rem;gap:1rem}.file-wrapper .file .right-group.condensed{padding-left:2.5rem}.file-wrapper .file .right-group .file-controls{display:-ms-flexbox;display:flex;gap:1rem}.file-wrapper .file .right-group .file-info{white-space:nowrap}.file-wrapper .file.--error{border:1px solid var(--color-file-border-error);background-color:var(--color-file-background-error);height:3.75rem}.file-wrapper.checked .file:after{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f133\";position:absolute;right:-44px;color:var(--color-file-checkmark-icon);font-size:28px;line-height:1}.name-wrapper{overflow:hidden}.progress{position:absolute;left:0;top:0;right:0;height:8px}.error-message{display:block;font-style:italic;color:var(--color-text-error);font-size:0.875rem;margin-top:0.25rem}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}";
|
|
9
9
|
|
|
10
10
|
const File = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -168,7 +168,7 @@ const File = class {
|
|
|
168
168
|
renderFileInProgress(item) {
|
|
169
169
|
const filename = item.type ? `${item.name}.${item.type}` : item.name;
|
|
170
170
|
return (index.h("div", { class: "file-wrapper" }, index.h("div", { class: "file --progress" }, index.h("div", { class: "progress", style: {
|
|
171
|
-
background: `linear-gradient(to right,
|
|
171
|
+
background: `linear-gradient(to right, var(--color-file-progress) ${item.progress}%, transparent ${item.progress}%)`,
|
|
172
172
|
} }), this.renderFileName(filename, this.isUploading))));
|
|
173
173
|
}
|
|
174
174
|
renderFileControls(item) {
|