@vaadin/notification 24.6.0-alpha9 → 24.6.0-rc1
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/notification",
|
|
3
|
-
"version": "24.6.0-
|
|
3
|
+
"version": "24.6.0-rc1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -39,16 +39,17 @@
|
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
41
41
|
"@polymer/polymer": "^3.0.0",
|
|
42
|
-
"@vaadin/component-base": "24.6.0-
|
|
43
|
-
"@vaadin/lit-renderer": "24.6.0-
|
|
44
|
-
"@vaadin/
|
|
45
|
-
"@vaadin/vaadin-
|
|
46
|
-
"@vaadin/vaadin-
|
|
42
|
+
"@vaadin/component-base": "24.6.0-rc1",
|
|
43
|
+
"@vaadin/lit-renderer": "24.6.0-rc1",
|
|
44
|
+
"@vaadin/overlay": "24.6.0-rc1",
|
|
45
|
+
"@vaadin/vaadin-lumo-styles": "24.6.0-rc1",
|
|
46
|
+
"@vaadin/vaadin-material-styles": "24.6.0-rc1",
|
|
47
|
+
"@vaadin/vaadin-themable-mixin": "24.6.0-rc1",
|
|
47
48
|
"lit": "^3.0.0"
|
|
48
49
|
},
|
|
49
50
|
"devDependencies": {
|
|
50
|
-
"@vaadin/button": "24.6.0-
|
|
51
|
-
"@vaadin/chai-plugins": "24.6.0-
|
|
51
|
+
"@vaadin/button": "24.6.0-rc1",
|
|
52
|
+
"@vaadin/chai-plugins": "24.6.0-rc1",
|
|
52
53
|
"@vaadin/testing-helpers": "^1.0.0",
|
|
53
54
|
"sinon": "^18.0.0"
|
|
54
55
|
},
|
|
@@ -56,5 +57,5 @@
|
|
|
56
57
|
"web-types.json",
|
|
57
58
|
"web-types.lit.json"
|
|
58
59
|
],
|
|
59
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "d62ba309e3286777ad3ea7e015d50a2c4976bb42"
|
|
60
61
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { Constructor } from '@open-wc/dedupe-mixin';
|
|
2
2
|
import type { OverlayClassMixinClass } from '@vaadin/component-base/src/overlay-class-mixin.js';
|
|
3
|
+
import type { OverlayStackMixinClass } from '@vaadin/overlay/src/vaadin-overlay-stack-mixin.js';
|
|
3
4
|
import type { ThemePropertyMixinClass } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';
|
|
4
5
|
import type { Notification } from './vaadin-notification.js';
|
|
5
6
|
|
|
@@ -21,7 +22,7 @@ export type NotificationRenderer = (root: HTMLElement, notification: Notificatio
|
|
|
21
22
|
*/
|
|
22
23
|
export declare function NotificationContainerMixin<T extends Constructor<HTMLElement>>(
|
|
23
24
|
base: T,
|
|
24
|
-
): Constructor<NotificationContainerMixinClass> & T;
|
|
25
|
+
): Constructor<NotificationContainerMixinClass> & Constructor<OverlayStackMixinClass> & T;
|
|
25
26
|
|
|
26
27
|
export declare class NotificationContainerMixinClass {
|
|
27
28
|
/**
|
|
@@ -8,15 +8,17 @@ import { isTemplateResult } from 'lit/directive-helpers.js';
|
|
|
8
8
|
import { isIOS } from '@vaadin/component-base/src/browser-utils.js';
|
|
9
9
|
import { OverlayClassMixin } from '@vaadin/component-base/src/overlay-class-mixin.js';
|
|
10
10
|
import { processTemplates } from '@vaadin/component-base/src/templates.js';
|
|
11
|
+
import { OverlayStackMixin } from '@vaadin/overlay/src/vaadin-overlay-stack-mixin.js';
|
|
11
12
|
import { ThemePropertyMixin } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';
|
|
12
13
|
|
|
13
14
|
/**
|
|
14
15
|
* A mixin providing common notification container functionality.
|
|
15
16
|
*
|
|
16
17
|
* @polymerMixin
|
|
18
|
+
* @mixes OverlayStackMixin
|
|
17
19
|
*/
|
|
18
20
|
export const NotificationContainerMixin = (superClass) =>
|
|
19
|
-
class extends superClass {
|
|
21
|
+
class extends OverlayStackMixin(superClass) {
|
|
20
22
|
static get properties() {
|
|
21
23
|
return {
|
|
22
24
|
/**
|
|
@@ -362,6 +364,8 @@ export const NotificationMixin = (superClass) =>
|
|
|
362
364
|
return;
|
|
363
365
|
}
|
|
364
366
|
|
|
367
|
+
this._container.bringToFront();
|
|
368
|
+
|
|
365
369
|
this._card.slot = this.position;
|
|
366
370
|
if (this._container.firstElementChild && /top/u.test(this.position)) {
|
|
367
371
|
this._container.insertBefore(this._card, this._container.firstElementChild);
|
package/web-types.json
CHANGED