@everymatrix/general-registration 1.21.13 → 1.21.15

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.
@@ -38,7 +38,7 @@ class Lumo extends HTMLElement {
38
38
  }
39
39
 
40
40
  static get version() {
41
- return '24.2.4';
41
+ return '24.2.5';
42
42
  }
43
43
  }
44
44
 
@@ -12423,4 +12423,4 @@ const FieldMixin = (superclass) =>
12423
12423
  }
12424
12424
  };
12425
12425
 
12426
- export { microTask$1 as A, matches as B, translate as C, DelegateStateMixin as D, ElementMixin as E, FieldMixin as F, SlotController as G, ControllerMixin as H, InputMixin as I, addGlobalThemeStyles as J, KeyboardMixin as K, LabelMixin as L, getDeepActiveElement as M, getFocusableElements as N, isElementFocused as O, PolymerElement as P, getAncestorRootNodes as Q, TabindexMixin as R, SlotObserver as S, TooltipController as T, idlePeriod as U, ValidateMixin as V, animationFrame as W, flush as X, enqueueDebouncer as Y, DisabledMixin as a, DelegateFocusMixin as b, InputController as c, dedupingMixin as d, LabelledInputController as e, defineCustomElement as f, ThemableMixin as g, html as h, i$1 as i, requiredField as j, helper as k, FocusMixin as l, microTask as m, DirMixin as n, Debouncer as o, generateUniqueId as p, PropertyEffects as q, registerStyles as r, strictTemplatePolicy as s, timeOut as t, legacyWarnings as u, legacyOptimizations as v, wrap as w, useShadow as x, suppressTemplateNotifications as y, timeOut$1 as z };
12426
+ export { microTask$1 as A, matches as B, translate as C, DelegateStateMixin as D, ElementMixin as E, FieldMixin as F, SlotController as G, ControllerMixin as H, InputMixin as I, getDeepActiveElement as J, KeyboardMixin as K, LabelMixin as L, getFocusableElements as M, isElementFocused as N, getAncestorRootNodes as O, PolymerElement as P, TabindexMixin as Q, idlePeriod as R, SlotObserver as S, TooltipController as T, animationFrame as U, ValidateMixin as V, flush as W, enqueueDebouncer as X, DisabledMixin as a, DelegateFocusMixin as b, InputController as c, dedupingMixin as d, LabelledInputController as e, defineCustomElement as f, ThemableMixin as g, html as h, i$1 as i, requiredField as j, helper as k, FocusMixin as l, microTask as m, DirMixin as n, Debouncer as o, generateUniqueId as p, PropertyEffects as q, registerStyles as r, strictTemplatePolicy as s, timeOut as t, legacyWarnings as u, legacyOptimizations as v, wrap as w, useShadow as x, suppressTemplateNotifications as y, timeOut$1 as z };
@@ -1,434 +1,4 @@
1
- import { f as defineCustomElement, J as addGlobalThemeStyles, i, r as registerStyles, g as ThemableMixin, n as DirMixin, P as PolymerElement, h as html, j as requiredField, k as helper, d as dedupingMixin, I as InputMixin, K as KeyboardMixin, D as DelegateStateMixin, V as ValidateMixin, b as DelegateFocusMixin, F as FieldMixin, o as Debouncer, t as timeOut } from './field-mixin.js';
2
-
3
- /**
4
- * @license
5
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
6
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
7
- */
8
-
9
- /**
10
- * Dummy custom element used for collecting
11
- * development time usage statistics.
12
- *
13
- * @private
14
- */
15
- class Lumo extends HTMLElement {
16
- static get is() {
17
- return 'vaadin-lumo-styles';
18
- }
19
-
20
- static get version() {
21
- return '24.2.5';
22
- }
23
- }
24
-
25
- defineCustomElement(Lumo);
26
-
27
- const addLumoGlobalStyles = (id, ...styles) => {
28
- addGlobalThemeStyles(`lumo-${id}`, styles);
29
- };
30
-
31
- /**
32
- * @license
33
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
34
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
35
- */
36
-
37
- const colorBase = i`
38
- :host {
39
- /* Base (background) */
40
- --lumo-base-color: #fff;
41
-
42
- /* Tint */
43
- --lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);
44
- --lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);
45
- --lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);
46
- --lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);
47
- --lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);
48
- --lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);
49
- --lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);
50
- --lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);
51
- --lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);
52
- --lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);
53
- --lumo-tint: #fff;
54
-
55
- /* Shade */
56
- --lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);
57
- --lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);
58
- --lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);
59
- --lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);
60
- --lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);
61
- --lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);
62
- --lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);
63
- --lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);
64
- --lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);
65
- --lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
66
- --lumo-shade: hsl(214, 35%, 15%);
67
-
68
- /* Contrast */
69
- --lumo-contrast-5pct: var(--lumo-shade-5pct);
70
- --lumo-contrast-10pct: var(--lumo-shade-10pct);
71
- --lumo-contrast-20pct: var(--lumo-shade-20pct);
72
- --lumo-contrast-30pct: var(--lumo-shade-30pct);
73
- --lumo-contrast-40pct: var(--lumo-shade-40pct);
74
- --lumo-contrast-50pct: var(--lumo-shade-50pct);
75
- --lumo-contrast-60pct: var(--lumo-shade-60pct);
76
- --lumo-contrast-70pct: var(--lumo-shade-70pct);
77
- --lumo-contrast-80pct: var(--lumo-shade-80pct);
78
- --lumo-contrast-90pct: var(--lumo-shade-90pct);
79
- --lumo-contrast: var(--lumo-shade);
80
-
81
- /* Text */
82
- --lumo-header-text-color: var(--lumo-contrast);
83
- --lumo-body-text-color: var(--lumo-contrast-90pct);
84
- --lumo-secondary-text-color: var(--lumo-contrast-70pct);
85
- --lumo-tertiary-text-color: var(--lumo-contrast-50pct);
86
- --lumo-disabled-text-color: var(--lumo-contrast-30pct);
87
-
88
- /* Primary */
89
- --lumo-primary-color: hsl(214, 100%, 48%);
90
- --lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
91
- --lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
92
- --lumo-primary-text-color: hsl(214, 100%, 43%);
93
- --lumo-primary-contrast-color: #fff;
94
-
95
- /* Error */
96
- --lumo-error-color: hsl(3, 85%, 48%);
97
- --lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
98
- --lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
99
- --lumo-error-text-color: hsl(3, 89%, 42%);
100
- --lumo-error-contrast-color: #fff;
101
-
102
- /* Success */
103
- --lumo-success-color: hsl(145, 72%, 30%);
104
- --lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
105
- --lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
106
- --lumo-success-text-color: hsl(145, 85%, 25%);
107
- --lumo-success-contrast-color: #fff;
108
-
109
- /* Warning */
110
- --lumo-warning-color: hsl(48, 100%, 50%);
111
- --lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25);
112
- --lumo-warning-text-color: hsl(32, 100%, 30%);
113
- --lumo-warning-contrast-color: var(--lumo-shade-90pct);
114
- }
115
-
116
- /* forced-colors mode adjustments */
117
- @media (forced-colors: active) {
118
- html {
119
- --lumo-disabled-text-color: GrayText;
120
- }
121
- }
122
- `;
123
-
124
- addLumoGlobalStyles('color-props', colorBase);
125
-
126
- const color = i`
127
- [theme~='dark'] {
128
- /* Base (background) */
129
- --lumo-base-color: hsl(214, 35%, 21%);
130
-
131
- /* Tint */
132
- --lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);
133
- --lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);
134
- --lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);
135
- --lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);
136
- --lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);
137
- --lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);
138
- --lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);
139
- --lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);
140
- --lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);
141
- --lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);
142
- --lumo-tint: hsl(214, 100%, 98%);
143
-
144
- /* Shade */
145
- --lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);
146
- --lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);
147
- --lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);
148
- --lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);
149
- --lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);
150
- --lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);
151
- --lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);
152
- --lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);
153
- --lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);
154
- --lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);
155
- --lumo-shade: hsl(214, 33%, 13%);
156
-
157
- /* Contrast */
158
- --lumo-contrast-5pct: var(--lumo-tint-5pct);
159
- --lumo-contrast-10pct: var(--lumo-tint-10pct);
160
- --lumo-contrast-20pct: var(--lumo-tint-20pct);
161
- --lumo-contrast-30pct: var(--lumo-tint-30pct);
162
- --lumo-contrast-40pct: var(--lumo-tint-40pct);
163
- --lumo-contrast-50pct: var(--lumo-tint-50pct);
164
- --lumo-contrast-60pct: var(--lumo-tint-60pct);
165
- --lumo-contrast-70pct: var(--lumo-tint-70pct);
166
- --lumo-contrast-80pct: var(--lumo-tint-80pct);
167
- --lumo-contrast-90pct: var(--lumo-tint-90pct);
168
- --lumo-contrast: var(--lumo-tint);
169
-
170
- /* Text */
171
- --lumo-header-text-color: var(--lumo-contrast);
172
- --lumo-body-text-color: var(--lumo-contrast-90pct);
173
- --lumo-secondary-text-color: var(--lumo-contrast-70pct);
174
- --lumo-tertiary-text-color: var(--lumo-contrast-50pct);
175
- --lumo-disabled-text-color: var(--lumo-contrast-30pct);
176
-
177
- /* Primary */
178
- --lumo-primary-color: hsl(214, 90%, 48%);
179
- --lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);
180
- --lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);
181
- --lumo-primary-text-color: hsl(214, 90%, 77%);
182
- --lumo-primary-contrast-color: #fff;
183
-
184
- /* Error */
185
- --lumo-error-color: hsl(3, 79%, 49%);
186
- --lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);
187
- --lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);
188
- --lumo-error-text-color: hsl(3, 100%, 80%);
189
-
190
- /* Success */
191
- --lumo-success-color: hsl(145, 72%, 30%);
192
- --lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);
193
- --lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);
194
- --lumo-success-text-color: hsl(145, 85%, 46%);
195
-
196
- /* Warning */
197
- --lumo-warning-color: hsl(43, 100%, 48%);
198
- --lumo-warning-color-10pct: hsla(40, 100%, 50%, 0.2);
199
- --lumo-warning-text-color: hsl(45, 100%, 60%);
200
- --lumo-warning-contrast-color: var(--lumo-shade-90pct);
201
- }
202
-
203
- html {
204
- color: var(--lumo-body-text-color);
205
- background-color: var(--lumo-base-color);
206
- color-scheme: light;
207
- }
208
-
209
- [theme~='dark'] {
210
- color: var(--lumo-body-text-color);
211
- background-color: var(--lumo-base-color);
212
- color-scheme: dark;
213
- }
214
-
215
- h1,
216
- h2,
217
- h3,
218
- h4,
219
- h5,
220
- h6 {
221
- color: var(--lumo-header-text-color);
222
- }
223
-
224
- a:where(:any-link) {
225
- color: var(--lumo-primary-text-color);
226
- }
227
-
228
- a:not(:any-link) {
229
- color: var(--lumo-disabled-text-color);
230
- }
231
-
232
- blockquote {
233
- color: var(--lumo-secondary-text-color);
234
- }
235
-
236
- code,
237
- pre {
238
- background-color: var(--lumo-contrast-10pct);
239
- border-radius: var(--lumo-border-radius-m);
240
- }
241
- `;
242
-
243
- registerStyles('', color, { moduleId: 'lumo-color' });
244
-
245
- /**
246
- * @license
247
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
248
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
249
- */
250
-
251
- const sizing = i`
252
- :host {
253
- --lumo-size-xs: 1.625rem;
254
- --lumo-size-s: 1.875rem;
255
- --lumo-size-m: 2.25rem;
256
- --lumo-size-l: 2.75rem;
257
- --lumo-size-xl: 3.5rem;
258
-
259
- /* Icons */
260
- --lumo-icon-size-s: 1.25em;
261
- --lumo-icon-size-m: 1.5em;
262
- --lumo-icon-size-l: 2.25em;
263
- /* For backwards compatibility */
264
- --lumo-icon-size: var(--lumo-icon-size-m);
265
- }
266
- `;
267
-
268
- addLumoGlobalStyles('sizing-props', sizing);
269
-
270
- /**
271
- * @license
272
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
273
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
274
- */
275
-
276
- const style = i`
277
- :host {
278
- /* Border radius */
279
- --lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
280
- --lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
281
- --lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */
282
-
283
- /* Shadow */
284
- --lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);
285
- --lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);
286
- --lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);
287
- --lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
288
- --lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
289
-
290
- /* Clickable element cursor */
291
- --lumo-clickable-cursor: default;
292
- }
293
- `;
294
-
295
- /**
296
- * Default values for component-specific custom properties.
297
- */
298
- i`
299
- html {
300
- --vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
301
- --vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
302
- --vaadin-input-field-border-radius: var(--lumo-border-radius-m);
303
- }
304
- `;
305
-
306
- addLumoGlobalStyles('style-props', style);
307
-
308
- /**
309
- * @license
310
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
311
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
312
- */
313
-
314
- const font = i`
315
- :host {
316
- /* prettier-ignore */
317
- --lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
318
-
319
- /* Font sizes */
320
- --lumo-font-size-xxs: 0.75rem;
321
- --lumo-font-size-xs: 0.8125rem;
322
- --lumo-font-size-s: 0.875rem;
323
- --lumo-font-size-m: 1rem;
324
- --lumo-font-size-l: 1.125rem;
325
- --lumo-font-size-xl: 1.375rem;
326
- --lumo-font-size-xxl: 1.75rem;
327
- --lumo-font-size-xxxl: 2.5rem;
328
-
329
- /* Line heights */
330
- --lumo-line-height-xs: 1.25;
331
- --lumo-line-height-s: 1.375;
332
- --lumo-line-height-m: 1.625;
333
- }
334
- `;
335
-
336
- const typography = i`
337
- body,
338
- :host {
339
- font-family: var(--lumo-font-family);
340
- font-size: var(--lumo-font-size-m);
341
- line-height: var(--lumo-line-height-m);
342
- -webkit-text-size-adjust: 100%;
343
- -webkit-font-smoothing: antialiased;
344
- -moz-osx-font-smoothing: grayscale;
345
- }
346
-
347
- small,
348
- [theme~='font-size-s'] {
349
- font-size: var(--lumo-font-size-s);
350
- line-height: var(--lumo-line-height-s);
351
- }
352
-
353
- [theme~='font-size-xs'] {
354
- font-size: var(--lumo-font-size-xs);
355
- line-height: var(--lumo-line-height-xs);
356
- }
357
-
358
- :where(h1, h2, h3, h4, h5, h6) {
359
- font-weight: 600;
360
- line-height: var(--lumo-line-height-xs);
361
- margin-block: 0;
362
- }
363
-
364
- :where(h1) {
365
- font-size: var(--lumo-font-size-xxxl);
366
- }
367
-
368
- :where(h2) {
369
- font-size: var(--lumo-font-size-xxl);
370
- }
371
-
372
- :where(h3) {
373
- font-size: var(--lumo-font-size-xl);
374
- }
375
-
376
- :where(h4) {
377
- font-size: var(--lumo-font-size-l);
378
- }
379
-
380
- :where(h5) {
381
- font-size: var(--lumo-font-size-m);
382
- }
383
-
384
- :where(h6) {
385
- font-size: var(--lumo-font-size-xs);
386
- text-transform: uppercase;
387
- letter-spacing: 0.03em;
388
- }
389
-
390
- p,
391
- blockquote {
392
- margin-top: 0.5em;
393
- margin-bottom: 0.75em;
394
- }
395
-
396
- a {
397
- text-decoration: none;
398
- }
399
-
400
- a:where(:any-link):hover {
401
- text-decoration: underline;
402
- }
403
-
404
- hr {
405
- display: block;
406
- align-self: stretch;
407
- height: 1px;
408
- border: 0;
409
- padding: 0;
410
- margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
411
- background-color: var(--lumo-contrast-10pct);
412
- }
413
-
414
- blockquote {
415
- border-left: 2px solid var(--lumo-contrast-30pct);
416
- }
417
-
418
- b,
419
- strong {
420
- font-weight: 600;
421
- }
422
-
423
- /* RTL specific styles */
424
- blockquote[dir='rtl'] {
425
- border-left: none;
426
- border-right: 2px solid var(--lumo-contrast-30pct);
427
- }
428
- `;
429
-
430
- registerStyles('', typography, { moduleId: 'lumo-typography' });
431
- addLumoGlobalStyles('typography-props', font);
1
+ import { r as registerStyles, i, f as defineCustomElement, g as ThemableMixin, n as DirMixin, P as PolymerElement, h as html, j as requiredField, k as helper, d as dedupingMixin, I as InputMixin, K as KeyboardMixin, D as DelegateStateMixin, V as ValidateMixin, b as DelegateFocusMixin, F as FieldMixin, o as Debouncer, t as timeOut } from './field-mixin.js';
432
2
 
433
3
  registerStyles(
434
4
  'vaadin-input-container',