@shoper/phoenix_design_system 1.10.1-2 → 1.10.1-3

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 (9) hide show
  1. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +3 -3
  2. package/build/cjs/packages/phoenix/src/components/messages/base_message.js +1 -1
  3. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +7 -7
  4. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +3 -3
  5. package/build/esm/packages/phoenix/src/components/messages/base_message.js +1 -1
  6. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.d.ts +2 -2
  7. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +7 -7
  8. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.d.ts +1 -1
  9. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js CHANGED
@@ -129,8 +129,8 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
129
129
  this._backdropController.show();
130
130
  };
131
131
  this._handleEnabledPositioning = (ev) => {
132
- const { hasInteracted } = ev.detail;
133
- !hasInteracted && this._backdropController.hide();
132
+ const { wasPreviouslyHidden } = ev.detail;
133
+ !wasPreviouslyHidden && this._backdropController.hide();
134
134
  };
135
135
  this._observeScrollToggling = throttle['default'](() => {
136
136
  this._toggleScroll();
@@ -202,7 +202,7 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
202
202
  requestAnimationFrame(() => {
203
203
  this.opened && window.innerWidth < global_constants.BREAKPOINTS.xs
204
204
  ? this._positionController.disableRelativePositioning()
205
- : this._positionController.position();
205
+ : this._positionController.position(true);
206
206
  });
207
207
  };
208
208
  this._setDropdownContentWidth = (width) => {
package/build/cjs/packages/phoenix/src/components/messages/base_message.js CHANGED
@@ -27,7 +27,7 @@ class BaseMessage extends phoenix_light_lit_element.PhoenixLightLitElement {
27
27
  this._positionMessage = () => {
28
28
  requestAnimationFrame(() => {
29
29
  var _a;
30
- (_a = this._$messageContent) === null || _a === void 0 ? void 0 : _a.setAttribute('direction', this._positionController.position());
30
+ (_a = this._$messageContent) === null || _a === void 0 ? void 0 : _a.setAttribute('direction', this._positionController.position(true));
31
31
  });
32
32
  };
33
33
  this.open = () => {
package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js CHANGED
@@ -33,14 +33,14 @@ class RelativePositionController {
33
33
  this.disableRelativePositioning();
34
34
  return;
35
35
  }
36
- this._positionOnInteraction();
36
+ this._positionOnScreenActivity();
37
37
  }, relative_position_controller_constants.DEFAULT_THROTTLE_WAIT_TIME));
38
38
  _RelativePositionController_throttledRepositionForScroll.set(this, throttle['default'](() => {
39
39
  if (tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_disablePositioningOnCondition, "f").call(this)) {
40
40
  this.disableRelativePositioning();
41
41
  return;
42
42
  }
43
- this._positionOnInteraction();
43
+ this._positionOnScreenActivity();
44
44
  }, relative_position_controller_constants.DEFAULT_SCROLL_THROTTLE_WAIT_TIME));
45
45
  tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_host, host, "f");
46
46
  tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_container, container, "f");
@@ -67,15 +67,15 @@ class RelativePositionController {
67
67
  if (tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f"))
68
68
  tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f").removeEventListener('scroll', tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_throttledRepositionForScroll, "f"));
69
69
  }
70
- _positionOnInteraction() {
70
+ _positionOnScreenActivity() {
71
71
  if (tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_hasPositioningBeenDisabled, "f")) {
72
72
  this._dispatchReenabledPositioningEvent();
73
73
  }
74
74
  return this._handleContainerPositioning(true);
75
75
  }
76
- position(shouldNotReposition = false) {
76
+ position(wasPreviouslyHidden = false, shouldNotReposition = false) {
77
77
  if (tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_hasPositioningBeenDisabled, "f")) {
78
- this._dispatchReenabledPositioningEvent(true);
78
+ this._dispatchReenabledPositioningEvent(wasPreviouslyHidden);
79
79
  }
80
80
  return this._handleContainerPositioning(shouldNotReposition);
81
81
  }
@@ -106,11 +106,11 @@ class RelativePositionController {
106
106
  this._enableShrinkMode();
107
107
  return position.calculatedSide;
108
108
  }
109
- _dispatchReenabledPositioningEvent(hasInteracted = false) {
109
+ _dispatchReenabledPositioningEvent(wasPreviouslyHidden = false) {
110
110
  tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_hasPositioningBeenDisabled, false, "f");
111
111
  const enabledPositioningEvent = new CustomEvent(relative_position_controller_constants.RELATIVE_POSITION_CONTROLLER_EVENTS.enabledPositioning, {
112
112
  bubbles: true,
113
- detail: { hasInteracted }
113
+ detail: { wasPreviouslyHidden }
114
114
  });
115
115
  tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_host, "f").dispatchEvent(enabledPositioningEvent);
116
116
  }
package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js CHANGED
@@ -125,8 +125,8 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
125
125
  this._backdropController.show();
126
126
  };
127
127
  this._handleEnabledPositioning = (ev) => {
128
- const { hasInteracted } = ev.detail;
129
- !hasInteracted && this._backdropController.hide();
128
+ const { wasPreviouslyHidden } = ev.detail;
129
+ !wasPreviouslyHidden && this._backdropController.hide();
130
130
  };
131
131
  this._observeScrollToggling = throttle_1(() => {
132
132
  this._toggleScroll();
@@ -198,7 +198,7 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
198
198
  requestAnimationFrame(() => {
199
199
  this.opened && window.innerWidth < BREAKPOINTS.xs
200
200
  ? this._positionController.disableRelativePositioning()
201
- : this._positionController.position();
201
+ : this._positionController.position(true);
202
202
  });
203
203
  };
204
204
  this._setDropdownContentWidth = (width) => {
package/build/esm/packages/phoenix/src/components/messages/base_message.js CHANGED
@@ -23,7 +23,7 @@ class BaseMessage extends PhoenixLightLitElement {
23
23
  this._positionMessage = () => {
24
24
  requestAnimationFrame(() => {
25
25
  var _a;
26
- (_a = this._$messageContent) === null || _a === void 0 ? void 0 : _a.setAttribute('direction', this._positionController.position());
26
+ (_a = this._$messageContent) === null || _a === void 0 ? void 0 : _a.setAttribute('direction', this._positionController.position(true));
27
27
  });
28
28
  };
29
29
  this.open = () => {
package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.d.ts CHANGED
@@ -5,8 +5,8 @@ export declare class RelativePositionController implements IRelativePositionCont
5
5
  constructor({ host, container, direction, relativeElement, elementToPosition, disablePositioningOnCondition, portalElementsNames, offset, mobileElementPosition }: TRelativePositionControllerConstructorOptions);
6
6
  hostConnected(): void;
7
7
  hostDisconnected(): void;
8
- private _positionOnInteraction;
9
- position(shouldNotReposition?: boolean): TDirection;
8
+ private _positionOnScreenActivity;
9
+ position(wasPreviouslyHidden?: boolean, shouldNotReposition?: boolean): TDirection;
10
10
  private _handleContainerPositioning;
11
11
  private _dispatchReenabledPositioningEvent;
12
12
  private _findNearestScrollableElement;
package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js CHANGED
@@ -29,14 +29,14 @@ class RelativePositionController {
29
29
  this.disableRelativePositioning();
30
30
  return;
31
31
  }
32
- this._positionOnInteraction();
32
+ this._positionOnScreenActivity();
33
33
  }, DEFAULT_THROTTLE_WAIT_TIME));
34
34
  _RelativePositionController_throttledRepositionForScroll.set(this, throttle_1(() => {
35
35
  if (__classPrivateFieldGet(this, _RelativePositionController_disablePositioningOnCondition, "f").call(this)) {
36
36
  this.disableRelativePositioning();
37
37
  return;
38
38
  }
39
- this._positionOnInteraction();
39
+ this._positionOnScreenActivity();
40
40
  }, DEFAULT_SCROLL_THROTTLE_WAIT_TIME));
41
41
  __classPrivateFieldSet(this, _RelativePositionController_host, host, "f");
42
42
  __classPrivateFieldSet(this, _RelativePositionController_container, container, "f");
@@ -63,15 +63,15 @@ class RelativePositionController {
63
63
  if (__classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f"))
64
64
  __classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f").removeEventListener('scroll', __classPrivateFieldGet(this, _RelativePositionController_throttledRepositionForScroll, "f"));
65
65
  }
66
- _positionOnInteraction() {
66
+ _positionOnScreenActivity() {
67
67
  if (__classPrivateFieldGet(this, _RelativePositionController_hasPositioningBeenDisabled, "f")) {
68
68
  this._dispatchReenabledPositioningEvent();
69
69
  }
70
70
  return this._handleContainerPositioning(true);
71
71
  }
72
- position(shouldNotReposition = false) {
72
+ position(wasPreviouslyHidden = false, shouldNotReposition = false) {
73
73
  if (__classPrivateFieldGet(this, _RelativePositionController_hasPositioningBeenDisabled, "f")) {
74
- this._dispatchReenabledPositioningEvent(true);
74
+ this._dispatchReenabledPositioningEvent(wasPreviouslyHidden);
75
75
  }
76
76
  return this._handleContainerPositioning(shouldNotReposition);
77
77
  }
@@ -102,11 +102,11 @@ class RelativePositionController {
102
102
  this._enableShrinkMode();
103
103
  return position.calculatedSide;
104
104
  }
105
- _dispatchReenabledPositioningEvent(hasInteracted = false) {
105
+ _dispatchReenabledPositioningEvent(wasPreviouslyHidden = false) {
106
106
  __classPrivateFieldSet(this, _RelativePositionController_hasPositioningBeenDisabled, false, "f");
107
107
  const enabledPositioningEvent = new CustomEvent(RELATIVE_POSITION_CONTROLLER_EVENTS.enabledPositioning, {
108
108
  bubbles: true,
109
- detail: { hasInteracted }
109
+ detail: { wasPreviouslyHidden }
110
110
  });
111
111
  __classPrivateFieldGet(this, _RelativePositionController_host, "f").dispatchEvent(enabledPositioningEvent);
112
112
  }
package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.d.ts CHANGED
@@ -18,5 +18,5 @@ export interface IRelativePositionController extends ReactiveController {
18
18
  }
19
19
  export declare type TMobileElementPosition = typeof MOBILE_ELEMENT_POSITIONS[Any.Keys<typeof MOBILE_ELEMENT_POSITIONS>];
20
20
  export declare type TEnabledPositioningEventDetail = {
21
- hasInteracted: boolean;
21
+ wasPreviouslyHidden: boolean;
22
22
  };
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.10.1-2",
5
+ "version": "1.10.1-3",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",