@vaadin/multi-select-combo-box 24.8.4 → 25.0.0-alpha10

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.
Files changed (44) hide show
  1. package/README.md +0 -23
  2. package/package.json +18 -19
  3. package/src/{vaadin-multi-select-combo-box-styles.d.ts → styles/vaadin-multi-select-combo-box-base-styles.d.ts} +1 -3
  4. package/src/styles/vaadin-multi-select-combo-box-base-styles.js +58 -0
  5. package/src/styles/vaadin-multi-select-combo-box-chip-base-styles.js +112 -0
  6. package/src/styles/vaadin-multi-select-combo-box-chip-core-styles.js +33 -0
  7. package/{theme/material/vaadin-multi-select-combo-box-chip-styles.d.ts → src/styles/vaadin-multi-select-combo-box-core-styles.d.ts} +3 -3
  8. package/src/{vaadin-multi-select-combo-box-styles.js → styles/vaadin-multi-select-combo-box-core-styles.js} +6 -29
  9. package/src/styles/vaadin-multi-select-combo-box-overlay-base-styles.js +19 -0
  10. package/src/styles/vaadin-multi-select-combo-box-overlay-core-styles.js +21 -0
  11. package/src/styles/vaadin-multi-select-combo-box-scroller-base-styles.js +8 -0
  12. package/src/styles/vaadin-multi-select-combo-box-scroller-core-styles.js +27 -0
  13. package/src/vaadin-multi-select-combo-box-chip.js +17 -11
  14. package/src/vaadin-multi-select-combo-box-container.js +27 -34
  15. package/src/vaadin-multi-select-combo-box-item.js +13 -12
  16. package/src/vaadin-multi-select-combo-box-mixin.d.ts +9 -82
  17. package/src/vaadin-multi-select-combo-box-mixin.js +380 -268
  18. package/src/vaadin-multi-select-combo-box-overlay.js +15 -25
  19. package/src/vaadin-multi-select-combo-box-scroller.js +10 -26
  20. package/src/vaadin-multi-select-combo-box.d.ts +14 -10
  21. package/src/vaadin-multi-select-combo-box.js +52 -69
  22. package/theme/lumo/vaadin-multi-select-combo-box-styles.js +4 -1
  23. package/web-types.json +207 -230
  24. package/web-types.lit.json +78 -78
  25. package/src/vaadin-lit-multi-select-combo-box-chip.js +0 -88
  26. package/src/vaadin-lit-multi-select-combo-box-container.js +0 -66
  27. package/src/vaadin-lit-multi-select-combo-box-internal.js +0 -56
  28. package/src/vaadin-lit-multi-select-combo-box-item.js +0 -68
  29. package/src/vaadin-lit-multi-select-combo-box-overlay.js +0 -64
  30. package/src/vaadin-lit-multi-select-combo-box-scroller.js +0 -96
  31. package/src/vaadin-lit-multi-select-combo-box.js +0 -146
  32. package/src/vaadin-multi-select-combo-box-internal-mixin.js +0 -449
  33. package/src/vaadin-multi-select-combo-box-internal.js +0 -51
  34. package/theme/lumo/vaadin-lit-multi-select-combo-box.d.ts +0 -3
  35. package/theme/lumo/vaadin-lit-multi-select-combo-box.js +0 -3
  36. package/theme/material/vaadin-lit-multi-select-combo-box.d.ts +0 -3
  37. package/theme/material/vaadin-lit-multi-select-combo-box.js +0 -3
  38. package/theme/material/vaadin-multi-select-combo-box-chip-styles.js +0 -102
  39. package/theme/material/vaadin-multi-select-combo-box-styles.d.ts +0 -9
  40. package/theme/material/vaadin-multi-select-combo-box-styles.js +0 -92
  41. package/theme/material/vaadin-multi-select-combo-box.d.ts +0 -8
  42. package/theme/material/vaadin-multi-select-combo-box.js +0 -8
  43. package/vaadin-lit-multi-select-combo-box.d.ts +0 -1
  44. package/vaadin-lit-multi-select-combo-box.js +0 -2
@@ -1,92 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright (c) 2021 - 2025 Vaadin Ltd.
4
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
- */
6
- import '@vaadin/input-container/theme/material/vaadin-input-container-styles.js';
7
- import '@vaadin/vaadin-material-styles/color.js';
8
- import '@vaadin/vaadin-material-styles/font-icons.js';
9
- import '@vaadin/vaadin-material-styles/typography.js';
10
- import { comboBoxItem } from '@vaadin/combo-box/theme/material/vaadin-combo-box-item-styles.js';
11
- import { comboBoxLoader, comboBoxOverlay } from '@vaadin/combo-box/theme/material/vaadin-combo-box-overlay-styles.js';
12
- import { item } from '@vaadin/item/theme/material/vaadin-item-styles.js';
13
- import { inputFieldShared } from '@vaadin/vaadin-material-styles/mixins/input-field-shared.js';
14
- import { loader } from '@vaadin/vaadin-material-styles/mixins/loader.js';
15
- import { menuOverlay } from '@vaadin/vaadin-material-styles/mixins/menu-overlay.js';
16
- import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
17
-
18
- const multiSelectComboBoxItem = css`
19
- @media (any-hover: hover) {
20
- :host(:hover[readonly]) {
21
- background-color: transparent;
22
- cursor: default;
23
- }
24
- }
25
- `;
26
-
27
- registerStyles('vaadin-multi-select-combo-box-item', [item, comboBoxItem, multiSelectComboBoxItem], {
28
- moduleId: 'material-multi-select-combo-box-item',
29
- });
30
-
31
- registerStyles(
32
- 'vaadin-multi-select-combo-box-overlay',
33
- [
34
- menuOverlay,
35
- comboBoxOverlay,
36
- loader,
37
- comboBoxLoader,
38
- css`
39
- :host {
40
- --_vaadin-multi-select-combo-box-items-container-border-width: 8px 0;
41
- --_vaadin-multi-select-combo-box-items-container-border-style: solid;
42
- }
43
- `,
44
- ],
45
- { moduleId: 'material-multi-select-combo-box-overlay' },
46
- );
47
-
48
- const multiSelectComboBox = css`
49
- :host([has-value]) ::slotted(input:placeholder-shown) {
50
- caret-color: var(--material-body-text-color) !important;
51
- }
52
-
53
- /* Override input-container styles */
54
- ::slotted([slot='chip']),
55
- ::slotted([slot='overflow']) {
56
- padding: 0 0.5rem;
57
- }
58
-
59
- :host([auto-expand-vertically]) ::slotted([slot='chip']) {
60
- margin-top: 0.25rem;
61
- align-self: flex-start;
62
- }
63
-
64
- ::slotted([slot='chip']:not([readonly]):not([disabled])) {
65
- padding-inline-end: 0;
66
- }
67
-
68
- [part='input-field'] {
69
- height: auto;
70
- min-height: 32px;
71
- }
72
-
73
- [part='input-field'] ::slotted(input) {
74
- padding: 6px 0;
75
- }
76
-
77
- [part='toggle-button']::before {
78
- content: var(--material-icons-dropdown);
79
- }
80
-
81
- :host([opened]) [part='toggle-button'] {
82
- transform: rotate(180deg);
83
- }
84
-
85
- :host([readonly][has-value]) [part='toggle-button'] {
86
- color: var(--material-secondary-text-color);
87
- }
88
- `;
89
-
90
- registerStyles('vaadin-multi-select-combo-box', [inputFieldShared, multiSelectComboBox], {
91
- moduleId: 'material-multi-select-combo-box',
92
- });
@@ -1,8 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright (c) 2021 - 2025 Vaadin Ltd.
4
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
- */
6
- import './vaadin-multi-select-combo-box-chip-styles.js';
7
- import './vaadin-multi-select-combo-box-styles.js';
8
- import '../../src/vaadin-multi-select-combo-box.js';
@@ -1,8 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright (c) 2021 - 2025 Vaadin Ltd.
4
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
- */
6
- import './vaadin-multi-select-combo-box-chip-styles.js';
7
- import './vaadin-multi-select-combo-box-styles.js';
8
- import '../../src/vaadin-multi-select-combo-box.js';
@@ -1 +0,0 @@
1
- export * from './src/vaadin-multi-select-combo-box.js';
@@ -1,2 +0,0 @@
1
- import './theme/lumo/vaadin-lit-multi-select-combo-box.js';
2
- export * from './src/vaadin-lit-multi-select-combo-box.js';