@shoper/phoenix_design_system 1.15.11-30 → 1.15.11-31
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/build/cjs/packages/phoenix/src/components/messages/base_message.js +10 -13
- package/build/cjs/packages/phoenix/src/components/messages/base_message.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/messages/base_message_constants.js +0 -2
- package/build/cjs/packages/phoenix/src/components/messages/base_message_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/messages/base_message_content.js +0 -7
- package/build/cjs/packages/phoenix/src/components/messages/base_message_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/messages/base_message.d.ts +1 -2
- package/build/esm/packages/phoenix/src/components/messages/base_message.js +11 -14
- package/build/esm/packages/phoenix/src/components/messages/base_message.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/messages/base_message_constants.js +1 -2
- package/build/esm/packages/phoenix/src/components/messages/base_message_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/messages/base_message_content.d.ts +0 -2
- package/build/esm/packages/phoenix/src/components/messages/base_message_content.js +0 -7
- package/build/esm/packages/phoenix/src/components/messages/base_message_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/messages/base_message_types.d.ts +1 -1
- package/package.json +1 -1
|
@@ -33,13 +33,13 @@ class BaseMessage extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
|
33
33
|
this._setupEventListeners = () => {
|
|
34
34
|
var _a, _b;
|
|
35
35
|
this.addEventListener('mouseenter', this.open);
|
|
36
|
-
this.addEventListener('mouseleave', this.
|
|
36
|
+
this.addEventListener('mouseleave', this.close);
|
|
37
37
|
this.addEventListener('keydown', this._closeFromKeyboard);
|
|
38
38
|
(_a = this._$baseMessageContent) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseenter', this.open);
|
|
39
|
-
(_b = this._$baseMessageContent) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseleave', this.
|
|
39
|
+
(_b = this._$baseMessageContent) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseleave', this.close);
|
|
40
40
|
if (!this.mouseonly) {
|
|
41
41
|
this.addEventListener('focusin', this.open);
|
|
42
|
-
this.addEventListener('focusout', this.
|
|
42
|
+
this.addEventListener('focusout', this.close);
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
45
|
this._positionMessage = () => {
|
|
@@ -62,13 +62,9 @@ class BaseMessage extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
|
62
62
|
return;
|
|
63
63
|
ev.preventDefault();
|
|
64
64
|
ev.stopPropagation();
|
|
65
|
-
this.close(true);
|
|
66
|
-
};
|
|
67
|
-
this._handleClose = () => {
|
|
68
65
|
this.close();
|
|
69
66
|
};
|
|
70
|
-
this.close = (
|
|
71
|
-
this._shouldDelayClosing = !shouldCloseImmediately && Date.now() - this._tooltipOpenTime > base_message_constants.MESSAGE_TIME_TO_DELAY_CLOSING_IN_MS;
|
|
67
|
+
this.close = () => {
|
|
72
68
|
clearTimeout(this._openTimeout);
|
|
73
69
|
if (!this.opened)
|
|
74
70
|
return;
|
|
@@ -80,16 +76,15 @@ class BaseMessage extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
|
80
76
|
setTimeout(() => {
|
|
81
77
|
var _a;
|
|
82
78
|
this.opened = false;
|
|
83
|
-
this._shouldDelayClosing = false;
|
|
84
79
|
(_a = this._$messageContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${this._messageComponentName}_${base_message_constants.MESSAGE_REMOVED_CLASS_NAME}`);
|
|
85
80
|
}, transitionDuration);
|
|
86
81
|
});
|
|
87
|
-
},
|
|
82
|
+
}, base_message_constants.MESSAGE_CLOSE_DELAY_IN_MS);
|
|
88
83
|
};
|
|
89
84
|
this._clickOutsideController = new click_outside_controller.ClickOutsideController({
|
|
90
85
|
host: this,
|
|
91
86
|
container: this,
|
|
92
|
-
action: this.
|
|
87
|
+
action: this.close
|
|
93
88
|
});
|
|
94
89
|
}
|
|
95
90
|
connectedCallback(messageComponentName = '') {
|
|
@@ -127,13 +122,15 @@ class BaseMessage extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
|
127
122
|
var _a, _b;
|
|
128
123
|
super.disconnectedCallback();
|
|
129
124
|
(_a = this._$baseMessageContent) === null || _a === void 0 ? void 0 : _a.removeEventListener('mouseenter', this.open);
|
|
130
|
-
(_b = this._$baseMessageContent) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', this.
|
|
125
|
+
(_b = this._$baseMessageContent) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', this.close);
|
|
131
126
|
}
|
|
132
127
|
render() {
|
|
133
128
|
var _a;
|
|
134
129
|
super.render();
|
|
135
130
|
return lit.html `
|
|
136
|
-
<span class="sr-only"
|
|
131
|
+
<span id="${this._messageId}" class="sr-only" role="tooltip" aria-hidden="${!this.opened ? 'true' : 'false'}">
|
|
132
|
+
${utilities.DomUtils.stripHTMLTags(((_a = this._$baseMessageContent) === null || _a === void 0 ? void 0 : _a.innerHTML) || '')}
|
|
133
|
+
</span>
|
|
137
134
|
<h-portal ?disabled="${!this.opened}" @open="${this._positionMessage}" to="${this.portalTarget}" hidden>
|
|
138
135
|
${this.getSlot(base_message_constants.MESSAGE_CONTENT_SLOT_NAME)}
|
|
139
136
|
</h-portal>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA,iBAAiB,qDAAyD;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA,iBAAiB,qDAAyD;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -12,7 +12,6 @@ const MESSAGE_REMOVED_CLASS_NAME = `removed`;
|
|
|
12
12
|
const DEFAULT_MESSAGE_OFFSET = 10;
|
|
13
13
|
const MESSAGE_CONTENT_ELEMENTS = [tooltip_constants.TOOLTIP_CONTENT_ELEMENT_NAME, hint_constants.HINT_CONTENT_ELEMENT_NAME];
|
|
14
14
|
const MESSAGE_SHOW_DELAY_IN_MS = 100;
|
|
15
|
-
const MESSAGE_TIME_TO_DELAY_CLOSING_IN_MS = 500;
|
|
16
15
|
const MESSAGE_CLOSE_DELAY_IN_MS = 500;
|
|
17
16
|
const LIST_OF_MESSAGE_CONTENT_ELEMENTS = [tooltip_constants.TOOLTIP_CONTENT_ELEMENT_NAME, hint_constants.HINT_CONTENT_ELEMENT_NAME];
|
|
18
17
|
const LIST_OF_MESSAGE_CHILDREN = [...LIST_OF_MESSAGE_CONTENT_ELEMENTS, portal_constants.PORTAL_COMPONENT_NAME];
|
|
@@ -26,5 +25,4 @@ exports.MESSAGE_CONTENT_ELEMENTS = MESSAGE_CONTENT_ELEMENTS;
|
|
|
26
25
|
exports.MESSAGE_CONTENT_SLOT_NAME = MESSAGE_CONTENT_SLOT_NAME;
|
|
27
26
|
exports.MESSAGE_REMOVED_CLASS_NAME = MESSAGE_REMOVED_CLASS_NAME;
|
|
28
27
|
exports.MESSAGE_SHOW_DELAY_IN_MS = MESSAGE_SHOW_DELAY_IN_MS;
|
|
29
|
-
exports.MESSAGE_TIME_TO_DELAY_CLOSING_IN_MS = MESSAGE_TIME_TO_DELAY_CLOSING_IN_MS;
|
|
30
28
|
//# sourceMappingURL=base_message_constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -14,13 +14,6 @@ class BaseMessageContent extends phoenix_light_lit_element.PhoenixLightLitElemen
|
|
|
14
14
|
this.portalTarget = base_message_constants.DEFAULT_MESSAGE_PORTAL_NAME;
|
|
15
15
|
this.slot = base_message_constants.MESSAGE_CONTENT_SLOT_NAME;
|
|
16
16
|
}
|
|
17
|
-
connectedCallback() {
|
|
18
|
-
super.connectedCallback();
|
|
19
|
-
this._setupAriaAttributes();
|
|
20
|
-
}
|
|
21
|
-
_setupAriaAttributes() {
|
|
22
|
-
this.setAttribute('role', 'tooltip');
|
|
23
|
-
}
|
|
24
17
|
}
|
|
25
18
|
tslib_es6.__decorate([
|
|
26
19
|
decorators.property({ type: String, attribute: portal_constants.PORTAL_TARGET_ATTRIBUTE_NAME }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -28,8 +28,7 @@ export declare class BaseMessage extends PhoenixLightLitElement implements IBase
|
|
|
28
28
|
protected _positionMessage: () => void;
|
|
29
29
|
open: () => void;
|
|
30
30
|
private _closeFromKeyboard;
|
|
31
|
-
|
|
32
|
-
close: (shouldCloseImmediately?: boolean) => void;
|
|
31
|
+
close: () => void;
|
|
33
32
|
disconnectedCallback(): void;
|
|
34
33
|
protected render(): TemplateResult;
|
|
35
34
|
}
|
|
@@ -7,7 +7,7 @@ import v4 from '../../../../../external/uuid/dist/esm-browser/v4.js';
|
|
|
7
7
|
import { PORTAL_TARGET_COMPONENT_NAME, PORTAL_TARGET_NAME_PROP, PORTAL_TARGET_ATTRIBUTE_NAME } from '../portal/portal_constants.js';
|
|
8
8
|
import { ClickOutsideController } from '../../controllers/click_outside_controller/click_outside_controller.js';
|
|
9
9
|
import { RelativePositionController } from '../../controllers/relative_position_controller/relative_position_controller.js';
|
|
10
|
-
import { DEFAULT_MESSAGE_PORTAL_NAME, DEFAULT_MESSAGE_OFFSET, LIST_OF_MESSAGE_CHILDREN, MESSAGE_SHOW_DELAY_IN_MS,
|
|
10
|
+
import { DEFAULT_MESSAGE_PORTAL_NAME, DEFAULT_MESSAGE_OFFSET, LIST_OF_MESSAGE_CHILDREN, MESSAGE_SHOW_DELAY_IN_MS, MESSAGE_REMOVED_CLASS_NAME, MESSAGE_CLOSE_DELAY_IN_MS, MESSAGE_CONTENT_ELEMENTS, LIST_OF_MESSAGE_CONTENT_ELEMENTS, MESSAGE_CONTENT_SLOT_NAME } from './base_message_constants.js';
|
|
11
11
|
|
|
12
12
|
class BaseMessage extends PhoenixLightLitElement {
|
|
13
13
|
constructor() {
|
|
@@ -29,13 +29,13 @@ class BaseMessage extends PhoenixLightLitElement {
|
|
|
29
29
|
this._setupEventListeners = () => {
|
|
30
30
|
var _a, _b;
|
|
31
31
|
this.addEventListener('mouseenter', this.open);
|
|
32
|
-
this.addEventListener('mouseleave', this.
|
|
32
|
+
this.addEventListener('mouseleave', this.close);
|
|
33
33
|
this.addEventListener('keydown', this._closeFromKeyboard);
|
|
34
34
|
(_a = this._$baseMessageContent) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseenter', this.open);
|
|
35
|
-
(_b = this._$baseMessageContent) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseleave', this.
|
|
35
|
+
(_b = this._$baseMessageContent) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseleave', this.close);
|
|
36
36
|
if (!this.mouseonly) {
|
|
37
37
|
this.addEventListener('focusin', this.open);
|
|
38
|
-
this.addEventListener('focusout', this.
|
|
38
|
+
this.addEventListener('focusout', this.close);
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
41
|
this._positionMessage = () => {
|
|
@@ -58,13 +58,9 @@ class BaseMessage extends PhoenixLightLitElement {
|
|
|
58
58
|
return;
|
|
59
59
|
ev.preventDefault();
|
|
60
60
|
ev.stopPropagation();
|
|
61
|
-
this.close(true);
|
|
62
|
-
};
|
|
63
|
-
this._handleClose = () => {
|
|
64
61
|
this.close();
|
|
65
62
|
};
|
|
66
|
-
this.close = (
|
|
67
|
-
this._shouldDelayClosing = !shouldCloseImmediately && Date.now() - this._tooltipOpenTime > MESSAGE_TIME_TO_DELAY_CLOSING_IN_MS;
|
|
63
|
+
this.close = () => {
|
|
68
64
|
clearTimeout(this._openTimeout);
|
|
69
65
|
if (!this.opened)
|
|
70
66
|
return;
|
|
@@ -76,16 +72,15 @@ class BaseMessage extends PhoenixLightLitElement {
|
|
|
76
72
|
setTimeout(() => {
|
|
77
73
|
var _a;
|
|
78
74
|
this.opened = false;
|
|
79
|
-
this._shouldDelayClosing = false;
|
|
80
75
|
(_a = this._$messageContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${this._messageComponentName}_${MESSAGE_REMOVED_CLASS_NAME}`);
|
|
81
76
|
}, transitionDuration);
|
|
82
77
|
});
|
|
83
|
-
},
|
|
78
|
+
}, MESSAGE_CLOSE_DELAY_IN_MS);
|
|
84
79
|
};
|
|
85
80
|
this._clickOutsideController = new ClickOutsideController({
|
|
86
81
|
host: this,
|
|
87
82
|
container: this,
|
|
88
|
-
action: this.
|
|
83
|
+
action: this.close
|
|
89
84
|
});
|
|
90
85
|
}
|
|
91
86
|
connectedCallback(messageComponentName = '') {
|
|
@@ -123,13 +118,15 @@ class BaseMessage extends PhoenixLightLitElement {
|
|
|
123
118
|
var _a, _b;
|
|
124
119
|
super.disconnectedCallback();
|
|
125
120
|
(_a = this._$baseMessageContent) === null || _a === void 0 ? void 0 : _a.removeEventListener('mouseenter', this.open);
|
|
126
|
-
(_b = this._$baseMessageContent) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', this.
|
|
121
|
+
(_b = this._$baseMessageContent) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', this.close);
|
|
127
122
|
}
|
|
128
123
|
render() {
|
|
129
124
|
var _a;
|
|
130
125
|
super.render();
|
|
131
126
|
return html `
|
|
132
|
-
<span class="sr-only"
|
|
127
|
+
<span id="${this._messageId}" class="sr-only" role="tooltip" aria-hidden="${!this.opened ? 'true' : 'false'}">
|
|
128
|
+
${DomUtils.stripHTMLTags(((_a = this._$baseMessageContent) === null || _a === void 0 ? void 0 : _a.innerHTML) || '')}
|
|
129
|
+
</span>
|
|
133
130
|
<h-portal ?disabled="${!this.opened}" @open="${this._positionMessage}" to="${this.portalTarget}" hidden>
|
|
134
131
|
${this.getSlot(MESSAGE_CONTENT_SLOT_NAME)}
|
|
135
132
|
</h-portal>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA,eAAe,qDAAyD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA,eAAe,qDAAyD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -8,10 +8,9 @@ const MESSAGE_REMOVED_CLASS_NAME = `removed`;
|
|
|
8
8
|
const DEFAULT_MESSAGE_OFFSET = 10;
|
|
9
9
|
const MESSAGE_CONTENT_ELEMENTS = [TOOLTIP_CONTENT_ELEMENT_NAME, HINT_CONTENT_ELEMENT_NAME];
|
|
10
10
|
const MESSAGE_SHOW_DELAY_IN_MS = 100;
|
|
11
|
-
const MESSAGE_TIME_TO_DELAY_CLOSING_IN_MS = 500;
|
|
12
11
|
const MESSAGE_CLOSE_DELAY_IN_MS = 500;
|
|
13
12
|
const LIST_OF_MESSAGE_CONTENT_ELEMENTS = [TOOLTIP_CONTENT_ELEMENT_NAME, HINT_CONTENT_ELEMENT_NAME];
|
|
14
13
|
const LIST_OF_MESSAGE_CHILDREN = [...LIST_OF_MESSAGE_CONTENT_ELEMENTS, PORTAL_COMPONENT_NAME];
|
|
15
14
|
|
|
16
|
-
export { DEFAULT_MESSAGE_OFFSET, DEFAULT_MESSAGE_PORTAL_NAME, LIST_OF_MESSAGE_CHILDREN, LIST_OF_MESSAGE_CONTENT_ELEMENTS, MESSAGE_CLOSE_DELAY_IN_MS, MESSAGE_CONTENT_ELEMENTS, MESSAGE_CONTENT_SLOT_NAME, MESSAGE_REMOVED_CLASS_NAME, MESSAGE_SHOW_DELAY_IN_MS
|
|
15
|
+
export { DEFAULT_MESSAGE_OFFSET, DEFAULT_MESSAGE_PORTAL_NAME, LIST_OF_MESSAGE_CHILDREN, LIST_OF_MESSAGE_CONTENT_ELEMENTS, MESSAGE_CLOSE_DELAY_IN_MS, MESSAGE_CONTENT_ELEMENTS, MESSAGE_CONTENT_SLOT_NAME, MESSAGE_REMOVED_CLASS_NAME, MESSAGE_SHOW_DELAY_IN_MS };
|
|
17
16
|
//# sourceMappingURL=base_message_constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -10,13 +10,6 @@ class BaseMessageContent extends PhoenixLightLitElement {
|
|
|
10
10
|
this.portalTarget = DEFAULT_MESSAGE_PORTAL_NAME;
|
|
11
11
|
this.slot = MESSAGE_CONTENT_SLOT_NAME;
|
|
12
12
|
}
|
|
13
|
-
connectedCallback() {
|
|
14
|
-
super.connectedCallback();
|
|
15
|
-
this._setupAriaAttributes();
|
|
16
|
-
}
|
|
17
|
-
_setupAriaAttributes() {
|
|
18
|
-
this.setAttribute('role', 'tooltip');
|
|
19
|
-
}
|
|
20
13
|
}
|
|
21
14
|
__decorate([
|
|
22
15
|
property({ type: String, attribute: PORTAL_TARGET_ATTRIBUTE_NAME }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/package.json
CHANGED