@shoper/phoenix_design_system 1.15.11-21 → 1.15.11-22

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 +9 -6
  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 +9 -6
  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);
@@ -119,10 +126,6 @@ class BaseMessage extends phoenix_light_lit_element.PhoenixLightLitElement {
119
126
  disconnectedCallback() {
120
127
  super.disconnectedCallback();
121
128
  document.removeEventListener('mouseover', this._toggleTooltipFromEvent);
122
- if (!this.mouseonly) {
123
- document.removeEventListener('focusin', this.open);
124
- document.removeEventListener('focusout', this.close);
125
- }
126
129
  }
127
130
  }
128
131
  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;"}
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);
@@ -115,10 +122,6 @@ class BaseMessage extends PhoenixLightLitElement {
115
122
  disconnectedCallback() {
116
123
  super.disconnectedCallback();
117
124
  document.removeEventListener('mouseover', this._toggleTooltipFromEvent);
118
- if (!this.mouseonly) {
119
- document.removeEventListener('focusin', this.open);
120
- document.removeEventListener('focusout', this.close);
121
- }
122
125
  }
123
126
  }
124
127
  __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;"}
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-22",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",