@shoper/phoenix_design_system 1.15.11-21 → 1.15.11-23

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 (6) hide show
  1. package/build/cjs/packages/phoenix/src/components/messages/base_message.js +11 -7
  2. package/build/cjs/packages/phoenix/src/components/messages/base_message.js.map +1 -1
  3. package/build/esm/packages/phoenix/src/components/messages/base_message.d.ts +1 -0
  4. package/build/esm/packages/phoenix/src/components/messages/base_message.js +11 -7
  5. package/build/esm/packages/phoenix/src/components/messages/base_message.js.map +1 -1
  6. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/messages/base_message.js CHANGED
@@ -31,9 +31,10 @@ class BaseMessage extends phoenix_light_lit_element.PhoenixLightLitElement {
31
31
  };
32
32
  this._setupEventListeners = () => {
33
33
  document.addEventListener('mouseover', this._toggleTooltipFromEvent);
34
+ document.addEventListener('keydown', this._closeFromKeyboard);
34
35
  if (!this.mouseonly) {
35
- document.addEventListener('focusin', this.open);
36
- document.addEventListener('focusout', this.close);
36
+ this.addEventListener('focusin', this.open);
37
+ this.addEventListener('focusout', this.close);
37
38
  }
38
39
  };
39
40
  this._positionMessage = () => {
@@ -64,6 +65,12 @@ class BaseMessage extends phoenix_light_lit_element.PhoenixLightLitElement {
64
65
  this.opened = true;
65
66
  }, base_message_constants.MESSAGE_SHOW_DELAY_IN_MS);
66
67
  };
68
+ this._closeFromKeyboard = (ev) => {
69
+ if (ev.key !== 'Escape')
70
+ return;
71
+ ev.preventDefault();
72
+ this.close();
73
+ };
67
74
  this.close = () => {
68
75
  this._shouldDelayClosing = Date.now() - this._tooltipOpenTime > base_message_constants.MESSAGE_TIME_TO_DELAY_CLOSING_IN_MS;
69
76
  clearTimeout(this._openTimeout);
@@ -105,7 +112,8 @@ class BaseMessage extends phoenix_light_lit_element.PhoenixLightLitElement {
105
112
  });
106
113
  this.setAttribute('tabindex', this.tabindex);
107
114
  this._setupEventListeners();
108
- this._$baseMessageContent = [...this.children].find((child) => base_message_constants.LIST_OF_MESSAGE_CONTENT_ELEMENTS.includes(child.tagName.toLowerCase()));
115
+ if (!this._$baseMessageContent)
116
+ this._$baseMessageContent = [...this.children].find((child) => base_message_constants.LIST_OF_MESSAGE_CONTENT_ELEMENTS.includes(child.tagName.toLowerCase()));
109
117
  this._handleChildrenAriaAttributes();
110
118
  }
111
119
  static _appendMessagePortal() {
@@ -119,10 +127,6 @@ class BaseMessage extends phoenix_light_lit_element.PhoenixLightLitElement {
119
127
  disconnectedCallback() {
120
128
  super.disconnectedCallback();
121
129
  document.removeEventListener('mouseover', this._toggleTooltipFromEvent);
122
- if (!this.mouseonly) {
123
- document.removeEventListener('focusin', this.open);
124
- document.removeEventListener('focusout', this.close);
125
- }
126
130
  }
127
131
  }
128
132
  tslib_es6.__decorate([
package/build/cjs/packages/phoenix/src/components/messages/base_message.js.map CHANGED
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/messages/base_message.d.ts CHANGED
@@ -25,6 +25,7 @@ export declare class BaseMessage extends PhoenixLightLitElement implements IBase
25
25
  protected _positionMessage: () => void;
26
26
  private _toggleTooltipFromEvent;
27
27
  open: () => void;
28
+ private _closeFromKeyboard;
28
29
  close: () => void;
29
30
  disconnectedCallback(): void;
30
31
  }
package/build/esm/packages/phoenix/src/components/messages/base_message.js CHANGED
@@ -27,9 +27,10 @@ class BaseMessage extends PhoenixLightLitElement {
27
27
  };
28
28
  this._setupEventListeners = () => {
29
29
  document.addEventListener('mouseover', this._toggleTooltipFromEvent);
30
+ document.addEventListener('keydown', this._closeFromKeyboard);
30
31
  if (!this.mouseonly) {
31
- document.addEventListener('focusin', this.open);
32
- document.addEventListener('focusout', this.close);
32
+ this.addEventListener('focusin', this.open);
33
+ this.addEventListener('focusout', this.close);
33
34
  }
34
35
  };
35
36
  this._positionMessage = () => {
@@ -60,6 +61,12 @@ class BaseMessage extends PhoenixLightLitElement {
60
61
  this.opened = true;
61
62
  }, MESSAGE_SHOW_DELAY_IN_MS);
62
63
  };
64
+ this._closeFromKeyboard = (ev) => {
65
+ if (ev.key !== 'Escape')
66
+ return;
67
+ ev.preventDefault();
68
+ this.close();
69
+ };
63
70
  this.close = () => {
64
71
  this._shouldDelayClosing = Date.now() - this._tooltipOpenTime > MESSAGE_TIME_TO_DELAY_CLOSING_IN_MS;
65
72
  clearTimeout(this._openTimeout);
@@ -101,7 +108,8 @@ class BaseMessage extends PhoenixLightLitElement {
101
108
  });
102
109
  this.setAttribute('tabindex', this.tabindex);
103
110
  this._setupEventListeners();
104
- this._$baseMessageContent = [...this.children].find((child) => LIST_OF_MESSAGE_CONTENT_ELEMENTS.includes(child.tagName.toLowerCase()));
111
+ if (!this._$baseMessageContent)
112
+ this._$baseMessageContent = [...this.children].find((child) => LIST_OF_MESSAGE_CONTENT_ELEMENTS.includes(child.tagName.toLowerCase()));
105
113
  this._handleChildrenAriaAttributes();
106
114
  }
107
115
  static _appendMessagePortal() {
@@ -115,10 +123,6 @@ class BaseMessage extends PhoenixLightLitElement {
115
123
  disconnectedCallback() {
116
124
  super.disconnectedCallback();
117
125
  document.removeEventListener('mouseover', this._toggleTooltipFromEvent);
118
- if (!this.mouseonly) {
119
- document.removeEventListener('focusin', this.open);
120
- document.removeEventListener('focusout', this.close);
121
- }
122
126
  }
123
127
  }
124
128
  __decorate([
package/build/esm/packages/phoenix/src/components/messages/base_message.js.map CHANGED
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@shoper/phoenix_design_system",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "1.15.11-21",
5
+ "version": "1.15.11-23",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",