@shoper/phoenix_design_system 1.7.9 → 1.7.10

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 (11) 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/esm/packages/phoenix/src/components/tabs/tab/tab.js +2 -2
  5. package/build/esm/packages/phoenix/src/components/tabs/tabs.d.ts +1 -0
  6. package/build/esm/packages/phoenix/src/components/tabs/tabs.js +9 -2
  7. package/build/esm/packages/phoenix/src/components/tabs/tabs.js.map +1 -1
  8. package/build/esm/packages/phoenix/src/components/tabs/tabs_types.d.ts +4 -4
  9. package/build/esm/packages/phoenix/src/components/tabs/tabs_types.js +1 -1
  10. package/build/esm/packages/phoenix/src/components/tabs/tabs_types.js.map +1 -1
  11. 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/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/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.10",
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",