@shoper/phoenix_design_system 0.19.3-7 → 0.19.3-9

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 (8) hide show
  1. package/build/cjs/packages/phoenix/src/components/tabs/tabs.js +7 -0
  2. package/build/cjs/packages/phoenix/src/components/tabs/tabs.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js +1 -1
  4. package/build/esm/packages/phoenix/src/components/tabs/tabs.d.ts +1 -0
  5. package/build/esm/packages/phoenix/src/components/tabs/tabs.js +7 -0
  6. package/build/esm/packages/phoenix/src/components/tabs/tabs.js.map +1 -1
  7. package/build/esm/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js +1 -1
  8. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/tabs/tabs.js CHANGED
@@ -68,11 +68,18 @@ exports.HTabs = class HTabs extends phoenix_light_lit_element.PhoenixLightLitEle
68
68
  }
69
69
  allChildrenConnected() {
70
70
  const $selectedTab = this.querySelector('h-tab[selected]');
71
+ this._hideNotSelectedAndVisiblePanels();
71
72
  if (!$selectedTab)
72
73
  return;
73
74
  this._$selectedTab = $selectedTab;
74
75
  this.switchPanel(this._$selectedTab.panelName);
75
76
  }
77
+ _hideNotSelectedAndVisiblePanels() {
78
+ const $notSelectedTabs = this.querySelectorAll('h-tab:not([selected])');
79
+ [...$notSelectedTabs]
80
+ .map(($tab) => $tab.panelName)
81
+ .forEach((panelName) => document.querySelectorAll(`[name="${panelName}"]`).forEach(($panel) => $panel.hide()));
82
+ }
76
83
  switchPanel(newPanelName) {
77
84
  const $currentPanel = this._$selectedTab && document.querySelectorAll(`[name="${this._$selectedTab.panelName}"]`);
78
85
  const $newPanel = document.querySelectorAll(`[name="${newPanelName}"]`);
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;"}
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;"}
package/build/cjs/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js CHANGED
@@ -20,7 +20,7 @@ class VisibilityController {
20
20
  tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").addEventListener('resize', this._handleResize);
21
21
  }
22
22
  _setVisibilityValue() {
23
- const isVisible = this._isVisibleBasedOnCssStyle() || !!tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").getAttribute('hidden');
23
+ const isVisible = this._isVisibleBasedOnCssStyle() && !tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").getAttribute('hidden');
24
24
  isVisible ? this.show() : this.hide();
25
25
  }
26
26
  _isVisibleBasedOnCssStyle() {
package/build/esm/packages/phoenix/src/components/tabs/tabs.d.ts CHANGED
@@ -10,6 +10,7 @@ export declare class HTabs extends PhoenixLightLitElement {
10
10
  private _setupEvents;
11
11
  private _handleTabSelected;
12
12
  allChildrenConnected(): void;
13
+ private _hideNotSelectedAndVisiblePanels;
13
14
  switchPanel(newPanelName: string): void;
14
15
  private _dispatchChangedEvent;
15
16
  }
package/build/esm/packages/phoenix/src/components/tabs/tabs.js CHANGED
@@ -64,11 +64,18 @@ let HTabs = class HTabs extends PhoenixLightLitElement {
64
64
  }
65
65
  allChildrenConnected() {
66
66
  const $selectedTab = this.querySelector('h-tab[selected]');
67
+ this._hideNotSelectedAndVisiblePanels();
67
68
  if (!$selectedTab)
68
69
  return;
69
70
  this._$selectedTab = $selectedTab;
70
71
  this.switchPanel(this._$selectedTab.panelName);
71
72
  }
73
+ _hideNotSelectedAndVisiblePanels() {
74
+ const $notSelectedTabs = this.querySelectorAll('h-tab:not([selected])');
75
+ [...$notSelectedTabs]
76
+ .map(($tab) => $tab.panelName)
77
+ .forEach((panelName) => document.querySelectorAll(`[name="${panelName}"]`).forEach(($panel) => $panel.hide()));
78
+ }
72
79
  switchPanel(newPanelName) {
73
80
  const $currentPanel = this._$selectedTab && document.querySelectorAll(`[name="${this._$selectedTab.panelName}"]`);
74
81
  const $newPanel = document.querySelectorAll(`[name="${newPanelName}"]`);
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;"}
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;"}
package/build/esm/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js CHANGED
@@ -16,7 +16,7 @@ class VisibilityController {
16
16
  __classPrivateFieldGet(this, _VisibilityController_host, "f").addEventListener('resize', this._handleResize);
17
17
  }
18
18
  _setVisibilityValue() {
19
- const isVisible = this._isVisibleBasedOnCssStyle() || !!__classPrivateFieldGet(this, _VisibilityController_host, "f").getAttribute('hidden');
19
+ const isVisible = this._isVisibleBasedOnCssStyle() && !__classPrivateFieldGet(this, _VisibilityController_host, "f").getAttribute('hidden');
20
20
  isVisible ? this.show() : this.hide();
21
21
  }
22
22
  _isVisibleBasedOnCssStyle() {
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": "0.19.3-7",
5
+ "version": "0.19.3-9",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",