@shoper/phoenix_design_system 1.7.9-0 → 1.7.9-2

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/slider/slider.js +1 -8
  2. package/build/cjs/packages/phoenix/src/components/slider/slider.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/tabs/tab/tab.js +2 -2
  4. package/build/cjs/packages/phoenix/src/components/tabs/tabs.js +9 -2
  5. package/build/cjs/packages/phoenix/src/components/tabs/tabs.js.map +1 -1
  6. package/build/esm/packages/phoenix/src/components/slider/slider.d.ts +0 -1
  7. package/build/esm/packages/phoenix/src/components/slider/slider.js +1 -8
  8. package/build/esm/packages/phoenix/src/components/slider/slider.js.map +1 -1
  9. package/build/esm/packages/phoenix/src/components/tabs/tab/tab.js +2 -2
  10. package/build/esm/packages/phoenix/src/components/tabs/tabs.d.ts +1 -0
  11. package/build/esm/packages/phoenix/src/components/tabs/tabs.js +9 -2
  12. package/build/esm/packages/phoenix/src/components/tabs/tabs.js.map +1 -1
  13. package/build/esm/packages/phoenix/src/components/tabs/tabs_types.d.ts +4 -4
  14. package/build/esm/packages/phoenix/src/components/tabs/tabs_types.js +1 -1
  15. package/build/esm/packages/phoenix/src/components/tabs/tabs_types.js.map +1 -1
  16. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/slider/slider.js CHANGED
@@ -24,21 +24,14 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
24
24
  }
25
25
  connectedCallback() {
26
26
  var _a;
27
- super.connectedCallback();
28
27
  if (this.settings) {
29
28
  this._settings = (_a = utilities.JsonUtils.fromJson(this.settings)) !== null && _a !== void 0 ? _a : this._settings;
30
29
  }
31
- if (!this._slider)
32
- this._slider = new splide_esm.Splide(`#${this.id}`, this._settings);
30
+ this._slider = new splide_esm.Splide(`#${this.id}`, this._settings);
33
31
  if (this._settings.mountOnConnectedCallback) {
34
32
  this._slider.mount();
35
33
  }
36
34
  }
37
- disconnectedCallback() {
38
- var _a;
39
- super.disconnectedCallback();
40
- (_a = this._slider) === null || _a === void 0 ? void 0 : _a.destroy();
41
- }
42
35
  getSlider() {
43
36
  return this._slider;
44
37
  }
package/build/cjs/packages/phoenix/src/components/slider/slider.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,yBAAyB,gEAAoE;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,yBAAyB,gEAAoE;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/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/slider/slider.d.ts CHANGED
@@ -6,6 +6,5 @@ export declare class HSlider extends PhoenixLightLitElement {
6
6
  private _settings;
7
7
  private _slider;
8
8
  connectedCallback(): void;
9
- disconnectedCallback(): void;
10
9
  getSlider(): ISlider | null;
11
10
  }
package/build/esm/packages/phoenix/src/components/slider/slider.js CHANGED
@@ -20,21 +20,14 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
20
20
  }
21
21
  connectedCallback() {
22
22
  var _a;
23
- super.connectedCallback();
24
23
  if (this.settings) {
25
24
  this._settings = (_a = JsonUtils.fromJson(this.settings)) !== null && _a !== void 0 ? _a : this._settings;
26
25
  }
27
- if (!this._slider)
28
- this._slider = new Splide(`#${this.id}`, this._settings);
26
+ this._slider = new Splide(`#${this.id}`, this._settings);
29
27
  if (this._settings.mountOnConnectedCallback) {
30
28
  this._slider.mount();
31
29
  }
32
30
  }
33
- disconnectedCallback() {
34
- var _a;
35
- super.disconnectedCallback();
36
- (_a = this._slider) === null || _a === void 0 ? void 0 : _a.destroy();
37
- }
38
31
  getSlider() {
39
32
  return this._slider;
40
33
  }
package/build/esm/packages/phoenix/src/components/slider/slider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA,uBAAuB,gEAAoE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uBAAuB,gEAAoE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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-0",
5
+ "version": "1.7.9-2",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",