@descope/web-components-ui 1.0.228 → 1.0.229
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +847 -601
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +726 -592
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/1000.js +1 -1
- package/dist/umd/1769.js +360 -0
- package/dist/umd/1932.js +1 -1
- package/dist/umd/1990.js +1 -1
- package/dist/umd/2269.js +2 -0
- package/dist/umd/2269.js.LICENSE.txt +5 -0
- package/dist/umd/3585.js +1 -1
- package/dist/umd/3878.js +1 -1
- package/dist/umd/5806.js +1 -1
- package/dist/umd/6091.js +123 -0
- package/dist/umd/{4746.js.LICENSE.txt → 6091.js.LICENSE.txt} +0 -6
- package/dist/umd/6542.js +288 -0
- package/dist/umd/6542.js.LICENSE.txt +11 -0
- package/dist/umd/6770.js +1 -1
- package/dist/umd/7514.js +1 -1
- package/dist/umd/9211.js +1 -1
- package/dist/umd/9320.js +2 -0
- package/dist/umd/9320.js.LICENSE.txt +5 -0
- package/dist/umd/9437.js +1 -1
- package/dist/umd/descope-button-selection-group-descope-button-selection-group-item-index-js.js +1 -1
- package/dist/umd/descope-container-index-js.js +1 -1
- package/dist/umd/descope-divider-index-js.js +1 -1
- package/dist/umd/descope-grid-index-js.js +1 -1
- package/dist/umd/descope-image-index-js.js +1 -1
- package/dist/umd/descope-link-index-js.js +1 -1
- package/dist/umd/descope-loader-linear-index-js.js +1 -1
- package/dist/umd/descope-loader-radial-index-js.js +1 -1
- package/dist/umd/descope-notification-descope-notification-card-index-js.js +1 -0
- package/dist/umd/descope-notification-index-js.js +1 -0
- package/dist/umd/descope-recaptcha-index-js.js +1 -1
- package/dist/umd/descope-text-index-js.js +1 -1
- package/dist/umd/index.js +1 -1
- package/package.json +2 -1
- package/src/components/descope-grid/GridClass.js +8 -1
- package/src/components/descope-notification/NotificationClass.js +119 -0
- package/src/components/descope-notification/descope-notification-card/NotificationCardClass.js +67 -0
- package/src/components/descope-notification/descope-notification-card/index.js +6 -0
- package/src/components/descope-notification/descope-notification-container.js +13 -0
- package/src/components/descope-notification/index.js +8 -0
- package/src/index.cjs.js +1 -0
- package/src/mixins/normalizeBooleanAttributesMixin.js +2 -0
- package/src/theme/components/index.js +2 -0
- package/src/theme/components/notificationCard.js +57 -0
- package/dist/umd/1419.js +0 -360
- package/dist/umd/4746.js +0 -123
- /package/dist/umd/{1419.js.LICENSE.txt → 1769.js.LICENSE.txt} +0 -0
package/dist/umd/1419.js
DELETED
@@ -1,360 +0,0 @@
|
|
1
|
-
/*! For license information please see 1419.js.LICENSE.txt */
|
2
|
-
"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[1419],{3550:(t,e,o)=>{o.d(e,{GF:()=>c,GO:()=>d,Gf:()=>l,LQ:()=>r,Qw:()=>h});let s=!1;function l(){let t=document.activeElement||document.body;for(;t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}function r(){return s}function i(t){const e=t.style;if("hidden"===e.visibility||"none"===e.display)return!0;const o=window.getComputedStyle(t);return"hidden"===o.visibility||"none"===o.display}function n(t,e){const o=Math.max(t.tabIndex,0),s=Math.max(e.tabIndex,0);return 0===o||0===s?s>o:o>s}function a(t){const e=t.length;if(e<2)return t;const o=Math.ceil(e/2);return function(t,e){const o=[];for(;t.length>0&&e.length>0;)n(t[0],e[0])?o.push(e.shift()):o.push(t.shift());return o.concat(t,e)}(a(t.slice(0,o)),a(t.slice(o)))}function c(t){return null===t.offsetParent&&0===t.clientWidth&&0===t.clientHeight||i(t)}function h(t){return t.getRootNode().activeElement===t}function u(t,e){if(t.nodeType!==Node.ELEMENT_NODE||i(t))return!1;const o=t,s=function(t){if(!function(t){return!t.matches('[tabindex="-1"]')&&(t.matches("input, select, textarea, button, object")?t.matches(":not([disabled])"):t.matches("a[href], area[href], iframe, [tabindex], [contentEditable]"))}(t))return-1;const e=t.getAttribute("tabindex")||0;return Number(e)}(o);let l=s>0;s>=0&&e.push(o);let r=[];return r="slot"===o.localName?o.assignedNodes({flatten:!0}):(o.shadowRoot||o).children,[...r].forEach((t=>{l=u(t,e)||l})),l}function d(t){const e=[];return u(t,e)?a(e):e}window.addEventListener("keydown",(()=>{s=!0}),{capture:!0}),window.addEventListener("mousedown",(()=>{s=!1}),{capture:!0})},6155:(t,e,o)=>{o.d(e,{k:()=>s});const s=(0,o(1014).o)((t=>"function"==typeof t.prototype.addController?t:class extends t{constructor(){super(),this.__controllers=new Set}connectedCallback(){super.connectedCallback(),this.__controllers.forEach((t=>{t.hostConnected&&t.hostConnected()}))}disconnectedCallback(){super.disconnectedCallback(),this.__controllers.forEach((t=>{t.hostDisconnected&&t.hostDisconnected()}))}addController(t){this.__controllers.add(t),void 0!==this.$&&this.isConnected&&t.hostConnected&&t.hostConnected()}removeController(t){this.__controllers.delete(t)}}))},2521:(t,e,o)=>{o.d(e,{S:()=>c});var s=o(9387),l=o(7913),r=o(6139),i=o(1914);let n;(0,s.xj)(!1),window.Vaadin||(window.Vaadin={}),window.Vaadin.registrations||(window.Vaadin.registrations=[]),window.Vaadin.developmentModeCallback||(window.Vaadin.developmentModeCallback={}),window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]=function(){};const a=new Set,c=t=>class extends((0,i.U)(t)){static get version(){return"24.2.5"}static finalize(){super.finalize();const{is:t}=this;t&&!a.has(t)&&(window.Vaadin.registrations.push(this),a.add(t),window.Vaadin.developmentModeCallback&&(n=r.dx.debounce(n,l.t$,(()=>{window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]()})),(0,r.Ex)(n)))}constructor(){super(),null===document.doctype&&console.warn('Vaadin components require the "standards mode" declaration. Please add <!DOCTYPE html> to the HTML document.')}}},1195:(t,e,o)=>{o(4407);var s=o(6570),l=o(2463);const r=s.iv`
|
3
|
-
:host {
|
4
|
-
/* Base (background) */
|
5
|
-
--lumo-base-color: #fff;
|
6
|
-
|
7
|
-
/* Tint */
|
8
|
-
--lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);
|
9
|
-
--lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);
|
10
|
-
--lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);
|
11
|
-
--lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);
|
12
|
-
--lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);
|
13
|
-
--lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);
|
14
|
-
--lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);
|
15
|
-
--lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);
|
16
|
-
--lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);
|
17
|
-
--lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);
|
18
|
-
--lumo-tint: #fff;
|
19
|
-
|
20
|
-
/* Shade */
|
21
|
-
--lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);
|
22
|
-
--lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);
|
23
|
-
--lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);
|
24
|
-
--lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);
|
25
|
-
--lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);
|
26
|
-
--lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);
|
27
|
-
--lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);
|
28
|
-
--lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);
|
29
|
-
--lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);
|
30
|
-
--lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
|
31
|
-
--lumo-shade: hsl(214, 35%, 15%);
|
32
|
-
|
33
|
-
/* Contrast */
|
34
|
-
--lumo-contrast-5pct: var(--lumo-shade-5pct);
|
35
|
-
--lumo-contrast-10pct: var(--lumo-shade-10pct);
|
36
|
-
--lumo-contrast-20pct: var(--lumo-shade-20pct);
|
37
|
-
--lumo-contrast-30pct: var(--lumo-shade-30pct);
|
38
|
-
--lumo-contrast-40pct: var(--lumo-shade-40pct);
|
39
|
-
--lumo-contrast-50pct: var(--lumo-shade-50pct);
|
40
|
-
--lumo-contrast-60pct: var(--lumo-shade-60pct);
|
41
|
-
--lumo-contrast-70pct: var(--lumo-shade-70pct);
|
42
|
-
--lumo-contrast-80pct: var(--lumo-shade-80pct);
|
43
|
-
--lumo-contrast-90pct: var(--lumo-shade-90pct);
|
44
|
-
--lumo-contrast: var(--lumo-shade);
|
45
|
-
|
46
|
-
/* Text */
|
47
|
-
--lumo-header-text-color: var(--lumo-contrast);
|
48
|
-
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
49
|
-
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
50
|
-
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
51
|
-
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
52
|
-
|
53
|
-
/* Primary */
|
54
|
-
--lumo-primary-color: hsl(214, 100%, 48%);
|
55
|
-
--lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
|
56
|
-
--lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
|
57
|
-
--lumo-primary-text-color: hsl(214, 100%, 43%);
|
58
|
-
--lumo-primary-contrast-color: #fff;
|
59
|
-
|
60
|
-
/* Error */
|
61
|
-
--lumo-error-color: hsl(3, 85%, 48%);
|
62
|
-
--lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
|
63
|
-
--lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
|
64
|
-
--lumo-error-text-color: hsl(3, 89%, 42%);
|
65
|
-
--lumo-error-contrast-color: #fff;
|
66
|
-
|
67
|
-
/* Success */
|
68
|
-
--lumo-success-color: hsl(145, 72%, 30%);
|
69
|
-
--lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
|
70
|
-
--lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
|
71
|
-
--lumo-success-text-color: hsl(145, 85%, 25%);
|
72
|
-
--lumo-success-contrast-color: #fff;
|
73
|
-
|
74
|
-
/* Warning */
|
75
|
-
--lumo-warning-color: hsl(48, 100%, 50%);
|
76
|
-
--lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25);
|
77
|
-
--lumo-warning-text-color: hsl(32, 100%, 30%);
|
78
|
-
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
79
|
-
}
|
80
|
-
|
81
|
-
/* forced-colors mode adjustments */
|
82
|
-
@media (forced-colors: active) {
|
83
|
-
html {
|
84
|
-
--lumo-disabled-text-color: GrayText;
|
85
|
-
}
|
86
|
-
}
|
87
|
-
`;(0,l.K)("color-props",r);const i=s.iv`
|
88
|
-
[theme~='dark'] {
|
89
|
-
/* Base (background) */
|
90
|
-
--lumo-base-color: hsl(214, 35%, 21%);
|
91
|
-
|
92
|
-
/* Tint */
|
93
|
-
--lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);
|
94
|
-
--lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);
|
95
|
-
--lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);
|
96
|
-
--lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);
|
97
|
-
--lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);
|
98
|
-
--lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);
|
99
|
-
--lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);
|
100
|
-
--lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);
|
101
|
-
--lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);
|
102
|
-
--lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);
|
103
|
-
--lumo-tint: hsl(214, 100%, 98%);
|
104
|
-
|
105
|
-
/* Shade */
|
106
|
-
--lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);
|
107
|
-
--lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);
|
108
|
-
--lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);
|
109
|
-
--lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);
|
110
|
-
--lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);
|
111
|
-
--lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);
|
112
|
-
--lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);
|
113
|
-
--lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);
|
114
|
-
--lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);
|
115
|
-
--lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);
|
116
|
-
--lumo-shade: hsl(214, 33%, 13%);
|
117
|
-
|
118
|
-
/* Contrast */
|
119
|
-
--lumo-contrast-5pct: var(--lumo-tint-5pct);
|
120
|
-
--lumo-contrast-10pct: var(--lumo-tint-10pct);
|
121
|
-
--lumo-contrast-20pct: var(--lumo-tint-20pct);
|
122
|
-
--lumo-contrast-30pct: var(--lumo-tint-30pct);
|
123
|
-
--lumo-contrast-40pct: var(--lumo-tint-40pct);
|
124
|
-
--lumo-contrast-50pct: var(--lumo-tint-50pct);
|
125
|
-
--lumo-contrast-60pct: var(--lumo-tint-60pct);
|
126
|
-
--lumo-contrast-70pct: var(--lumo-tint-70pct);
|
127
|
-
--lumo-contrast-80pct: var(--lumo-tint-80pct);
|
128
|
-
--lumo-contrast-90pct: var(--lumo-tint-90pct);
|
129
|
-
--lumo-contrast: var(--lumo-tint);
|
130
|
-
|
131
|
-
/* Text */
|
132
|
-
--lumo-header-text-color: var(--lumo-contrast);
|
133
|
-
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
134
|
-
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
135
|
-
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
136
|
-
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
137
|
-
|
138
|
-
/* Primary */
|
139
|
-
--lumo-primary-color: hsl(214, 90%, 48%);
|
140
|
-
--lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);
|
141
|
-
--lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);
|
142
|
-
--lumo-primary-text-color: hsl(214, 90%, 77%);
|
143
|
-
--lumo-primary-contrast-color: #fff;
|
144
|
-
|
145
|
-
/* Error */
|
146
|
-
--lumo-error-color: hsl(3, 79%, 49%);
|
147
|
-
--lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);
|
148
|
-
--lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);
|
149
|
-
--lumo-error-text-color: hsl(3, 100%, 80%);
|
150
|
-
|
151
|
-
/* Success */
|
152
|
-
--lumo-success-color: hsl(145, 72%, 30%);
|
153
|
-
--lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);
|
154
|
-
--lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);
|
155
|
-
--lumo-success-text-color: hsl(145, 85%, 46%);
|
156
|
-
|
157
|
-
/* Warning */
|
158
|
-
--lumo-warning-color: hsl(43, 100%, 48%);
|
159
|
-
--lumo-warning-color-10pct: hsla(40, 100%, 50%, 0.2);
|
160
|
-
--lumo-warning-text-color: hsl(45, 100%, 60%);
|
161
|
-
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
162
|
-
}
|
163
|
-
|
164
|
-
html {
|
165
|
-
color: var(--lumo-body-text-color);
|
166
|
-
background-color: var(--lumo-base-color);
|
167
|
-
color-scheme: light;
|
168
|
-
}
|
169
|
-
|
170
|
-
[theme~='dark'] {
|
171
|
-
color: var(--lumo-body-text-color);
|
172
|
-
background-color: var(--lumo-base-color);
|
173
|
-
color-scheme: dark;
|
174
|
-
}
|
175
|
-
|
176
|
-
h1,
|
177
|
-
h2,
|
178
|
-
h3,
|
179
|
-
h4,
|
180
|
-
h5,
|
181
|
-
h6 {
|
182
|
-
color: var(--lumo-header-text-color);
|
183
|
-
}
|
184
|
-
|
185
|
-
a:where(:any-link) {
|
186
|
-
color: var(--lumo-primary-text-color);
|
187
|
-
}
|
188
|
-
|
189
|
-
a:not(:any-link) {
|
190
|
-
color: var(--lumo-disabled-text-color);
|
191
|
-
}
|
192
|
-
|
193
|
-
blockquote {
|
194
|
-
color: var(--lumo-secondary-text-color);
|
195
|
-
}
|
196
|
-
|
197
|
-
code,
|
198
|
-
pre {
|
199
|
-
background-color: var(--lumo-contrast-10pct);
|
200
|
-
border-radius: var(--lumo-border-radius-m);
|
201
|
-
}
|
202
|
-
`;(0,s.hC)("",i,{moduleId:"lumo-color"})},2463:(t,e,o)=>{o.d(e,{K:()=>s}),o(6570);const s=(t,...e)=>{((t,...e)=>{const o=document.createElement("style");o.id=t,o.textContent=e.map((t=>t.toString())).join("\n").replace(":host","html"),document.head.insertAdjacentElement("afterbegin",o)})(`lumo-${t}`,e)}},9416:(t,e,o)=>{o(4407);var s=o(6570),l=o(2463);const r=s.iv`
|
203
|
-
:host {
|
204
|
-
/* Square */
|
205
|
-
--lumo-space-xs: 0.25rem;
|
206
|
-
--lumo-space-s: 0.5rem;
|
207
|
-
--lumo-space-m: 1rem;
|
208
|
-
--lumo-space-l: 1.5rem;
|
209
|
-
--lumo-space-xl: 2.5rem;
|
210
|
-
|
211
|
-
/* Wide */
|
212
|
-
--lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs);
|
213
|
-
--lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s);
|
214
|
-
--lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m);
|
215
|
-
--lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l);
|
216
|
-
--lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl);
|
217
|
-
|
218
|
-
/* Tall */
|
219
|
-
--lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2);
|
220
|
-
--lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2);
|
221
|
-
--lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2);
|
222
|
-
--lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2);
|
223
|
-
--lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2);
|
224
|
-
}
|
225
|
-
`;(0,l.K)("spacing-props",r)},9849:(t,e,o)=>{o(4407);var s=o(6570),l=o(2463);const r=s.iv`
|
226
|
-
:host {
|
227
|
-
/* Border radius */
|
228
|
-
--lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
|
229
|
-
--lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
|
230
|
-
--lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */
|
231
|
-
|
232
|
-
/* Shadow */
|
233
|
-
--lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);
|
234
|
-
--lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);
|
235
|
-
--lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);
|
236
|
-
--lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
|
237
|
-
--lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
|
238
|
-
|
239
|
-
/* Clickable element cursor */
|
240
|
-
--lumo-clickable-cursor: default;
|
241
|
-
}
|
242
|
-
`;s.iv`
|
243
|
-
html {
|
244
|
-
--vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
|
245
|
-
--vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
|
246
|
-
--vaadin-input-field-border-radius: var(--lumo-border-radius-m);
|
247
|
-
}
|
248
|
-
`,(0,l.K)("style-props",r)},4173:(t,e,o)=>{o(4407);var s=o(6570),l=o(2463);const r=s.iv`
|
249
|
-
:host {
|
250
|
-
/* prettier-ignore */
|
251
|
-
--lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
252
|
-
|
253
|
-
/* Font sizes */
|
254
|
-
--lumo-font-size-xxs: 0.75rem;
|
255
|
-
--lumo-font-size-xs: 0.8125rem;
|
256
|
-
--lumo-font-size-s: 0.875rem;
|
257
|
-
--lumo-font-size-m: 1rem;
|
258
|
-
--lumo-font-size-l: 1.125rem;
|
259
|
-
--lumo-font-size-xl: 1.375rem;
|
260
|
-
--lumo-font-size-xxl: 1.75rem;
|
261
|
-
--lumo-font-size-xxxl: 2.5rem;
|
262
|
-
|
263
|
-
/* Line heights */
|
264
|
-
--lumo-line-height-xs: 1.25;
|
265
|
-
--lumo-line-height-s: 1.375;
|
266
|
-
--lumo-line-height-m: 1.625;
|
267
|
-
}
|
268
|
-
`,i=s.iv`
|
269
|
-
body,
|
270
|
-
:host {
|
271
|
-
font-family: var(--lumo-font-family);
|
272
|
-
font-size: var(--lumo-font-size-m);
|
273
|
-
line-height: var(--lumo-line-height-m);
|
274
|
-
-webkit-text-size-adjust: 100%;
|
275
|
-
-webkit-font-smoothing: antialiased;
|
276
|
-
-moz-osx-font-smoothing: grayscale;
|
277
|
-
}
|
278
|
-
|
279
|
-
small,
|
280
|
-
[theme~='font-size-s'] {
|
281
|
-
font-size: var(--lumo-font-size-s);
|
282
|
-
line-height: var(--lumo-line-height-s);
|
283
|
-
}
|
284
|
-
|
285
|
-
[theme~='font-size-xs'] {
|
286
|
-
font-size: var(--lumo-font-size-xs);
|
287
|
-
line-height: var(--lumo-line-height-xs);
|
288
|
-
}
|
289
|
-
|
290
|
-
:where(h1, h2, h3, h4, h5, h6) {
|
291
|
-
font-weight: 600;
|
292
|
-
line-height: var(--lumo-line-height-xs);
|
293
|
-
margin-block: 0;
|
294
|
-
}
|
295
|
-
|
296
|
-
:where(h1) {
|
297
|
-
font-size: var(--lumo-font-size-xxxl);
|
298
|
-
}
|
299
|
-
|
300
|
-
:where(h2) {
|
301
|
-
font-size: var(--lumo-font-size-xxl);
|
302
|
-
}
|
303
|
-
|
304
|
-
:where(h3) {
|
305
|
-
font-size: var(--lumo-font-size-xl);
|
306
|
-
}
|
307
|
-
|
308
|
-
:where(h4) {
|
309
|
-
font-size: var(--lumo-font-size-l);
|
310
|
-
}
|
311
|
-
|
312
|
-
:where(h5) {
|
313
|
-
font-size: var(--lumo-font-size-m);
|
314
|
-
}
|
315
|
-
|
316
|
-
:where(h6) {
|
317
|
-
font-size: var(--lumo-font-size-xs);
|
318
|
-
text-transform: uppercase;
|
319
|
-
letter-spacing: 0.03em;
|
320
|
-
}
|
321
|
-
|
322
|
-
p,
|
323
|
-
blockquote {
|
324
|
-
margin-top: 0.5em;
|
325
|
-
margin-bottom: 0.75em;
|
326
|
-
}
|
327
|
-
|
328
|
-
a {
|
329
|
-
text-decoration: none;
|
330
|
-
}
|
331
|
-
|
332
|
-
a:where(:any-link):hover {
|
333
|
-
text-decoration: underline;
|
334
|
-
}
|
335
|
-
|
336
|
-
hr {
|
337
|
-
display: block;
|
338
|
-
align-self: stretch;
|
339
|
-
height: 1px;
|
340
|
-
border: 0;
|
341
|
-
padding: 0;
|
342
|
-
margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
|
343
|
-
background-color: var(--lumo-contrast-10pct);
|
344
|
-
}
|
345
|
-
|
346
|
-
blockquote {
|
347
|
-
border-left: 2px solid var(--lumo-contrast-30pct);
|
348
|
-
}
|
349
|
-
|
350
|
-
b,
|
351
|
-
strong {
|
352
|
-
font-weight: 600;
|
353
|
-
}
|
354
|
-
|
355
|
-
/* RTL specific styles */
|
356
|
-
blockquote[dir='rtl'] {
|
357
|
-
border-left: none;
|
358
|
-
border-right: 2px solid var(--lumo-contrast-30pct);
|
359
|
-
}
|
360
|
-
`;(0,s.hC)("",i,{moduleId:"lumo-typography"}),(0,l.K)("typography-props",r)},4407:(t,e,o)=>{var s=o(2807);class l extends HTMLElement{static get is(){return"vaadin-lumo-styles"}static get version(){return"24.2.5"}}(0,s.M)(l)},6570:(t,e,o)=>{o.d(e,{Tb:()=>d,hC:()=>n,iv:()=>s.iv});var s=o(9897),l=o(1462);const r=[];function i(t){return t&&Object.prototype.hasOwnProperty.call(t,"__themes")}function n(t,e,o={}){var l;t&&(l=t,i(customElements.get(l))&&console.warn(`The custom element definition for "${t}"\n was finalized before a style module was registered.\n Make sure to add component specific style modules before\n importing the corresponding custom element.`)),e=function(t=[]){return[t].flat(1/0).filter((t=>t instanceof s.c3||(console.warn("An item in styles is not of type CSSResult. Use `unsafeCSS` or `css`."),!1)))}(e),window.Vaadin&&window.Vaadin.styleModules?window.Vaadin.styleModules.registerStyles(t,e,o):r.push({themeFor:t,styles:e,include:o.include,moduleId:o.moduleId})}function a(){return window.Vaadin&&window.Vaadin.styleModules?window.Vaadin.styleModules.getAllThemes():r}function c(t=""){let e=0;return t.startsWith("lumo-")||t.startsWith("material-")?e=1:t.startsWith("vaadin-")&&(e=2),e}function h(t){const e=[];return t.include&&[].concat(t.include).forEach((t=>{const o=a().find((e=>e.moduleId===t));o?e.push(...h(o),...o.styles):console.warn(`Included moduleId ${t} not found in style registry`)}),t.styles),e}function u(t){const e=`${t}-default-theme`,o=a().filter((o=>o.moduleId!==e&&function(t,e){return(t||"").split(" ").some((t=>new RegExp(`^${t.split("*").join(".*")}$`,"u").test(e)))}(o.themeFor,t))).map((t=>({...t,styles:[...h(t),...t.styles],includePriority:c(t.moduleId)}))).sort(((t,e)=>e.includePriority-t.includePriority));return o.length>0?o:a().filter((t=>t.moduleId===e))}const d=t=>class extends((0,l.I)(t)){static finalize(){if(super.finalize(),this.elementStyles)return;const t=this.prototype._template;t&&!i(this)&&function(t,e){const o=document.createElement("style");o.innerHTML=t.map((t=>t.cssText)).join("\n"),e.content.appendChild(o)}(this.getStylesForThis(),t)}static finalizeStyles(t){const e=this.getStylesForThis();return t?[...super.finalizeStyles(t),...e]:e}static getStylesForThis(){const t=Object.getPrototypeOf(this.prototype),e=(t?t.constructor.__themes:[])||[];this.__themes=[...e,...u(this.is)];const o=this.__themes.flatMap((t=>t.styles));return o.filter(((t,e)=>e===o.lastIndexOf(t)))}}},1462:(t,e,o)=>{o.d(e,{I:()=>s});const s=t=>class extends t{static get properties(){return{_theme:{type:String,readOnly:!0}}}static get observedAttributes(){return[...super.observedAttributes,"theme"]}attributeChangedCallback(t,e,o){super.attributeChangedCallback(t,e,o),"theme"===t&&this._set_theme(o)}}},9897:(t,e,o)=>{o.d(e,{c3:()=>n,iv:()=>a});const s=window,l=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,r=Symbol(),i=new WeakMap;class n{constructor(t,e,o){if(this._$cssResult$=!0,o!==r)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(l&&void 0===t){const o=void 0!==e&&1===e.length;o&&(t=i.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&i.set(e,t))}return t}toString(){return this.cssText}}const a=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,o,s)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+t[s+1]),t[0]);return new n(o,t,r)},c=l?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return(t=>new n("string"==typeof t?t:t+"",void 0,r))(e)})(t):t;var h;const u=window,d=u.trustedTypes,p=d?d.emptyScript:"",m=u.reactiveElementPolyfillSupport,v={toAttribute(t,e){switch(e){case Boolean:t=t?p:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let o=t;switch(e){case Boolean:o=null!==t;break;case Number:o=null===t?null:Number(t);break;case Object:case Array:try{o=JSON.parse(t)}catch(t){o=null}}return o}},f=(t,e)=>e!==t&&(e==e||t==t),y={attribute:!0,type:String,converter:v,reflect:!1,hasChanged:f};class $ extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,o)=>{const s=this._$Ep(o,e);void 0!==s&&(this._$Ev.set(s,o),t.push(s))})),t}static createProperty(t,e=y){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const o="symbol"==typeof t?Symbol():"__"+t,s=this.getPropertyDescriptor(t,o,e);void 0!==s&&Object.defineProperty(this.prototype,t,s)}}static getPropertyDescriptor(t,e,o){return{get(){return this[e]},set(s){const l=this[t];this[e]=s,this.requestUpdate(t,l,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||y}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const o of e)this.createProperty(o,t[o])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const t of o)e.unshift(c(t))}else void 0!==t&&e.push(c(t));return e}static _$Ep(t,e){const o=e.attribute;return!1===o?void 0:"string"==typeof o?o:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,o;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(o=t.hostConnected)||void 0===o||o.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{l?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const o=document.createElement("style"),l=s.litNonce;void 0!==l&&o.setAttribute("nonce",l),o.textContent=e.cssText,t.appendChild(o)}))})(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$EO(t,e,o=y){var s;const l=this.constructor._$Ep(t,o);if(void 0!==l&&!0===o.reflect){const r=(void 0!==(null===(s=o.converter)||void 0===s?void 0:s.toAttribute)?o.converter:v).toAttribute(e,o.type);this._$El=t,null==r?this.removeAttribute(l):this.setAttribute(l,r),this._$El=null}}_$AK(t,e){var o;const s=this.constructor,l=s._$Ev.get(t);if(void 0!==l&&this._$El!==l){const t=s.getPropertyOptions(l),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(o=t.converter)||void 0===o?void 0:o.fromAttribute)?t.converter:v;this._$El=l,this[l]=r.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,o){let s=!0;void 0!==t&&(((o=o||this.constructor.getPropertyOptions(t)).hasChanged||f)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===o.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,o))):s=!1),!this.isUpdatePending&&s&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const o=this._$AL;try{e=this.shouldUpdate(o),e?(this.willUpdate(o),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(o)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(o)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}var _;$.finalized=!0,$.elementProperties=new Map,$.elementStyles=[],$.shadowRootOptions={mode:"open"},null==m||m({ReactiveElement:$}),(null!==(h=u.reactiveElementVersions)&&void 0!==h?h:u.reactiveElementVersions=[]).push("1.6.1");const g=window,x=g.trustedTypes,b=x?x.createPolicy("lit-html",{createHTML:t=>t}):void 0,w="$lit$",A=`lit$${(Math.random()+"").slice(9)}$`,E="?"+A,S=`<${E}>`,C=document,k=()=>C.createComment(""),z=t=>null===t||"object"!=typeof t&&"function"!=typeof t,T=Array.isArray,P="[ \t\n\f\r]",U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,M=/-->/g,H=/>/g,O=RegExp(`>|${P}(?:([^\\s"'>=/]+)(${P}*=${P}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),N=/'/g,R=/"/g,I=/^(?:script|style|textarea|title)$/i,V=t=>(e,...o)=>({_$litType$:t,strings:e,values:o}),j=(V(1),V(2),Symbol.for("lit-noChange")),L=Symbol.for("lit-nothing"),D=new WeakMap,B=C.createTreeWalker(C,129,null,!1),W=(t,e)=>{const o=t.length-1,s=[];let l,r=2===e?"<svg>":"",i=U;for(let e=0;e<o;e++){const o=t[e];let n,a,c=-1,h=0;for(;h<o.length&&(i.lastIndex=h,a=i.exec(o),null!==a);)h=i.lastIndex,i===U?"!--"===a[1]?i=M:void 0!==a[1]?i=H:void 0!==a[2]?(I.test(a[2])&&(l=RegExp("</"+a[2],"g")),i=O):void 0!==a[3]&&(i=O):i===O?">"===a[0]?(i=null!=l?l:U,c=-1):void 0===a[1]?c=-2:(c=i.lastIndex-a[2].length,n=a[1],i=void 0===a[3]?O:'"'===a[3]?R:N):i===R||i===N?i=O:i===M||i===H?i=U:(i=O,l=void 0);const u=i===O&&t[e+1].startsWith("/>")?" ":"";r+=i===U?o+S:c>=0?(s.push(n),o.slice(0,c)+w+o.slice(c)+A+u):o+A+(-2===c?(s.push(void 0),e):u)}const n=r+(t[o]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==b?b.createHTML(n):n,s]};class q{constructor({strings:t,_$litType$:e},o){let s;this.parts=[];let l=0,r=0;const i=t.length-1,n=this.parts,[a,c]=W(t,e);if(this.el=q.createElement(a,o),B.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(s=B.nextNode())&&n.length<i;){if(1===s.nodeType){if(s.hasAttributes()){const t=[];for(const e of s.getAttributeNames())if(e.endsWith(w)||e.startsWith(A)){const o=c[r++];if(t.push(e),void 0!==o){const t=s.getAttribute(o.toLowerCase()+w).split(A),e=/([.?@])?(.*)/.exec(o);n.push({type:1,index:l,name:e[2],strings:t,ctor:"."===e[1]?Q:"?"===e[1]?Y:"@"===e[1]?X:J})}else n.push({type:6,index:l})}for(const e of t)s.removeAttribute(e)}if(I.test(s.tagName)){const t=s.textContent.split(A),e=t.length-1;if(e>0){s.textContent=x?x.emptyScript:"";for(let o=0;o<e;o++)s.append(t[o],k()),B.nextNode(),n.push({type:2,index:++l});s.append(t[e],k())}}}else if(8===s.nodeType)if(s.data===E)n.push({type:2,index:l});else{let t=-1;for(;-1!==(t=s.data.indexOf(A,t+1));)n.push({type:7,index:l}),t+=A.length-1}l++}}static createElement(t,e){const o=C.createElement("template");return o.innerHTML=t,o}}function F(t,e,o=t,s){var l,r,i,n;if(e===j)return e;let a=void 0!==s?null===(l=o._$Co)||void 0===l?void 0:l[s]:o._$Cl;const c=z(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==c&&(null===(r=null==a?void 0:a._$AO)||void 0===r||r.call(a,!1),void 0===c?a=void 0:(a=new c(t),a._$AT(t,o,s)),void 0!==s?(null!==(i=(n=o)._$Co)&&void 0!==i?i:n._$Co=[])[s]=a:o._$Cl=a),void 0!==a&&(e=F(t,a._$AS(t,e.values),a,s)),e}class K{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var e;const{el:{content:o},parts:s}=this._$AD,l=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:C).importNode(o,!0);B.currentNode=l;let r=B.nextNode(),i=0,n=0,a=s[0];for(;void 0!==a;){if(i===a.index){let e;2===a.type?e=new G(r,r.nextSibling,this,t):1===a.type?e=new a.ctor(r,a.name,a.strings,this,t):6===a.type&&(e=new tt(r,this,t)),this._$AV.push(e),a=s[++n]}i!==(null==a?void 0:a.index)&&(r=B.nextNode(),i++)}return l}v(t){let e=0;for(const o of this._$AV)void 0!==o&&(void 0!==o.strings?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class G{constructor(t,e,o,s){var l;this.type=2,this._$AH=L,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=s,this._$Cp=null===(l=null==s?void 0:s.isConnected)||void 0===l||l}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=F(this,t,e),z(t)?t===L||null==t||""===t?(this._$AH!==L&&this._$AR(),this._$AH=L):t!==this._$AH&&t!==j&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):(t=>T(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==L&&z(this._$AH)?this._$AA.nextSibling.data=t:this.$(C.createTextNode(t)),this._$AH=t}g(t){var e;const{values:o,_$litType$:s}=t,l="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=q.createElement(s.h,this.options)),s);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===l)this._$AH.v(o);else{const t=new K(l,this),e=t.u(this.options);t.v(o),this.$(e),this._$AH=t}}_$AC(t){let e=D.get(t.strings);return void 0===e&&D.set(t.strings,e=new q(t)),e}T(t){T(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,s=0;for(const l of t)s===e.length?e.push(o=new G(this.k(k()),this.k(k()),this,this.options)):o=e[s],o._$AI(l),s++;s<e.length&&(this._$AR(o&&o._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){var o;for(null===(o=this._$AP)||void 0===o||o.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class J{constructor(t,e,o,s,l){this.type=1,this._$AH=L,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=l,o.length>2||""!==o[0]||""!==o[1]?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=L}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,o,s){const l=this.strings;let r=!1;if(void 0===l)t=F(this,t,e,0),r=!z(t)||t!==this._$AH&&t!==j,r&&(this._$AH=t);else{const s=t;let i,n;for(t=l[0],i=0;i<l.length-1;i++)n=F(this,s[o+i],e,i),n===j&&(n=this._$AH[i]),r||(r=!z(n)||n!==this._$AH[i]),n===L?t=L:t!==L&&(t+=(null!=n?n:"")+l[i+1]),this._$AH[i]=n}r&&!s&&this.j(t)}j(t){t===L?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class Q extends J{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===L?void 0:t}}const Z=x?x.emptyScript:"";class Y extends J{constructor(){super(...arguments),this.type=4}j(t){t&&t!==L?this.element.setAttribute(this.name,Z):this.element.removeAttribute(this.name)}}class X extends J{constructor(t,e,o,s,l){super(t,e,o,s,l),this.type=5}_$AI(t,e=this){var o;if((t=null!==(o=F(this,t,e,0))&&void 0!==o?o:L)===j)return;const s=this._$AH,l=t===L&&s!==L||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==L&&(s===L||l);l&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,o;"function"==typeof this._$AH?this._$AH.call(null!==(o=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==o?o:this.element,t):this._$AH.handleEvent(t)}}class tt{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){F(this,t)}}const et=g.litHtmlPolyfillSupport;var ot,st;null==et||et(q,G),(null!==(_=g.litHtmlVersions)&&void 0!==_?_:g.litHtmlVersions=[]).push("2.7.2");class lt extends ${constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const o=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=o.firstChild),o}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,o)=>{var s,l;const r=null!==(s=null==o?void 0:o.renderBefore)&&void 0!==s?s:e;let i=r._$litPart$;if(void 0===i){const t=null!==(l=null==o?void 0:o.renderBefore)&&void 0!==l?l:null;r._$litPart$=i=new G(e.insertBefore(k(),t),t,void 0,null!=o?o:{})}return i._$AI(t),i})(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return j}}lt.finalized=!0,lt._$litElement$=!0,null===(ot=globalThis.litElementHydrateSupport)||void 0===ot||ot.call(globalThis,{LitElement:lt});const rt=globalThis.litElementPolyfillSupport;null==rt||rt({LitElement:lt}),(null!==(st=globalThis.litElementVersions)&&void 0!==st?st:globalThis.litElementVersions=[]).push("3.3.1")}}]);
|
package/dist/umd/4746.js
DELETED
@@ -1,123 +0,0 @@
|
|
1
|
-
/*! For license information please see 4746.js.LICENSE.txt */
|
2
|
-
"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[4746],{2223:(e,t,o)=>{o.d(t,{T8:()=>l}),o(7894);let s=!1,n=[],i=[];function r(){s=!0,requestAnimationFrame((function(){s=!1,function(e){for(;e.length;)a(e.shift())}(n),setTimeout((function(){!function(e){for(let t=0,o=e.length;t<o;t++)a(e.shift())}(i)}))}))}function a(e){const t=e[0],o=e[1],s=e[2];try{o.apply(t,s)}catch(e){setTimeout((()=>{throw e}))}}function l(e,t,o){s||r(),i.push([e,t,o])}},962:(e,t,o)=>{o.d(t,{Ry:()=>d});let s=new WeakMap,n=new WeakMap,i={},r=0;const a=e=>e&&e.nodeType===Node.ELEMENT_NODE,l=(...e)=>{console.error(`Error: ${e.join(" ")}. Skip setting aria-hidden.`)},d=(e,t=document.body,o="data-aria-hidden")=>{const d=Array.from(Array.isArray(e)?e:[e]);return t&&d.push(...Array.from(t.querySelectorAll("[aria-live]"))),((e,t,o,d)=>{const h=((e,t)=>a(e)?t.map((t=>{if(!a(t))return l(t,"is not a valid element"),null;let o=t;for(;o&&o!==e;){if(e.contains(o))return t;o=o.getRootNode().host}return l(t,"is not contained inside",e),null})).filter((e=>Boolean(e))):(l(e,"is not a valid element"),[]))(t,Array.isArray(e)?e:[e]);i[o]||(i[o]=new WeakMap);const c=i[o],u=[],p=new Set,m=new Set(h),v=e=>{if(!e||p.has(e))return;p.add(e);const t=e.assignedSlot;t&&v(t),v(e.parentNode||e.host)};h.forEach(v);const _=e=>{if(!e||m.has(e))return;const t=e.shadowRoot;(t?[...e.children,...t.children]:[...e.children]).forEach((e=>{if(!["template","script","style"].includes(e.localName))if(p.has(e))_(e);else{const t=e.getAttribute(d),i=null!==t&&"false"!==t,r=(s.get(e)||0)+1,a=(c.get(e)||0)+1;s.set(e,r),c.set(e,a),u.push(e),1===r&&i&&n.set(e,!0),1===a&&e.setAttribute(o,"true"),i||e.setAttribute(d,"true")}}))};return _(t),p.clear(),r+=1,()=>{u.forEach((e=>{const t=s.get(e)-1,i=c.get(e)-1;s.set(e,t),c.set(e,i),t||(n.has(e)?n.delete(e):e.removeAttribute(d)),i||e.removeAttribute(o)})),r-=1,r||(s=new WeakMap,s=new WeakMap,n=new WeakMap,i={})}})(d,t,o,"aria-hidden")};HTMLElement.prototype},9320:(e,t,o)=>{o.d(t,{u:()=>s});const s=e=>class extends e{static get properties(){return{overlayClass:{type:String},_overlayElement:{type:Object}}}static get observers(){return["__updateOverlayClassNames(overlayClass, _overlayElement)"]}__updateOverlayClassNames(e,t){if(!t)return;if(void 0===e)return;const{classList:o}=t;if(this.__initialClasses||(this.__initialClasses=new Set(o)),Array.isArray(this.__previousClasses)){const e=this.__previousClasses.filter((e=>!this.__initialClasses.has(e)));e.length>0&&o.remove(...e)}const s="string"==typeof e?e.split(" "):[];s.length>0&&o.add(...s),this.__previousClasses=s}}},4457:(e,t,o)=>{o.d(t,{F:()=>m});var s=o(2223),n=o(1037),i=o(962);class r{constructor(e,t){this.host=e,this.callback="function"==typeof t?t:()=>e}showModal(){const e=this.callback();this.__showOthers=(0,i.Ry)(e)}close(){this.__showOthers&&(this.__showOthers(),this.__showOthers=null)}}var a=o(3392),l=o(1486),d=o(3550),h=o(6155);const c=e=>class extends((0,h.k)(e)){static get properties(){return{focusTrap:{type:Boolean,value:!1},restoreFocusOnClose:{type:Boolean,value:!1},restoreFocusNode:{type:HTMLElement}}}constructor(){super(),this.__ariaModalController=new r(this),this.__focusTrapController=new l.f(this),this.__focusRestorationController=new a.G}ready(){super.ready(),this.addController(this.__ariaModalController),this.addController(this.__focusTrapController),this.addController(this.__focusRestorationController)}_resetFocus(){this.focusTrap&&(this.__ariaModalController.close(),this.__focusTrapController.releaseFocus()),this.restoreFocusOnClose&&this._shouldRestoreFocus()&&this.__focusRestorationController.restoreFocus()}_saveFocus(){this.restoreFocusOnClose&&this.__focusRestorationController.saveFocus(this.restoreFocusNode)}_trapFocus(){this.focusTrap&&(this.__ariaModalController.showModal(),this.__focusTrapController.trapFocus(this.$.overlay))}_shouldRestoreFocus(){const e=(0,d.Gf)();return e===document.body||this._deepContains(e)}_deepContains(e){if(this.contains(e))return!0;let t=e;const o=e.ownerDocument;for(;t&&t!==o&&t!==this;)t=t.parentNode||t.host;return t===this}},u=()=>Array.from(document.body.children).filter((e=>e instanceof HTMLElement&&e._hasOverlayStackMixin&&!e.hasAttribute("closing"))).sort(((e,t)=>e.__zIndex-t.__zIndex||0)),p=e=>class extends e{constructor(){super(),this._hasOverlayStackMixin=!0}get _last(){return this===u().pop()}bringToFront(){let e="";const t=u().filter((e=>e!==this)).pop();t&&(e=t.__zIndex+1),this.style.zIndex=e,this.__zIndex=e||parseFloat(getComputedStyle(this).zIndex)}_enterModalState(){"none"!==document.body.style.pointerEvents&&(this._previousDocumentPointerEvents=document.body.style.pointerEvents,document.body.style.pointerEvents="none"),u().forEach((e=>{e!==this&&(e.$.overlay.style.pointerEvents="none")}))}_exitModalState(){void 0!==this._previousDocumentPointerEvents&&(document.body.style.pointerEvents=this._previousDocumentPointerEvents,delete this._previousDocumentPointerEvents);const e=u();let t;for(;(t=e.pop())&&(t===this||(t.$.overlay.style.removeProperty("pointer-events"),t.modeless)););}},m=e=>class extends(c(p(e))){static get properties(){return{opened:{type:Boolean,notify:!0,observer:"_openedChanged",reflectToAttribute:!0},owner:{type:Object},model:{type:Object},renderer:{type:Object},modeless:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_modelessChanged"},hidden:{type:Boolean,reflectToAttribute:!0,observer:"_hiddenChanged"},withBackdrop:{type:Boolean,value:!1,reflectToAttribute:!0}}}static get observers(){return["_rendererOrDataChanged(renderer, owner, model, opened)"]}constructor(){super(),this._boundMouseDownListener=this._mouseDownListener.bind(this),this._boundMouseUpListener=this._mouseUpListener.bind(this),this._boundOutsideClickListener=this._outsideClickListener.bind(this),this._boundKeydownListener=this._keydownListener.bind(this),n.gn&&(this._boundIosResizeListener=()=>this._detectIosNavbar())}ready(){super.ready(),this.addEventListener("click",(()=>{})),this.$.backdrop.addEventListener("click",(()=>{}))}connectedCallback(){super.connectedCallback(),this._boundIosResizeListener&&(this._detectIosNavbar(),window.addEventListener("resize",this._boundIosResizeListener))}disconnectedCallback(){super.disconnectedCallback(),this._boundIosResizeListener&&window.removeEventListener("resize",this._boundIosResizeListener)}requestContentUpdate(){this.renderer&&this.renderer.call(this.owner,this,this.owner,this.model)}close(e){const t=new CustomEvent("vaadin-overlay-close",{bubbles:!0,cancelable:!0,detail:{sourceEvent:e}});this.dispatchEvent(t),t.defaultPrevented||(this.opened=!1)}_detectIosNavbar(){if(!this.opened)return;const e=window.innerHeight,t=window.innerWidth>e,o=document.documentElement.clientHeight;t&&o>e?this.style.setProperty("--vaadin-overlay-viewport-bottom",o-e+"px"):this.style.setProperty("--vaadin-overlay-viewport-bottom","0")}_addGlobalListeners(){document.addEventListener("mousedown",this._boundMouseDownListener),document.addEventListener("mouseup",this._boundMouseUpListener),document.documentElement.addEventListener("click",this._boundOutsideClickListener,!0)}_removeGlobalListeners(){document.removeEventListener("mousedown",this._boundMouseDownListener),document.removeEventListener("mouseup",this._boundMouseUpListener),document.documentElement.removeEventListener("click",this._boundOutsideClickListener,!0)}_rendererOrDataChanged(e,t,o,s){const n=this._oldOwner!==t||this._oldModel!==o;this._oldModel=o,this._oldOwner=t;const i=this._oldRenderer!==e;this._oldRenderer=e;const r=this._oldOpened!==s;this._oldOpened=s,i&&(this.innerHTML="",delete this._$litPart$),s&&e&&(i||r||n)&&this.requestContentUpdate()}_modelessChanged(e){e?(this._removeGlobalListeners(),this._exitModalState()):this.opened&&(this._addGlobalListeners(),this._enterModalState())}_openedChanged(e,t){e?(this._saveFocus(),this._animatedOpening(),(0,s.T8)(this,(()=>{this._trapFocus();const e=new CustomEvent("vaadin-overlay-open",{bubbles:!0});this.dispatchEvent(e)})),document.addEventListener("keydown",this._boundKeydownListener),this.modeless||this._addGlobalListeners()):t&&(this._resetFocus(),this._animatedClosing(),document.removeEventListener("keydown",this._boundKeydownListener),this.modeless||this._removeGlobalListeners())}_hiddenChanged(e){e&&this.hasAttribute("closing")&&this._flushAnimation("closing")}_shouldAnimate(){const e=getComputedStyle(this),t=e.getPropertyValue("animation-name");return!("none"===e.getPropertyValue("display"))&&t&&"none"!==t}_enqueueAnimation(e,t){const o=`__${e}Handler`,s=e=>{e&&e.target!==this||(t(),this.removeEventListener("animationend",s),delete this[o])};this[o]=s,this.addEventListener("animationend",s)}_flushAnimation(e){const t=`__${e}Handler`;"function"==typeof this[t]&&this[t]()}_animatedOpening(){this.parentNode===document.body&&this.hasAttribute("closing")&&this._flushAnimation("closing"),this._attachOverlay(),this.modeless||this._enterModalState(),this.setAttribute("opening",""),this._shouldAnimate()?this._enqueueAnimation("opening",(()=>{this._finishOpening()})):this._finishOpening()}_attachOverlay(){this._placeholder=document.createComment("vaadin-overlay-placeholder"),this.parentNode.insertBefore(this._placeholder,this),document.body.appendChild(this),this.bringToFront()}_finishOpening(){this.removeAttribute("opening")}_finishClosing(){this._detachOverlay(),this.$.overlay.style.removeProperty("pointer-events"),this.removeAttribute("closing"),this.dispatchEvent(new CustomEvent("vaadin-overlay-closed"))}_animatedClosing(){this.hasAttribute("opening")&&this._flushAnimation("opening"),this._placeholder&&(this._exitModalState(),this.setAttribute("closing",""),this.dispatchEvent(new CustomEvent("vaadin-overlay-closing")),this._shouldAnimate()?this._enqueueAnimation("closing",(()=>{this._finishClosing()})):this._finishClosing())}_detachOverlay(){this._placeholder.parentNode.insertBefore(this,this._placeholder),this._placeholder.parentNode.removeChild(this._placeholder)}_mouseDownListener(e){this._mouseDownInside=e.composedPath().indexOf(this.$.overlay)>=0}_mouseUpListener(e){this._mouseUpInside=e.composedPath().indexOf(this.$.overlay)>=0}_shouldCloseOnOutsideClick(e){return this._last}_outsideClickListener(e){if(e.composedPath().includes(this.$.overlay)||this._mouseDownInside||this._mouseUpInside)return this._mouseDownInside=!1,void(this._mouseUpInside=!1);if(!this._shouldCloseOnOutsideClick(e))return;const t=new CustomEvent("vaadin-overlay-outside-click",{bubbles:!0,cancelable:!0,detail:{sourceEvent:e}});this.dispatchEvent(t),this.opened&&!t.defaultPrevented&&this.close(e)}_keydownListener(e){if(this._last&&(!this.modeless||e.composedPath().includes(this.$.overlay))&&"Escape"===e.key){const t=new CustomEvent("vaadin-overlay-escape-press",{bubbles:!0,cancelable:!0,detail:{sourceEvent:e}});this.dispatchEvent(t),this.opened&&!t.defaultPrevented&&this.close(e)}}}},6196:(e,t,o)=>{o.d(t,{r:()=>s});const s=o(9897).iv`
|
3
|
-
:host {
|
4
|
-
z-index: 200;
|
5
|
-
position: fixed;
|
6
|
-
|
7
|
-
/* Despite of what the names say, <vaadin-overlay> is just a container
|
8
|
-
for position/sizing/alignment. The actual overlay is the overlay part. */
|
9
|
-
|
10
|
-
/* Default position constraints: the entire viewport. Note: themes can
|
11
|
-
override this to introduce gaps between the overlay and the viewport. */
|
12
|
-
inset: 0;
|
13
|
-
bottom: var(--vaadin-overlay-viewport-bottom);
|
14
|
-
|
15
|
-
/* Use flexbox alignment for the overlay part. */
|
16
|
-
display: flex;
|
17
|
-
flex-direction: column; /* makes dropdowns sizing easier */
|
18
|
-
/* Align to center by default. */
|
19
|
-
align-items: center;
|
20
|
-
justify-content: center;
|
21
|
-
|
22
|
-
/* Allow centering when max-width/max-height applies. */
|
23
|
-
margin: auto;
|
24
|
-
|
25
|
-
/* The host is not clickable, only the overlay part is. */
|
26
|
-
pointer-events: none;
|
27
|
-
|
28
|
-
/* Remove tap highlight on touch devices. */
|
29
|
-
-webkit-tap-highlight-color: transparent;
|
30
|
-
|
31
|
-
/* CSS API for host */
|
32
|
-
--vaadin-overlay-viewport-bottom: 0;
|
33
|
-
}
|
34
|
-
|
35
|
-
:host([hidden]),
|
36
|
-
:host(:not([opened]):not([closing])) {
|
37
|
-
display: none !important;
|
38
|
-
}
|
39
|
-
|
40
|
-
[part='overlay'] {
|
41
|
-
-webkit-overflow-scrolling: touch;
|
42
|
-
overflow: auto;
|
43
|
-
pointer-events: auto;
|
44
|
-
|
45
|
-
/* Prevent overflowing the host */
|
46
|
-
max-width: 100%;
|
47
|
-
box-sizing: border-box;
|
48
|
-
|
49
|
-
-webkit-tap-highlight-color: initial; /* reenable tap highlight inside */
|
50
|
-
}
|
51
|
-
|
52
|
-
[part='backdrop'] {
|
53
|
-
z-index: -1;
|
54
|
-
content: '';
|
55
|
-
background: rgba(0, 0, 0, 0.5);
|
56
|
-
position: fixed;
|
57
|
-
inset: 0;
|
58
|
-
pointer-events: auto;
|
59
|
-
}
|
60
|
-
`},510:(e,t,o)=>{o.d(t,{I:()=>n}),o(1195),o(9416),o(9849),o(4173);var s=o(6570);const n=s.iv`
|
61
|
-
:host {
|
62
|
-
top: var(--lumo-space-m);
|
63
|
-
right: var(--lumo-space-m);
|
64
|
-
bottom: var(--lumo-space-m);
|
65
|
-
left: var(--lumo-space-m);
|
66
|
-
/* Workaround for Edge issue (only on Surface), where an overflowing vaadin-list-box inside vaadin-select-overlay makes the overlay transparent */
|
67
|
-
/* stylelint-disable-next-line */
|
68
|
-
outline: 0px solid transparent;
|
69
|
-
}
|
70
|
-
|
71
|
-
[part='overlay'] {
|
72
|
-
background-color: var(--lumo-base-color);
|
73
|
-
background-image: linear-gradient(var(--lumo-tint-5pct), var(--lumo-tint-5pct));
|
74
|
-
border-radius: var(--lumo-border-radius-m);
|
75
|
-
box-shadow: 0 0 0 1px var(--lumo-shade-5pct), var(--lumo-box-shadow-m);
|
76
|
-
color: var(--lumo-body-text-color);
|
77
|
-
font-family: var(--lumo-font-family);
|
78
|
-
font-size: var(--lumo-font-size-m);
|
79
|
-
font-weight: 400;
|
80
|
-
line-height: var(--lumo-line-height-m);
|
81
|
-
letter-spacing: 0;
|
82
|
-
text-transform: none;
|
83
|
-
-webkit-text-size-adjust: 100%;
|
84
|
-
-webkit-font-smoothing: antialiased;
|
85
|
-
-moz-osx-font-smoothing: grayscale;
|
86
|
-
}
|
87
|
-
|
88
|
-
[part='content'] {
|
89
|
-
padding: var(--lumo-space-xs);
|
90
|
-
}
|
91
|
-
|
92
|
-
[part='backdrop'] {
|
93
|
-
background-color: var(--lumo-shade-20pct);
|
94
|
-
animation: 0.2s lumo-overlay-backdrop-enter both;
|
95
|
-
will-change: opacity;
|
96
|
-
}
|
97
|
-
|
98
|
-
@keyframes lumo-overlay-backdrop-enter {
|
99
|
-
0% {
|
100
|
-
opacity: 0;
|
101
|
-
}
|
102
|
-
}
|
103
|
-
|
104
|
-
:host([closing]) [part='backdrop'] {
|
105
|
-
animation: 0.2s lumo-overlay-backdrop-exit both;
|
106
|
-
}
|
107
|
-
|
108
|
-
@keyframes lumo-overlay-backdrop-exit {
|
109
|
-
100% {
|
110
|
-
opacity: 0;
|
111
|
-
}
|
112
|
-
}
|
113
|
-
|
114
|
-
@keyframes lumo-overlay-dummy-animation {
|
115
|
-
0% {
|
116
|
-
opacity: 1;
|
117
|
-
}
|
118
|
-
|
119
|
-
100% {
|
120
|
-
opacity: 1;
|
121
|
-
}
|
122
|
-
}
|
123
|
-
`;(0,s.hC)("",n,{moduleId:"lumo-overlay"})}}]);
|
File without changes
|