@vaadin/multi-select-combo-box 24.4.0-alpha1 → 24.4.0-alpha3

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/multi-select-combo-box",
3
- "version": "24.4.0-alpha1",
3
+ "version": "24.4.0-alpha3",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -18,6 +18,7 @@
18
18
  },
19
19
  "main": "vaadin-multi-select-combo-box.js",
20
20
  "module": "vaadin-multi-select-combo-box.js",
21
+ "type": "module",
21
22
  "files": [
22
23
  "lit.d.ts",
23
24
  "lit.js",
@@ -37,17 +38,17 @@
37
38
  ],
38
39
  "dependencies": {
39
40
  "@polymer/polymer": "^3.0.0",
40
- "@vaadin/a11y-base": "24.4.0-alpha1",
41
- "@vaadin/combo-box": "24.4.0-alpha1",
42
- "@vaadin/component-base": "24.4.0-alpha1",
43
- "@vaadin/field-base": "24.4.0-alpha1",
44
- "@vaadin/input-container": "24.4.0-alpha1",
45
- "@vaadin/item": "24.4.0-alpha1",
46
- "@vaadin/lit-renderer": "24.4.0-alpha1",
47
- "@vaadin/overlay": "24.4.0-alpha1",
48
- "@vaadin/vaadin-lumo-styles": "24.4.0-alpha1",
49
- "@vaadin/vaadin-material-styles": "24.4.0-alpha1",
50
- "@vaadin/vaadin-themable-mixin": "24.4.0-alpha1"
41
+ "@vaadin/a11y-base": "24.4.0-alpha3",
42
+ "@vaadin/combo-box": "24.4.0-alpha3",
43
+ "@vaadin/component-base": "24.4.0-alpha3",
44
+ "@vaadin/field-base": "24.4.0-alpha3",
45
+ "@vaadin/input-container": "24.4.0-alpha3",
46
+ "@vaadin/item": "24.4.0-alpha3",
47
+ "@vaadin/lit-renderer": "24.4.0-alpha3",
48
+ "@vaadin/overlay": "24.4.0-alpha3",
49
+ "@vaadin/vaadin-lumo-styles": "24.4.0-alpha3",
50
+ "@vaadin/vaadin-material-styles": "24.4.0-alpha3",
51
+ "@vaadin/vaadin-themable-mixin": "24.4.0-alpha3"
51
52
  },
52
53
  "devDependencies": {
53
54
  "@esm-bundle/chai": "^4.3.4",
@@ -59,5 +60,5 @@
59
60
  "web-types.json",
60
61
  "web-types.lit.json"
61
62
  ],
62
- "gitHead": "3e2ed41c99d618ff7def2734fd863c21c85775a3"
63
+ "gitHead": "08563b9e009eb7f90921c172ab7982d64651aea2"
63
64
  }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
3
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import type { DirectiveResult } from 'lit/directive.js';
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
3
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import { directive } from 'lit/directive.js';
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
3
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
3
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import { defineCustomElement } from '@vaadin/component-base/src/define.js';
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
3
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import './vaadin-multi-select-combo-box-item.js';
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2018 - 2023 Vaadin Ltd.
3
+ * Copyright (c) 2018 - 2024 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import type { ComboBoxDefaultItem, ComboBoxItemMixinClass } from '@vaadin/combo-box/src/vaadin-combo-box-item-mixin.js';
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
3
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
@@ -1,15 +1,19 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
3
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import { ComboBoxOverlayMixin } from '@vaadin/combo-box/src/vaadin-combo-box-overlay-mixin.js';
7
- import { Overlay } from '@vaadin/overlay/src/vaadin-overlay.js';
7
+ import { DirMixin } from '@vaadin/component-base/src/dir-mixin.js';
8
+ import { OverlayMixin } from '@vaadin/overlay/src/vaadin-overlay-mixin.js';
9
+ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
8
10
 
9
11
  /**
10
12
  * An element used internally by `<vaadin-multi-select-combo-box>`. Not intended to be used separately.
11
13
  */
12
- declare class MultiSelectComboBoxOverlay extends ComboBoxOverlayMixin(Overlay) {}
14
+ declare class MultiSelectComboBoxOverlay extends ComboBoxOverlayMixin(
15
+ OverlayMixin(DirMixin(ThemableMixin(HTMLElement))),
16
+ ) {}
13
17
 
14
18
  declare global {
15
19
  interface HTMLElementTagNameMap {
@@ -1,60 +1,59 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
3
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
+ import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
6
7
  import { ComboBoxOverlayMixin } from '@vaadin/combo-box/src/vaadin-combo-box-overlay-mixin.js';
7
8
  import { defineCustomElement } from '@vaadin/component-base/src/define.js';
8
- import { Overlay } from '@vaadin/overlay/src/vaadin-overlay.js';
9
- import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
10
-
11
- registerStyles(
12
- 'vaadin-multi-select-combo-box-overlay',
13
- css`
14
- #overlay {
15
- width: var(
16
- --vaadin-multi-select-combo-box-overlay-width,
17
- var(--_vaadin-multi-select-combo-box-overlay-default-width, auto)
18
- );
19
- }
9
+ import { DirMixin } from '@vaadin/component-base/src/dir-mixin.js';
10
+ import { OverlayMixin } from '@vaadin/overlay/src/vaadin-overlay-mixin.js';
11
+ import { overlayStyles } from '@vaadin/overlay/src/vaadin-overlay-styles.js';
12
+ import { css, registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
13
+
14
+ const multiSelectComboBoxOverlayStyles = css`
15
+ #overlay {
16
+ width: var(
17
+ --vaadin-multi-select-combo-box-overlay-width,
18
+ var(--_vaadin-multi-select-combo-box-overlay-default-width, auto)
19
+ );
20
+ }
20
21
 
21
- [part='content'] {
22
- display: flex;
23
- flex-direction: column;
24
- height: 100%;
25
- }
26
- `,
27
- { moduleId: 'vaadin-multi-select-combo-box-overlay-styles' },
28
- );
22
+ [part='content'] {
23
+ display: flex;
24
+ flex-direction: column;
25
+ height: 100%;
26
+ }
27
+ `;
29
28
 
30
- let memoizedTemplate;
29
+ registerStyles('vaadin-multi-select-combo-box-overlay', [overlayStyles, multiSelectComboBoxOverlayStyles], {
30
+ moduleId: 'vaadin-multi-select-combo-box-overlay-styles',
31
+ });
31
32
 
32
33
  /**
33
34
  * An element used internally by `<vaadin-multi-select-combo-box>`. Not intended to be used separately.
34
35
  *
35
36
  * @customElement
36
- * @extends ComboBoxOverlay
37
+ * @extends HTMLElement
38
+ * @mixes ComboBoxOverlayMixin
39
+ * @mixes DirMixin
40
+ * @mixes OverlayMixin
41
+ * @mixes ThemableMixin
37
42
  * @private
38
43
  */
39
- class MultiSelectComboBoxOverlay extends ComboBoxOverlayMixin(Overlay) {
44
+ class MultiSelectComboBoxOverlay extends ComboBoxOverlayMixin(OverlayMixin(DirMixin(ThemableMixin(PolymerElement)))) {
40
45
  static get is() {
41
46
  return 'vaadin-multi-select-combo-box-overlay';
42
47
  }
43
48
 
44
49
  static get template() {
45
- if (!memoizedTemplate) {
46
- memoizedTemplate = super.template.cloneNode(true);
47
-
48
- const overlay = memoizedTemplate.content.querySelector('[part~="overlay"]');
49
- overlay.removeAttribute('tabindex');
50
-
51
- const loader = document.createElement('div');
52
- loader.setAttribute('part', 'loader');
53
-
54
- overlay.insertBefore(loader, overlay.firstElementChild);
55
- }
56
-
57
- return memoizedTemplate;
50
+ return html`
51
+ <div id="backdrop" part="backdrop" hidden></div>
52
+ <div part="overlay" id="overlay">
53
+ <div part="loader"></div>
54
+ <div part="content" id="content"><slot></slot></div>
55
+ </div>
56
+ `;
58
57
  }
59
58
  }
60
59
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
3
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import { ComboBoxScrollerMixin } from '@vaadin/combo-box/src/vaadin-combo-box-scroller-mixin.js';
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
3
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
3
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import type { DelegateFocusMixinClass } from '@vaadin/a11y-base/src/delegate-focus-mixin.js';
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
3
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import './vaadin-multi-select-combo-box-chip.js';
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
3
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import '@vaadin/vaadin-lumo-styles/color.js';
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
3
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import '@vaadin/input-container/theme/lumo/vaadin-input-container-styles.js';
@@ -1,9 +1,8 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
3
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
- import '@vaadin/overlay/theme/lumo/vaadin-overlay.js';
7
6
  import './vaadin-multi-select-combo-box-chip-styles.js';
8
7
  import './vaadin-multi-select-combo-box-styles.js';
9
8
  import '../../src/vaadin-multi-select-combo-box.js';
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
3
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import '@vaadin/vaadin-material-styles/color.js';
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
3
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import '@vaadin/input-container/theme/material/vaadin-input-container-styles.js';
@@ -1,9 +1,8 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
3
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
- import '@vaadin/overlay/theme/material/vaadin-overlay.js';
7
6
  import './vaadin-multi-select-combo-box-chip-styles.js';
8
7
  import './vaadin-multi-select-combo-box-styles.js';
9
8
  import '../../src/vaadin-multi-select-combo-box.js';
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/multi-select-combo-box",
4
- "version": "24.4.0-alpha1",
4
+ "version": "24.4.0-alpha3",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/multi-select-combo-box",
4
- "version": "24.4.0-alpha1",
4
+ "version": "24.4.0-alpha3",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {