@shoper/phoenix_design_system 1.7.9 → 1.7.11-0

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 (16) hide show
  1. package/build/cjs/packages/phoenix/src/components/tabs/tab/tab.js +2 -2
  2. package/build/cjs/packages/phoenix/src/components/tabs/tabs.js +9 -2
  3. package/build/cjs/packages/phoenix/src/components/tabs/tabs.js.map +1 -1
  4. package/build/cjs/packages/phoenix/src/core/context/context_consumer_controller.js +37 -17
  5. package/build/cjs/packages/phoenix/src/core/context/context_consumer_controller.js.map +1 -1
  6. package/build/esm/packages/phoenix/src/components/tabs/tab/tab.js +2 -2
  7. package/build/esm/packages/phoenix/src/components/tabs/tabs.d.ts +1 -0
  8. package/build/esm/packages/phoenix/src/components/tabs/tabs.js +9 -2
  9. package/build/esm/packages/phoenix/src/components/tabs/tabs.js.map +1 -1
  10. package/build/esm/packages/phoenix/src/components/tabs/tabs_types.d.ts +4 -4
  11. package/build/esm/packages/phoenix/src/components/tabs/tabs_types.js +1 -1
  12. package/build/esm/packages/phoenix/src/components/tabs/tabs_types.js.map +1 -1
  13. package/build/esm/packages/phoenix/src/core/context/context_consumer_controller.d.ts +3 -1
  14. package/build/esm/packages/phoenix/src/core/context/context_consumer_controller.js +37 -17
  15. package/build/esm/packages/phoenix/src/core/context/context_consumer_controller.js.map +1 -1
  16. package/package.json +2 -2
package/build/cjs/packages/phoenix/src/components/tabs/tab/tab.js CHANGED
@@ -19,9 +19,9 @@ exports.HTab = class HTab extends phoenix_light_lit_element.PhoenixLightLitEleme
19
19
  this._dispatchSelectedEvent();
20
20
  };
21
21
  this._dispatchSelectedEvent = () => {
22
- this.dispatchEvent(new CustomEvent(tab_constants.TAB_EVENT_NAMES.selected, {
22
+ document.dispatchEvent(new CustomEvent(tab_constants.TAB_EVENT_NAMES.selected, {
23
23
  detail: {
24
- $el: this
24
+ panelName: this.panelName
25
25
  },
26
26
  bubbles: true
27
27
  }));
package/build/cjs/packages/phoenix/src/components/tabs/tabs.js CHANGED
@@ -28,7 +28,10 @@ exports.HTabs = class HTabs extends phoenix_light_lit_element.PhoenixLightLitEle
28
28
  this._$tabs[newTabIndex].focus();
29
29
  };
30
30
  this._handleTabSelected = (event) => {
31
- const $newlySelectedTab = event.detail.$el;
31
+ const newlySelectedTabPanelName = event.detail.panelName;
32
+ const $newlySelectedTab = this.querySelector(`[panel-name="${newlySelectedTabPanelName}"]`);
33
+ if (!$newlySelectedTab)
34
+ return;
32
35
  this.switchPanel($newlySelectedTab.panelName);
33
36
  if (this._$selectedTab)
34
37
  this._$selectedTab.selected = false;
@@ -66,7 +69,7 @@ exports.HTabs = class HTabs extends phoenix_light_lit_element.PhoenixLightLitEle
66
69
  return currentTabIndex - 1;
67
70
  }
68
71
  _setupEvents() {
69
- this.addEventListener(tab_constants.TAB_EVENT_NAMES.selected, this._handleTabSelected);
72
+ document.addEventListener(tab_constants.TAB_EVENT_NAMES.selected, this._handleTabSelected);
70
73
  }
71
74
  allChildrenRendered() {
72
75
  const $selectedTab = this.querySelector('h-tab[selected]');
@@ -99,6 +102,10 @@ exports.HTabs = class HTabs extends phoenix_light_lit_element.PhoenixLightLitEle
99
102
  bubbles: true
100
103
  }));
101
104
  }
105
+ disconnectedCallback() {
106
+ super.disconnectedCallback();
107
+ document.removeEventListener(tab_constants.TAB_EVENT_NAMES.selected, this._handleTabSelected);
108
+ }
102
109
  };
103
110
  tslib_es6.__decorate([
104
111
  decorators.state(),
package/build/cjs/packages/phoenix/src/components/tabs/tabs.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;"}
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;"}
package/build/cjs/packages/phoenix/src/core/context/context_consumer_controller.js CHANGED
@@ -7,12 +7,12 @@ require('lit');
7
7
  var context_constants = require('./context_constants.js');
8
8
  var context_consumer_messages_names = require('./context_consumer_messages_names.js');
9
9
 
10
- var _ContextConsumerController_host, _ContextConsumerController_asyncConsumerSentinelId, _ContextConsumerController_asyncConsumerIntervalId;
10
+ var _ContextConsumerController_host, _ContextConsumerController_asyncConsumerSentinelTimeoutIds, _ContextConsumerController_asyncConsumerIntervalIds;
11
11
  class ContextConsumerController {
12
12
  constructor(host) {
13
13
  _ContextConsumerController_host.set(this, void 0);
14
- _ContextConsumerController_asyncConsumerSentinelId.set(this, void 0);
15
- _ContextConsumerController_asyncConsumerIntervalId.set(this, void 0);
14
+ _ContextConsumerController_asyncConsumerSentinelTimeoutIds.set(this, {});
15
+ _ContextConsumerController_asyncConsumerIntervalIds.set(this, {});
16
16
  tslib_es6.__classPrivateFieldSet(this, _ContextConsumerController_host, host, "f");
17
17
  tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_host, "f").addController(this);
18
18
  }
@@ -24,18 +24,25 @@ class ContextConsumerController {
24
24
  if (value !== undefined)
25
25
  return value;
26
26
  return new Promise((resolve, reject) => {
27
- tslib_es6.__classPrivateFieldSet(this, _ContextConsumerController_asyncConsumerIntervalId, setInterval(() => {
27
+ const consumerIntervalId = Number(setInterval(() => {
28
+ if (!tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_host, "f").isConnected) {
29
+ this.clearInterval(consumerIntervalId, consumerSentinelTimeoutId);
30
+ reject();
31
+ return;
32
+ }
28
33
  const value = this._consumeValue(key);
29
34
  if (value !== undefined) {
35
+ this.clearInterval(consumerIntervalId, consumerSentinelTimeoutId);
30
36
  resolve(value);
31
37
  }
32
- }, intervalRate), "f");
33
- tslib_es6.__classPrivateFieldSet(this, _ContextConsumerController_asyncConsumerSentinelId, setTimeout(() => {
38
+ }, intervalRate));
39
+ const consumerSentinelTimeoutId = Number(setTimeout(() => {
40
+ this.clearInterval(consumerIntervalId, consumerSentinelTimeoutId);
34
41
  reject();
35
- }, maxWaitingTime), "f");
36
- }).finally(() => {
37
- this._clearAsyncConsumerIntervals();
38
- });
42
+ }, maxWaitingTime));
43
+ tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerIntervalIds, "f")[consumerIntervalId] = true;
44
+ tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerSentinelTimeoutIds, "f")[consumerSentinelTimeoutId] = true;
45
+ }).catch();
39
46
  }
40
47
  _consumeValue(key) {
41
48
  const consumeEvent = new CustomEvent(context_consumer_messages_names.WEB_COMPONENT_CONTEXT_EVENTS.valueRequested, {
@@ -47,17 +54,30 @@ class ContextConsumerController {
47
54
  tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_host, "f").dispatchEvent(consumeEvent);
48
55
  return consumeEvent.detail[key];
49
56
  }
50
- // Added to fix typescript error
51
- // eslint-disable-next-line @typescript-eslint/no-empty-function
52
57
  hostConnected() {
53
- this._clearAsyncConsumerIntervals();
58
+ this._clearAllAsyncConsumerIntervals();
59
+ }
60
+ hostDisconnected() {
61
+ this._clearAllAsyncConsumerIntervals();
54
62
  }
55
- _clearAsyncConsumerIntervals() {
56
- tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerSentinelId, "f") && window.clearTimeout(tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerSentinelId, "f"));
57
- tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerIntervalId, "f") && clearInterval(tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerIntervalId, "f"));
63
+ clearInterval(intervalId, sentinelTimeoutIds) {
64
+ clearInterval(intervalId);
65
+ clearTimeout(sentinelTimeoutIds);
66
+ delete tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerIntervalIds, "f")[intervalId];
67
+ delete tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerSentinelTimeoutIds, "f")[sentinelTimeoutIds];
68
+ }
69
+ _clearAllAsyncConsumerIntervals() {
70
+ Object.keys(tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerIntervalIds, "f")).forEach((intervalId) => {
71
+ clearInterval(Number(intervalId));
72
+ });
73
+ tslib_es6.__classPrivateFieldSet(this, _ContextConsumerController_asyncConsumerIntervalIds, {}, "f");
74
+ Object.keys(tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerSentinelTimeoutIds, "f")).forEach((sentinelId) => {
75
+ clearTimeout(Number(sentinelId));
76
+ });
77
+ tslib_es6.__classPrivateFieldSet(this, _ContextConsumerController_asyncConsumerSentinelTimeoutIds, {}, "f");
58
78
  }
59
79
  }
60
- _ContextConsumerController_host = new WeakMap(), _ContextConsumerController_asyncConsumerSentinelId = new WeakMap(), _ContextConsumerController_asyncConsumerIntervalId = new WeakMap();
80
+ _ContextConsumerController_host = new WeakMap(), _ContextConsumerController_asyncConsumerSentinelTimeoutIds = new WeakMap(), _ContextConsumerController_asyncConsumerIntervalIds = new WeakMap();
61
81
 
62
82
  exports.ContextConsumerController = ContextConsumerController;
63
83
  //# sourceMappingURL=context_consumer_controller.js.map
package/build/cjs/packages/phoenix/src/core/context/context_consumer_controller.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;"}
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;"}
package/build/esm/packages/phoenix/src/components/tabs/tab/tab.js CHANGED
@@ -15,9 +15,9 @@ let HTab = class HTab extends PhoenixLightLitElement {
15
15
  this._dispatchSelectedEvent();
16
16
  };
17
17
  this._dispatchSelectedEvent = () => {
18
- this.dispatchEvent(new CustomEvent(TAB_EVENT_NAMES.selected, {
18
+ document.dispatchEvent(new CustomEvent(TAB_EVENT_NAMES.selected, {
19
19
  detail: {
20
- $el: this
20
+ panelName: this.panelName
21
21
  },
22
22
  bubbles: true
23
23
  }));
package/build/esm/packages/phoenix/src/components/tabs/tabs.d.ts CHANGED
@@ -14,4 +14,5 @@ export declare class HTabs extends PhoenixLightLitElement {
14
14
  private _hideNotSelectedAndVisiblePanels;
15
15
  switchPanel(newPanelName: string): void;
16
16
  private _dispatchChangedEvent;
17
+ disconnectedCallback(): void;
17
18
  }
package/build/esm/packages/phoenix/src/components/tabs/tabs.js CHANGED
@@ -24,7 +24,10 @@ let HTabs = class HTabs extends PhoenixLightLitElement {
24
24
  this._$tabs[newTabIndex].focus();
25
25
  };
26
26
  this._handleTabSelected = (event) => {
27
- const $newlySelectedTab = event.detail.$el;
27
+ const newlySelectedTabPanelName = event.detail.panelName;
28
+ const $newlySelectedTab = this.querySelector(`[panel-name="${newlySelectedTabPanelName}"]`);
29
+ if (!$newlySelectedTab)
30
+ return;
28
31
  this.switchPanel($newlySelectedTab.panelName);
29
32
  if (this._$selectedTab)
30
33
  this._$selectedTab.selected = false;
@@ -62,7 +65,7 @@ let HTabs = class HTabs extends PhoenixLightLitElement {
62
65
  return currentTabIndex - 1;
63
66
  }
64
67
  _setupEvents() {
65
- this.addEventListener(TAB_EVENT_NAMES.selected, this._handleTabSelected);
68
+ document.addEventListener(TAB_EVENT_NAMES.selected, this._handleTabSelected);
66
69
  }
67
70
  allChildrenRendered() {
68
71
  const $selectedTab = this.querySelector('h-tab[selected]');
@@ -95,6 +98,10 @@ let HTabs = class HTabs extends PhoenixLightLitElement {
95
98
  bubbles: true
96
99
  }));
97
100
  }
101
+ disconnectedCallback() {
102
+ super.disconnectedCallback();
103
+ document.removeEventListener(TAB_EVENT_NAMES.selected, this._handleTabSelected);
104
+ }
98
105
  };
99
106
  __decorate([
100
107
  state(),
package/build/esm/packages/phoenix/src/components/tabs/tabs.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;"}
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;"}
package/build/esm/packages/phoenix/src/components/tabs/tabs_types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { HTab } from "./tab/tab";
2
- export declare type TTabSelectedEvent = CustomEvent<{
3
- $el: HTab;
4
- }>;
1
+ export declare type TTabSelectedEventDetail = {
2
+ panelName: string;
3
+ };
4
+ export declare type TTabSelectedEvent = CustomEvent<TTabSelectedEventDetail>;
package/build/esm/packages/phoenix/src/components/tabs/tabs_types.js CHANGED
@@ -1,2 +1,2 @@
1
- import '@phoenixRoot/components/tabs/tab/tab';
1
+ export {};
2
2
  //# sourceMappingURL=tabs_types.js.map
package/build/esm/packages/phoenix/src/components/tabs/tabs_types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tabs_types.js","sourceRoot":"","sources":["../../../../../../../src/components/tabs/tabs_types.ts"],"names":[],"mappings":"AAAA,OAAqB,sCAAsC,CAAC"}
1
+ {"version":3,"file":"tabs_types.js","sourceRoot":"","sources":["../../../../../../../src/components/tabs/tabs_types.ts"],"names":[],"mappings":""}
package/build/esm/packages/phoenix/src/core/context/context_consumer_controller.d.ts CHANGED
@@ -7,5 +7,7 @@ export declare class ContextConsumerController<TValue> implements ReactiveContro
7
7
  consumeAsync(key: TContextValueKey, { intervalRate, maxWaitingTime }?: TAsyncConsumerOptions): Promise<TValue>;
8
8
  private _consumeValue;
9
9
  hostConnected(): void;
10
- private _clearAsyncConsumerIntervals;
10
+ hostDisconnected(): void;
11
+ private clearInterval;
12
+ private _clearAllAsyncConsumerIntervals;
11
13
  }
package/build/esm/packages/phoenix/src/core/context/context_consumer_controller.js CHANGED
@@ -3,12 +3,12 @@ import 'lit';
3
3
  import { CONTEXT_ASYNC_CONSUMER_DEFAULT_INTERVAL_RATE, CONTEXT_ASYNC_CONSUMER_DFAULT_MAX_WAITING_TIME } from './context_constants.js';
4
4
  import { WEB_COMPONENT_CONTEXT_EVENTS } from './context_consumer_messages_names.js';
5
5
 
6
- var _ContextConsumerController_host, _ContextConsumerController_asyncConsumerSentinelId, _ContextConsumerController_asyncConsumerIntervalId;
6
+ var _ContextConsumerController_host, _ContextConsumerController_asyncConsumerSentinelTimeoutIds, _ContextConsumerController_asyncConsumerIntervalIds;
7
7
  class ContextConsumerController {
8
8
  constructor(host) {
9
9
  _ContextConsumerController_host.set(this, void 0);
10
- _ContextConsumerController_asyncConsumerSentinelId.set(this, void 0);
11
- _ContextConsumerController_asyncConsumerIntervalId.set(this, void 0);
10
+ _ContextConsumerController_asyncConsumerSentinelTimeoutIds.set(this, {});
11
+ _ContextConsumerController_asyncConsumerIntervalIds.set(this, {});
12
12
  __classPrivateFieldSet(this, _ContextConsumerController_host, host, "f");
13
13
  __classPrivateFieldGet(this, _ContextConsumerController_host, "f").addController(this);
14
14
  }
@@ -20,18 +20,25 @@ class ContextConsumerController {
20
20
  if (value !== undefined)
21
21
  return value;
22
22
  return new Promise((resolve, reject) => {
23
- __classPrivateFieldSet(this, _ContextConsumerController_asyncConsumerIntervalId, setInterval(() => {
23
+ const consumerIntervalId = Number(setInterval(() => {
24
+ if (!__classPrivateFieldGet(this, _ContextConsumerController_host, "f").isConnected) {
25
+ this.clearInterval(consumerIntervalId, consumerSentinelTimeoutId);
26
+ reject();
27
+ return;
28
+ }
24
29
  const value = this._consumeValue(key);
25
30
  if (value !== undefined) {
31
+ this.clearInterval(consumerIntervalId, consumerSentinelTimeoutId);
26
32
  resolve(value);
27
33
  }
28
- }, intervalRate), "f");
29
- __classPrivateFieldSet(this, _ContextConsumerController_asyncConsumerSentinelId, setTimeout(() => {
34
+ }, intervalRate));
35
+ const consumerSentinelTimeoutId = Number(setTimeout(() => {
36
+ this.clearInterval(consumerIntervalId, consumerSentinelTimeoutId);
30
37
  reject();
31
- }, maxWaitingTime), "f");
32
- }).finally(() => {
33
- this._clearAsyncConsumerIntervals();
34
- });
38
+ }, maxWaitingTime));
39
+ __classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerIntervalIds, "f")[consumerIntervalId] = true;
40
+ __classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerSentinelTimeoutIds, "f")[consumerSentinelTimeoutId] = true;
41
+ }).catch();
35
42
  }
36
43
  _consumeValue(key) {
37
44
  const consumeEvent = new CustomEvent(WEB_COMPONENT_CONTEXT_EVENTS.valueRequested, {
@@ -43,17 +50,30 @@ class ContextConsumerController {
43
50
  __classPrivateFieldGet(this, _ContextConsumerController_host, "f").dispatchEvent(consumeEvent);
44
51
  return consumeEvent.detail[key];
45
52
  }
46
- // Added to fix typescript error
47
- // eslint-disable-next-line @typescript-eslint/no-empty-function
48
53
  hostConnected() {
49
- this._clearAsyncConsumerIntervals();
54
+ this._clearAllAsyncConsumerIntervals();
55
+ }
56
+ hostDisconnected() {
57
+ this._clearAllAsyncConsumerIntervals();
50
58
  }
51
- _clearAsyncConsumerIntervals() {
52
- __classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerSentinelId, "f") && window.clearTimeout(__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerSentinelId, "f"));
53
- __classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerIntervalId, "f") && clearInterval(__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerIntervalId, "f"));
59
+ clearInterval(intervalId, sentinelTimeoutIds) {
60
+ clearInterval(intervalId);
61
+ clearTimeout(sentinelTimeoutIds);
62
+ delete __classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerIntervalIds, "f")[intervalId];
63
+ delete __classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerSentinelTimeoutIds, "f")[sentinelTimeoutIds];
64
+ }
65
+ _clearAllAsyncConsumerIntervals() {
66
+ Object.keys(__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerIntervalIds, "f")).forEach((intervalId) => {
67
+ clearInterval(Number(intervalId));
68
+ });
69
+ __classPrivateFieldSet(this, _ContextConsumerController_asyncConsumerIntervalIds, {}, "f");
70
+ Object.keys(__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerSentinelTimeoutIds, "f")).forEach((sentinelId) => {
71
+ clearTimeout(Number(sentinelId));
72
+ });
73
+ __classPrivateFieldSet(this, _ContextConsumerController_asyncConsumerSentinelTimeoutIds, {}, "f");
54
74
  }
55
75
  }
56
- _ContextConsumerController_host = new WeakMap(), _ContextConsumerController_asyncConsumerSentinelId = new WeakMap(), _ContextConsumerController_asyncConsumerIntervalId = new WeakMap();
76
+ _ContextConsumerController_host = new WeakMap(), _ContextConsumerController_asyncConsumerSentinelTimeoutIds = new WeakMap(), _ContextConsumerController_asyncConsumerIntervalIds = new WeakMap();
57
77
 
58
78
  export { ContextConsumerController };
59
79
  //# sourceMappingURL=context_consumer_controller.js.map
package/build/esm/packages/phoenix/src/core/context/context_consumer_controller.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.7.9",
5
+ "version": "1.7.11-0",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",
@@ -30,7 +30,7 @@
30
30
  "@splidejs/splide": "^4.0.7"
31
31
  },
32
32
  "devDependencies": {
33
- "@dreamcommerce/utilities": "^1.11.0",
33
+ "@dreamcommerce/utilities": "^1.13.0",
34
34
  "@shoper/jest_config": "^0.0.0",
35
35
  "@shoper/tsconfig": "^0.0.0",
36
36
  "@splidejs/splide": "4.0.7",