@vaadin/bundles 25.0.0 → 25.1.0-alpha1

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.
@@ -21,7 +21,7 @@ __webpack_require__.r(__webpack_exports__);
21
21
  /* harmony import */ var _vaadin_iconset_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./vaadin-iconset.js */ "./node_modules/@vaadin/vaadin-lumo-styles/vaadin-iconset.js");
22
22
  /**
23
23
  * @license
24
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
24
+ * Copyright (c) 2017 - 2026 Vaadin Ltd.
25
25
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
26
26
  */
27
27
 
@@ -51,7 +51,7 @@ __webpack_require__.r(__webpack_exports__);
51
51
  /* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
52
52
  /**
53
53
  * @license
54
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
54
+ * Copyright (c) 2017 - 2026 Vaadin Ltd.
55
55
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
56
56
  */
57
57
 
@@ -110,7 +110,7 @@ __webpack_require__.r(__webpack_exports__);
110
110
  /* harmony import */ var _overlay_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./overlay.js */ "./node_modules/@vaadin/vaadin-lumo-styles/mixins/overlay.js");
111
111
  /**
112
112
  * @license
113
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
113
+ * Copyright (c) 2017 - 2026 Vaadin Ltd.
114
114
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
115
115
  */
116
116
 
@@ -235,7 +235,7 @@ __webpack_require__.r(__webpack_exports__);
235
235
  /* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
236
236
  /**
237
237
  * @license
238
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
238
+ * Copyright (c) 2017 - 2026 Vaadin Ltd.
239
239
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
240
240
  */
241
241
 
@@ -328,7 +328,7 @@ __webpack_require__.r(__webpack_exports__);
328
328
  /* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
329
329
  /**
330
330
  * @license
331
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
331
+ * Copyright (c) 2017 - 2026 Vaadin Ltd.
332
332
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
333
333
  */
334
334
 
@@ -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;;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":""}
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 - 2026 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 - 2026 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 - 2026 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 - 2026 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 - 2026 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":""}