@vaadin/notification 24.5.2 → 24.5.4
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 +10 -9
- package/src/vaadin-notification.d.ts +2 -1
- package/src/vaadin-notification.js +5 -1
- package/web-types.json +1 -1
- package/web-types.lit.json +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/notification",
|
|
3
|
-
"version": "24.5.
|
|
3
|
+
"version": "24.5.4",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -38,16 +38,17 @@
|
|
|
38
38
|
],
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@polymer/polymer": "^3.0.0",
|
|
41
|
-
"@vaadin/component-base": "~24.5.
|
|
42
|
-
"@vaadin/lit-renderer": "~24.5.
|
|
43
|
-
"@vaadin/
|
|
44
|
-
"@vaadin/vaadin-
|
|
45
|
-
"@vaadin/vaadin-
|
|
41
|
+
"@vaadin/component-base": "~24.5.4",
|
|
42
|
+
"@vaadin/lit-renderer": "~24.5.4",
|
|
43
|
+
"@vaadin/overlay": "~24.5.4",
|
|
44
|
+
"@vaadin/vaadin-lumo-styles": "~24.5.4",
|
|
45
|
+
"@vaadin/vaadin-material-styles": "~24.5.4",
|
|
46
|
+
"@vaadin/vaadin-themable-mixin": "~24.5.4",
|
|
46
47
|
"lit": "^3.0.0"
|
|
47
48
|
},
|
|
48
49
|
"devDependencies": {
|
|
49
|
-
"@vaadin/button": "~24.5.
|
|
50
|
-
"@vaadin/chai-plugins": "~24.5.
|
|
50
|
+
"@vaadin/button": "~24.5.4",
|
|
51
|
+
"@vaadin/chai-plugins": "~24.5.4",
|
|
51
52
|
"@vaadin/testing-helpers": "^1.0.0",
|
|
52
53
|
"sinon": "^18.0.0"
|
|
53
54
|
},
|
|
@@ -55,5 +56,5 @@
|
|
|
55
56
|
"web-types.json",
|
|
56
57
|
"web-types.lit.json"
|
|
57
58
|
],
|
|
58
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "0993b6e95bd5826642065356b8f5854a65a6b677"
|
|
59
60
|
}
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
import type { TemplateResult } from 'lit';
|
|
7
7
|
import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
|
|
8
8
|
import { OverlayClassMixin } from '@vaadin/component-base/src/overlay-class-mixin.js';
|
|
9
|
+
import { OverlayStackMixin } from '@vaadin/overlay/src/vaadin-overlay-stack-mixin.js';
|
|
9
10
|
import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
10
11
|
import { ThemePropertyMixin } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';
|
|
11
12
|
|
|
@@ -48,7 +49,7 @@ export interface ShowOptions {
|
|
|
48
49
|
/**
|
|
49
50
|
* An element used internally by `<vaadin-notification>`. Not intended to be used separately.
|
|
50
51
|
*/
|
|
51
|
-
declare class NotificationContainer extends ElementMixin(ThemableMixin(HTMLElement)) {
|
|
52
|
+
declare class NotificationContainer extends OverlayStackMixin(ElementMixin(ThemableMixin(HTMLElement))) {
|
|
52
53
|
/**
|
|
53
54
|
* True when the container is opened
|
|
54
55
|
*/
|
|
@@ -11,6 +11,7 @@ import { defineCustomElement } from '@vaadin/component-base/src/define.js';
|
|
|
11
11
|
import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
|
|
12
12
|
import { OverlayClassMixin } from '@vaadin/component-base/src/overlay-class-mixin.js';
|
|
13
13
|
import { processTemplates } from '@vaadin/component-base/src/templates.js';
|
|
14
|
+
import { OverlayStackMixin } from '@vaadin/overlay/src/vaadin-overlay-stack-mixin.js';
|
|
14
15
|
import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
15
16
|
import { ThemePropertyMixin } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';
|
|
16
17
|
|
|
@@ -20,10 +21,11 @@ import { ThemePropertyMixin } from '@vaadin/vaadin-themable-mixin/vaadin-theme-p
|
|
|
20
21
|
* @customElement
|
|
21
22
|
* @extends HTMLElement
|
|
22
23
|
* @mixes ElementMixin
|
|
24
|
+
* @mixes OverlayStackMixin
|
|
23
25
|
* @mixes ThemableMixin
|
|
24
26
|
* @private
|
|
25
27
|
*/
|
|
26
|
-
class NotificationContainer extends ThemableMixin(ElementMixin(PolymerElement)) {
|
|
28
|
+
class NotificationContainer extends OverlayStackMixin(ThemableMixin(ElementMixin(PolymerElement))) {
|
|
27
29
|
static get template() {
|
|
28
30
|
return html`
|
|
29
31
|
<style>
|
|
@@ -518,6 +520,8 @@ class Notification extends OverlayClassMixin(ThemePropertyMixin(ElementMixin(Pol
|
|
|
518
520
|
return;
|
|
519
521
|
}
|
|
520
522
|
|
|
523
|
+
this._container.bringToFront();
|
|
524
|
+
|
|
521
525
|
this._card.slot = this.position;
|
|
522
526
|
if (this._container.firstElementChild && /top/u.test(this.position)) {
|
|
523
527
|
this._container.insertBefore(this._card, this._container.firstElementChild);
|
package/web-types.json
CHANGED