@shoper/phoenix_design_system 0.19.0 → 0.19.1
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.
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +1 -1
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +14 -2
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +14 -2
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
- package/package.json +1 -1
|
@@ -159,7 +159,7 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
|
|
|
159
159
|
direction: this.direction,
|
|
160
160
|
relativeElement: this.$dropdownToggler,
|
|
161
161
|
elementToPosition: this.$dropdownContent,
|
|
162
|
-
disablePositioningOnCondition: () => window.innerWidth < global_constants.BREAKPOINTS.xs,
|
|
162
|
+
disablePositioningOnCondition: () => window.innerWidth < global_constants.BREAKPOINTS.xs || !this.opened,
|
|
163
163
|
portalElementsNames: [dropdown_constants.DROPDOWN_CONTENT_NAME]
|
|
164
164
|
});
|
|
165
165
|
if (!this._clickOutsideController)
|
|
@@ -28,10 +28,22 @@ class RelativePositionController {
|
|
|
28
28
|
_RelativePositionController_hasPositioningBeenDisabled.set(this, void 0);
|
|
29
29
|
_RelativePositionController_doesCurrentlyHaveShrinkMode.set(this, void 0);
|
|
30
30
|
_RelativePositionController_throttledReposition.set(this, throttle['default'](() => {
|
|
31
|
-
tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_disablePositioningOnCondition, "f").call(this)
|
|
31
|
+
if (tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_disablePositioningOnCondition, "f").call(this)) {
|
|
32
|
+
this.disableRelativePositioning();
|
|
33
|
+
window.removeEventListener('resize', tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_throttledReposition, "f"));
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
this.position(true);
|
|
37
|
+
window.addEventListener('resize', tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_throttledReposition, "f"));
|
|
32
38
|
}, relative_position_controller_constants.DEFAULT_THROTTLE_WAIT_TIME));
|
|
33
39
|
_RelativePositionController_throttledRepositionForScroll.set(this, throttle['default'](() => {
|
|
34
|
-
tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_disablePositioningOnCondition, "f").call(this)
|
|
40
|
+
if (tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_disablePositioningOnCondition, "f").call(this)) {
|
|
41
|
+
this.disableRelativePositioning();
|
|
42
|
+
window.removeEventListener('resize', tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_throttledRepositionForScroll, "f"));
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
this.position(true);
|
|
46
|
+
window.addEventListener('resize', tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_throttledRepositionForScroll, "f"));
|
|
35
47
|
}, relative_position_controller_constants.DEFAULT_SCROLL_THROTTLE_WAIT_TIME));
|
|
36
48
|
tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_host, host, "f");
|
|
37
49
|
tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_container, container, "f");
|
|
@@ -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,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -155,7 +155,7 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
|
|
|
155
155
|
direction: this.direction,
|
|
156
156
|
relativeElement: this.$dropdownToggler,
|
|
157
157
|
elementToPosition: this.$dropdownContent,
|
|
158
|
-
disablePositioningOnCondition: () => window.innerWidth < BREAKPOINTS.xs,
|
|
158
|
+
disablePositioningOnCondition: () => window.innerWidth < BREAKPOINTS.xs || !this.opened,
|
|
159
159
|
portalElementsNames: [DROPDOWN_CONTENT_NAME]
|
|
160
160
|
});
|
|
161
161
|
if (!this._clickOutsideController)
|
|
@@ -24,10 +24,22 @@ class RelativePositionController {
|
|
|
24
24
|
_RelativePositionController_hasPositioningBeenDisabled.set(this, void 0);
|
|
25
25
|
_RelativePositionController_doesCurrentlyHaveShrinkMode.set(this, void 0);
|
|
26
26
|
_RelativePositionController_throttledReposition.set(this, throttle_1(() => {
|
|
27
|
-
__classPrivateFieldGet(this, _RelativePositionController_disablePositioningOnCondition, "f").call(this)
|
|
27
|
+
if (__classPrivateFieldGet(this, _RelativePositionController_disablePositioningOnCondition, "f").call(this)) {
|
|
28
|
+
this.disableRelativePositioning();
|
|
29
|
+
window.removeEventListener('resize', __classPrivateFieldGet(this, _RelativePositionController_throttledReposition, "f"));
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
this.position(true);
|
|
33
|
+
window.addEventListener('resize', __classPrivateFieldGet(this, _RelativePositionController_throttledReposition, "f"));
|
|
28
34
|
}, DEFAULT_THROTTLE_WAIT_TIME));
|
|
29
35
|
_RelativePositionController_throttledRepositionForScroll.set(this, throttle_1(() => {
|
|
30
|
-
__classPrivateFieldGet(this, _RelativePositionController_disablePositioningOnCondition, "f").call(this)
|
|
36
|
+
if (__classPrivateFieldGet(this, _RelativePositionController_disablePositioningOnCondition, "f").call(this)) {
|
|
37
|
+
this.disableRelativePositioning();
|
|
38
|
+
window.removeEventListener('resize', __classPrivateFieldGet(this, _RelativePositionController_throttledRepositionForScroll, "f"));
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
this.position(true);
|
|
42
|
+
window.addEventListener('resize', __classPrivateFieldGet(this, _RelativePositionController_throttledRepositionForScroll, "f"));
|
|
31
43
|
}, DEFAULT_SCROLL_THROTTLE_WAIT_TIME));
|
|
32
44
|
__classPrivateFieldSet(this, _RelativePositionController_host, host, "f");
|
|
33
45
|
__classPrivateFieldSet(this, _RelativePositionController_container, container, "f");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|