@vaadin/bundles 25.0.0-beta6 → 25.0.0-beta7
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.
|
@@ -158,10 +158,7 @@ const menuOverlayExt = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__W
|
|
|
158
158
|
/* Use direct media queries instead of the state attributes ([phone] and [fullscreen]) provided by the elements */
|
|
159
159
|
@media (max-width: 450px), (max-height: 450px) {
|
|
160
160
|
:host {
|
|
161
|
-
|
|
162
|
-
right: 0 !important;
|
|
163
|
-
bottom: var(--vaadin-overlay-viewport-bottom, 0) !important;
|
|
164
|
-
left: 0 !important;
|
|
161
|
+
inset: 0 0 var(--vaadin-overlay-viewport-bottom, 0) 0 !important;
|
|
165
162
|
align-items: stretch !important;
|
|
166
163
|
justify-content: flex-end !important;
|
|
167
164
|
}
|
|
@@ -248,10 +245,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
248
245
|
|
|
249
246
|
const overlay = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.css`
|
|
250
247
|
:host {
|
|
251
|
-
|
|
252
|
-
right: var(--lumo-space-m);
|
|
253
|
-
bottom: var(--lumo-space-m);
|
|
254
|
-
left: var(--lumo-space-m);
|
|
248
|
+
inset: var(--vaadin-overlay-viewport-inset, var(--lumo-space-m));
|
|
255
249
|
/* Workaround for Edge issue (only on Surface), where an overflowing vaadin-list-box inside vaadin-select-overlay makes the overlay transparent */
|
|
256
250
|
/* stylelint-disable-next-line */
|
|
257
251
|
outline: 0px solid transparent;
|
|
@@ -350,8 +344,7 @@ const requiredField = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WE
|
|
|
350
344
|
font-size: var(--vaadin-input-field-label-font-size, var(--lumo-font-size-s));
|
|
351
345
|
transition: color 0.2s;
|
|
352
346
|
line-height: 1;
|
|
353
|
-
padding-inline
|
|
354
|
-
padding-inline-end: 1em;
|
|
347
|
+
padding-inline: calc(var(--lumo-border-radius-m) / 4) 1em;
|
|
355
348
|
padding-bottom: 0.5em;
|
|
356
349
|
/* As a workaround for diacritics being cut off, add a top padding and a
|
|
357
350
|
negative margin to compensate */
|
|
@@ -397,8 +390,11 @@ const requiredField = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WE
|
|
|
397
390
|
}
|
|
398
391
|
|
|
399
392
|
:host([required]) [part='required-indicator']::after {
|
|
400
|
-
content: var(--lumo-required-field-indicator, '
|
|
401
|
-
color: var(
|
|
393
|
+
content: var(--vaadin-input-field-required-indicator, var(--lumo-required-field-indicator, '\2022'));
|
|
394
|
+
color: var(
|
|
395
|
+
--vaadin-input-field-required-indicator-color,
|
|
396
|
+
var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color))
|
|
397
|
+
);
|
|
402
398
|
position: absolute;
|
|
403
399
|
right: 0;
|
|
404
400
|
width: 1em;
|
|
@@ -406,7 +402,10 @@ const requiredField = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WE
|
|
|
406
402
|
}
|
|
407
403
|
|
|
408
404
|
:host([invalid]) [part='required-indicator']::after {
|
|
409
|
-
color: var(
|
|
405
|
+
color: var(
|
|
406
|
+
--vaadin-input-field-required-indicator-color,
|
|
407
|
+
var(--lumo-required-field-indicator-color, var(--lumo-error-text-color))
|
|
408
|
+
);
|
|
410
409
|
}
|
|
411
410
|
|
|
412
411
|
[part='error-message'] {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vendors-node_modules_vaadin_vaadin-lumo-styles_all-imports_js.js","mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACkC;AACO;AACP;AACO;AACZ;AACO;AACA;AACO;AACd;;;;;;;;;;;;;;;;;ACb7B;AACA;AACA;AACA;AACA;AACsE;AACuB;;AAE7F,oFAAY;;AAEZ,oBAAoB,uFAAG;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,sGAAc,oBAAoB,+BAA+B;;AAE1C;;;;;;;;;;;;;;;;;;;ACxCvB;AACA;AACA;AACA;AACA;AACsE;AACuB;AACtD;;AAEvC,oFAAY;;AAEZ,wBAAwB,uFAAG;AAC3B;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA,sGAAc,wBAAwB,oCAAoC;;AAE1E,uBAAuB,uFAAG;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA,qBAAqB,gDAAO;;AAE5B,sGAAc,oBAAoB,+BAA+B;;AAEzB;;;;;;;;;;;;;;;;;AC/GxC;AACA;AACA;AACA;AACA;AACsE;AACuB;;AAE7F,oFAAY;;AAEZ,gBAAgB,uFAAG;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA,sGAAc,gBAAgB,0BAA0B;;AAErC;;;;;;;;;;;;;;;;;AC/EnB;AACA;AACA;AACA;AACA;AACsE;AACuB;;AAE7F,oFAAY;;AAEZ,sBAAsB,uFAAG;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA,sGAAc,sBAAsB,iCAAiC;;AAE5C","sources":["webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/all-imports.js","webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/mixins/field-button.js","webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/mixins/menu-overlay.js","webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/mixins/overlay.js","webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/mixins/required-field.js"],"sourcesContent":["/**\n * @license\n * Copyright (c) 2017 - 2025 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport './mixins/field-button.js';\nexport * from './mixins/field-button.js';\nimport './mixins/menu-overlay.js';\nexport * from './mixins/menu-overlay.js';\nimport './mixins/overlay.js';\nexport * from './mixins/overlay.js';\nimport './mixins/required-field.js';\nexport * from './mixins/required-field.js';\nimport './vaadin-iconset.js';\n","/**\n * @license\n * Copyright (c) 2017 - 2025 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { issueWarning } from '@vaadin/component-base/src/warnings.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nissueWarning('Lumo .js mixins are deprecated and will be removed in V26');\n\nconst fieldButton = css`\n [part$='button'] {\n flex: none;\n width: 1em;\n height: 1em;\n line-height: 1;\n font-size: var(--lumo-icon-size-m);\n text-align: center;\n color: var(--lumo-contrast-60pct);\n transition: 0.2s color;\n cursor: var(--lumo-clickable-cursor);\n }\n\n [part$='button']:hover {\n color: var(--lumo-contrast-90pct);\n }\n\n :host([disabled]) [part$='button'],\n :host([readonly]) [part$='button'] {\n color: var(--lumo-contrast-20pct);\n cursor: default;\n }\n\n [part$='button']::before {\n font-family: 'lumo-icons';\n display: block;\n }\n`;\nregisterStyles('', fieldButton, { moduleId: 'lumo-field-button' });\n\nexport { fieldButton };\n","/**\n * @license\n * Copyright (c) 2017 - 2025 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { issueWarning } from '@vaadin/component-base/src/warnings.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { overlay } from './overlay.js';\n\nissueWarning('Lumo .js mixins are deprecated and will be removed in V26');\n\nconst menuOverlayCore = css`\n :host([opening]),\n :host([closing]) {\n animation: 0.14s lumo-overlay-dummy-animation;\n }\n\n [part='overlay'] {\n will-change: opacity, transform;\n }\n\n :host([opening]) [part='overlay'] {\n animation: 0.1s lumo-menu-overlay-enter ease-out both;\n }\n\n @keyframes lumo-menu-overlay-enter {\n 0% {\n opacity: 0;\n transform: translateY(-4px);\n }\n }\n\n :host([closing]) [part='overlay'] {\n animation: 0.1s lumo-menu-overlay-exit both;\n }\n\n @keyframes lumo-menu-overlay-exit {\n 100% {\n opacity: 0;\n }\n }\n`;\n\nregisterStyles('', menuOverlayCore, { moduleId: 'lumo-menu-overlay-core' });\n\nconst menuOverlayExt = css`\n /* Small viewport (bottom sheet) styles */\n /* Use direct media queries instead of the state attributes ([phone] and [fullscreen]) provided by the elements */\n @media (max-width: 450px), (max-height: 450px) {\n :host {\n top: 0 !important;\n right: 0 !important;\n bottom: var(--vaadin-overlay-viewport-bottom, 0) !important;\n left: 0 !important;\n align-items: stretch !important;\n justify-content: flex-end !important;\n }\n\n [part='overlay'] {\n max-height: 50vh;\n width: 100vw;\n border-radius: 0;\n box-shadow: var(--lumo-box-shadow-xl);\n }\n\n /* The content part scrolls instead of the overlay part, because of the gradient fade-out */\n [part='content'] {\n padding: 30px var(--lumo-space-m);\n max-height: inherit;\n box-sizing: border-box;\n overflow: auto;\n mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);\n }\n\n [part='backdrop'] {\n display: block;\n }\n\n /* Animations */\n\n :host([opening]) [part='overlay'] {\n animation: 0.2s lumo-mobile-menu-overlay-enter cubic-bezier(0.215, 0.61, 0.355, 1) both;\n }\n\n :host([closing]),\n :host([closing]) [part='backdrop'] {\n animation-delay: 0.14s;\n }\n\n :host([closing]) [part='overlay'] {\n animation: 0.14s 0.14s lumo-mobile-menu-overlay-exit cubic-bezier(0.55, 0.055, 0.675, 0.19) both;\n }\n }\n\n @keyframes lumo-mobile-menu-overlay-enter {\n 0% {\n transform: translateY(150%);\n }\n }\n\n @keyframes lumo-mobile-menu-overlay-exit {\n 100% {\n transform: translateY(150%);\n }\n }\n`;\n\nconst menuOverlay = [overlay, menuOverlayCore, menuOverlayExt];\n\nregisterStyles('', menuOverlay, { moduleId: 'lumo-menu-overlay' });\n\nexport { menuOverlayCore, menuOverlay };\n","/**\n * @license\n * Copyright (c) 2017 - 2025 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { issueWarning } from '@vaadin/component-base/src/warnings.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nissueWarning('Lumo .js mixins are deprecated and will be removed in V26');\n\nconst overlay = css`\n :host {\n top: var(--lumo-space-m);\n right: var(--lumo-space-m);\n bottom: var(--lumo-space-m);\n left: var(--lumo-space-m);\n /* Workaround for Edge issue (only on Surface), where an overflowing vaadin-list-box inside vaadin-select-overlay makes the overlay transparent */\n /* stylelint-disable-next-line */\n outline: 0px solid transparent;\n }\n\n [part='overlay'] {\n background-color: var(--lumo-base-color);\n background-image: linear-gradient(var(--lumo-tint-5pct), var(--lumo-tint-5pct));\n border-radius: var(--lumo-border-radius-m);\n box-shadow:\n 0 0 0 1px var(--lumo-shade-5pct),\n var(--lumo-box-shadow-m);\n color: var(--lumo-body-text-color);\n font-family: var(--lumo-font-family);\n font-size: var(--lumo-font-size-m);\n font-weight: 400;\n line-height: var(--lumo-line-height-m);\n letter-spacing: 0;\n text-transform: none;\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n [part='content'] {\n padding: var(--lumo-space-xs);\n }\n\n [part='backdrop'] {\n background-color: var(--lumo-shade-20pct);\n animation: 0.2s lumo-overlay-backdrop-enter both;\n will-change: opacity;\n }\n\n @keyframes lumo-overlay-backdrop-enter {\n 0% {\n opacity: 0;\n }\n }\n\n :host([closing]) [part='backdrop'] {\n animation: 0.2s lumo-overlay-backdrop-exit both;\n }\n\n @keyframes lumo-overlay-backdrop-exit {\n 100% {\n opacity: 0;\n }\n }\n\n @keyframes lumo-overlay-dummy-animation {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 1;\n }\n }\n`;\n\nregisterStyles('', overlay, { moduleId: 'lumo-overlay' });\n\nexport { overlay };\n","/**\n * @license\n * Copyright (c) 2017 - 2025 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { issueWarning } from '@vaadin/component-base/src/warnings.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nissueWarning('Lumo .js mixins are deprecated and will be removed in V26');\n\nconst requiredField = css`\n [part='label'] {\n align-self: flex-start;\n color: var(--vaadin-input-field-label-color, var(--lumo-secondary-text-color));\n font-weight: var(--vaadin-input-field-label-font-weight, 500);\n font-size: var(--vaadin-input-field-label-font-size, var(--lumo-font-size-s));\n transition: color 0.2s;\n line-height: 1;\n padding-inline-start: calc(var(--lumo-border-radius-m) / 4);\n padding-inline-end: 1em;\n padding-bottom: 0.5em;\n /* As a workaround for diacritics being cut off, add a top padding and a\n negative margin to compensate */\n padding-top: 0.25em;\n margin-top: -0.25em;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n position: relative;\n max-width: 100%;\n box-sizing: border-box;\n }\n\n :host([focused]:not([readonly])) [part='label'] {\n color: var(--vaadin-input-field-focused-label-color, var(--lumo-primary-text-color));\n }\n\n :host(:hover:not([readonly]):not([focused])) [part='label'] {\n color: var(--vaadin-input-field-hovered-label-color, var(--lumo-body-text-color));\n }\n\n /* Touch device adjustment */\n @media (pointer: coarse) {\n :host(:hover:not([readonly]):not([focused])) [part='label'] {\n color: var(--vaadin-input-field-label-color, var(--lumo-secondary-text-color));\n }\n }\n\n :host([has-label])::before {\n margin-top: calc(var(--lumo-font-size-s) * 1.5);\n }\n\n :host([has-label][theme~='small'])::before {\n margin-top: calc(var(--lumo-font-size-xs) * 1.5);\n }\n\n :host([has-label]) {\n padding-top: var(--lumo-space-m);\n }\n\n :host([has-label]) ::slotted([slot='tooltip']) {\n --vaadin-tooltip-offset-bottom: calc((var(--lumo-space-m) - var(--lumo-space-xs)) * -1);\n }\n\n :host([required]) [part='required-indicator']::after {\n content: var(--lumo-required-field-indicator, '\\\\2022');\n color: var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color));\n position: absolute;\n right: 0;\n width: 1em;\n text-align: center;\n }\n\n :host([invalid]) [part='required-indicator']::after {\n color: var(--lumo-required-field-indicator-color, var(--lumo-error-text-color));\n }\n\n [part='error-message'] {\n margin-left: calc(var(--lumo-border-radius-m) / 4);\n font-size: var(--vaadin-input-field-error-font-size, var(--lumo-font-size-xs));\n line-height: var(--lumo-line-height-xs);\n font-weight: var(--vaadin-input-field-error-font-weight, 400);\n color: var(--vaadin-input-field-error-color, var(--lumo-error-text-color));\n will-change: max-height;\n transition: 0.4s max-height;\n max-height: 5em;\n }\n\n :host([has-error-message]) [part='error-message']::before,\n :host([has-error-message]) [part='error-message']::after {\n content: '';\n display: block;\n height: 0.4em;\n }\n\n :host(:not([invalid])) [part='error-message'] {\n max-height: 0;\n overflow: hidden;\n }\n\n /* RTL specific styles */\n\n :host([dir='rtl']) [part='required-indicator']::after {\n right: auto;\n left: 0;\n }\n\n :host([dir='rtl']) [part='error-message'] {\n margin-left: 0;\n margin-right: calc(var(--lumo-border-radius-m) / 4);\n }\n`;\n\nregisterStyles('', requiredField, { moduleId: 'lumo-required-field' });\n\nexport { requiredField };\n"],"names":[],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"vendors-node_modules_vaadin_vaadin-lumo-styles_all-imports_js.js","mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACkC;AACO;AACP;AACO;AACZ;AACO;AACA;AACO;AACd;;;;;;;;;;;;;;;;;ACb7B;AACA;AACA;AACA;AACA;AACsE;AACuB;;AAE7F,oFAAY;;AAEZ,oBAAoB,uFAAG;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,sGAAc,oBAAoB,+BAA+B;;AAE1C;;;;;;;;;;;;;;;;;;;ACxCvB;AACA;AACA;AACA;AACA;AACsE;AACuB;AACtD;;AAEvC,oFAAY;;AAEZ,wBAAwB,uFAAG;AAC3B;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA,sGAAc,wBAAwB,oCAAoC;;AAE1E,uBAAuB,uFAAG;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA,qBAAqB,gDAAO;;AAE5B,sGAAc,oBAAoB,+BAA+B;;AAEzB;;;;;;;;;;;;;;;;;AC5GxC;AACA;AACA;AACA;AACA;AACsE;AACuB;;AAE7F,oFAAY;;AAEZ,gBAAgB,uFAAG;AACnB;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA,sGAAc,gBAAgB,0BAA0B;;AAErC;;;;;;;;;;;;;;;;;AC5EnB;AACA;AACA;AACA;AACA;AACsE;AACuB;;AAE7F,oFAAY;;AAEZ,sBAAsB,uFAAG;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA,sGAAc,sBAAsB,iCAAiC;;AAE5C","sources":["webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/all-imports.js","webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/mixins/field-button.js","webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/mixins/menu-overlay.js","webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/mixins/overlay.js","webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/mixins/required-field.js"],"sourcesContent":["/**\n * @license\n * Copyright (c) 2017 - 2025 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport './mixins/field-button.js';\nexport * from './mixins/field-button.js';\nimport './mixins/menu-overlay.js';\nexport * from './mixins/menu-overlay.js';\nimport './mixins/overlay.js';\nexport * from './mixins/overlay.js';\nimport './mixins/required-field.js';\nexport * from './mixins/required-field.js';\nimport './vaadin-iconset.js';\n","/**\n * @license\n * Copyright (c) 2017 - 2025 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { issueWarning } from '@vaadin/component-base/src/warnings.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nissueWarning('Lumo .js mixins are deprecated and will be removed in V26');\n\nconst fieldButton = css`\n [part$='button'] {\n flex: none;\n width: 1em;\n height: 1em;\n line-height: 1;\n font-size: var(--lumo-icon-size-m);\n text-align: center;\n color: var(--lumo-contrast-60pct);\n transition: 0.2s color;\n cursor: var(--lumo-clickable-cursor);\n }\n\n [part$='button']:hover {\n color: var(--lumo-contrast-90pct);\n }\n\n :host([disabled]) [part$='button'],\n :host([readonly]) [part$='button'] {\n color: var(--lumo-contrast-20pct);\n cursor: default;\n }\n\n [part$='button']::before {\n font-family: 'lumo-icons';\n display: block;\n }\n`;\nregisterStyles('', fieldButton, { moduleId: 'lumo-field-button' });\n\nexport { fieldButton };\n","/**\n * @license\n * Copyright (c) 2017 - 2025 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { issueWarning } from '@vaadin/component-base/src/warnings.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { overlay } from './overlay.js';\n\nissueWarning('Lumo .js mixins are deprecated and will be removed in V26');\n\nconst menuOverlayCore = css`\n :host([opening]),\n :host([closing]) {\n animation: 0.14s lumo-overlay-dummy-animation;\n }\n\n [part='overlay'] {\n will-change: opacity, transform;\n }\n\n :host([opening]) [part='overlay'] {\n animation: 0.1s lumo-menu-overlay-enter ease-out both;\n }\n\n @keyframes lumo-menu-overlay-enter {\n 0% {\n opacity: 0;\n transform: translateY(-4px);\n }\n }\n\n :host([closing]) [part='overlay'] {\n animation: 0.1s lumo-menu-overlay-exit both;\n }\n\n @keyframes lumo-menu-overlay-exit {\n 100% {\n opacity: 0;\n }\n }\n`;\n\nregisterStyles('', menuOverlayCore, { moduleId: 'lumo-menu-overlay-core' });\n\nconst menuOverlayExt = css`\n /* Small viewport (bottom sheet) styles */\n /* Use direct media queries instead of the state attributes ([phone] and [fullscreen]) provided by the elements */\n @media (max-width: 450px), (max-height: 450px) {\n :host {\n inset: 0 0 var(--vaadin-overlay-viewport-bottom, 0) 0 !important;\n align-items: stretch !important;\n justify-content: flex-end !important;\n }\n\n [part='overlay'] {\n max-height: 50vh;\n width: 100vw;\n border-radius: 0;\n box-shadow: var(--lumo-box-shadow-xl);\n }\n\n /* The content part scrolls instead of the overlay part, because of the gradient fade-out */\n [part='content'] {\n padding: 30px var(--lumo-space-m);\n max-height: inherit;\n box-sizing: border-box;\n overflow: auto;\n mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);\n }\n\n [part='backdrop'] {\n display: block;\n }\n\n /* Animations */\n\n :host([opening]) [part='overlay'] {\n animation: 0.2s lumo-mobile-menu-overlay-enter cubic-bezier(0.215, 0.61, 0.355, 1) both;\n }\n\n :host([closing]),\n :host([closing]) [part='backdrop'] {\n animation-delay: 0.14s;\n }\n\n :host([closing]) [part='overlay'] {\n animation: 0.14s 0.14s lumo-mobile-menu-overlay-exit cubic-bezier(0.55, 0.055, 0.675, 0.19) both;\n }\n }\n\n @keyframes lumo-mobile-menu-overlay-enter {\n 0% {\n transform: translateY(150%);\n }\n }\n\n @keyframes lumo-mobile-menu-overlay-exit {\n 100% {\n transform: translateY(150%);\n }\n }\n`;\n\nconst menuOverlay = [overlay, menuOverlayCore, menuOverlayExt];\n\nregisterStyles('', menuOverlay, { moduleId: 'lumo-menu-overlay' });\n\nexport { menuOverlayCore, menuOverlay };\n","/**\n * @license\n * Copyright (c) 2017 - 2025 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { issueWarning } from '@vaadin/component-base/src/warnings.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nissueWarning('Lumo .js mixins are deprecated and will be removed in V26');\n\nconst overlay = css`\n :host {\n inset: var(--vaadin-overlay-viewport-inset, var(--lumo-space-m));\n /* Workaround for Edge issue (only on Surface), where an overflowing vaadin-list-box inside vaadin-select-overlay makes the overlay transparent */\n /* stylelint-disable-next-line */\n outline: 0px solid transparent;\n }\n\n [part='overlay'] {\n background-color: var(--lumo-base-color);\n background-image: linear-gradient(var(--lumo-tint-5pct), var(--lumo-tint-5pct));\n border-radius: var(--lumo-border-radius-m);\n box-shadow:\n 0 0 0 1px var(--lumo-shade-5pct),\n var(--lumo-box-shadow-m);\n color: var(--lumo-body-text-color);\n font-family: var(--lumo-font-family);\n font-size: var(--lumo-font-size-m);\n font-weight: 400;\n line-height: var(--lumo-line-height-m);\n letter-spacing: 0;\n text-transform: none;\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n [part='content'] {\n padding: var(--lumo-space-xs);\n }\n\n [part='backdrop'] {\n background-color: var(--lumo-shade-20pct);\n animation: 0.2s lumo-overlay-backdrop-enter both;\n will-change: opacity;\n }\n\n @keyframes lumo-overlay-backdrop-enter {\n 0% {\n opacity: 0;\n }\n }\n\n :host([closing]) [part='backdrop'] {\n animation: 0.2s lumo-overlay-backdrop-exit both;\n }\n\n @keyframes lumo-overlay-backdrop-exit {\n 100% {\n opacity: 0;\n }\n }\n\n @keyframes lumo-overlay-dummy-animation {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 1;\n }\n }\n`;\n\nregisterStyles('', overlay, { moduleId: 'lumo-overlay' });\n\nexport { overlay };\n","/**\n * @license\n * Copyright (c) 2017 - 2025 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { issueWarning } from '@vaadin/component-base/src/warnings.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nissueWarning('Lumo .js mixins are deprecated and will be removed in V26');\n\nconst requiredField = css`\n [part='label'] {\n align-self: flex-start;\n color: var(--vaadin-input-field-label-color, var(--lumo-secondary-text-color));\n font-weight: var(--vaadin-input-field-label-font-weight, 500);\n font-size: var(--vaadin-input-field-label-font-size, var(--lumo-font-size-s));\n transition: color 0.2s;\n line-height: 1;\n padding-inline: calc(var(--lumo-border-radius-m) / 4) 1em;\n padding-bottom: 0.5em;\n /* As a workaround for diacritics being cut off, add a top padding and a\n negative margin to compensate */\n padding-top: 0.25em;\n margin-top: -0.25em;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n position: relative;\n max-width: 100%;\n box-sizing: border-box;\n }\n\n :host([focused]:not([readonly])) [part='label'] {\n color: var(--vaadin-input-field-focused-label-color, var(--lumo-primary-text-color));\n }\n\n :host(:hover:not([readonly]):not([focused])) [part='label'] {\n color: var(--vaadin-input-field-hovered-label-color, var(--lumo-body-text-color));\n }\n\n /* Touch device adjustment */\n @media (pointer: coarse) {\n :host(:hover:not([readonly]):not([focused])) [part='label'] {\n color: var(--vaadin-input-field-label-color, var(--lumo-secondary-text-color));\n }\n }\n\n :host([has-label])::before {\n margin-top: calc(var(--lumo-font-size-s) * 1.5);\n }\n\n :host([has-label][theme~='small'])::before {\n margin-top: calc(var(--lumo-font-size-xs) * 1.5);\n }\n\n :host([has-label]) {\n padding-top: var(--lumo-space-m);\n }\n\n :host([has-label]) ::slotted([slot='tooltip']) {\n --vaadin-tooltip-offset-bottom: calc((var(--lumo-space-m) - var(--lumo-space-xs)) * -1);\n }\n\n :host([required]) [part='required-indicator']::after {\n content: var(--vaadin-input-field-required-indicator, var(--lumo-required-field-indicator, '\\2022'));\n color: var(\n --vaadin-input-field-required-indicator-color,\n var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color))\n );\n position: absolute;\n right: 0;\n width: 1em;\n text-align: center;\n }\n\n :host([invalid]) [part='required-indicator']::after {\n color: var(\n --vaadin-input-field-required-indicator-color,\n var(--lumo-required-field-indicator-color, var(--lumo-error-text-color))\n );\n }\n\n [part='error-message'] {\n margin-left: calc(var(--lumo-border-radius-m) / 4);\n font-size: var(--vaadin-input-field-error-font-size, var(--lumo-font-size-xs));\n line-height: var(--lumo-line-height-xs);\n font-weight: var(--vaadin-input-field-error-font-weight, 400);\n color: var(--vaadin-input-field-error-color, var(--lumo-error-text-color));\n will-change: max-height;\n transition: 0.4s max-height;\n max-height: 5em;\n }\n\n :host([has-error-message]) [part='error-message']::before,\n :host([has-error-message]) [part='error-message']::after {\n content: '';\n display: block;\n height: 0.4em;\n }\n\n :host(:not([invalid])) [part='error-message'] {\n max-height: 0;\n overflow: hidden;\n }\n\n /* RTL specific styles */\n\n :host([dir='rtl']) [part='required-indicator']::after {\n right: auto;\n left: 0;\n }\n\n :host([dir='rtl']) [part='error-message'] {\n margin-left: 0;\n margin-right: calc(var(--lumo-border-radius-m) / 4);\n }\n`;\n\nregisterStyles('', requiredField, { moduleId: 'lumo-required-field' });\n\nexport { requiredField };\n"],"names":[],"sourceRoot":""}
|