@shoper/phoenix_design_system 0.22.3 → 0.22.4-0
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/accordion/accordion_content.js +6 -9
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +4 -3
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/slider/slider.js +2 -2
- package/build/cjs/packages/phoenix/src/components/tabs/tab/tab.js +74 -0
- package/build/cjs/packages/phoenix/src/components/tabs/tab/tab.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/tabs/tab/tab_constants.js +12 -0
- package/build/{esm/packages/utilities/build/esm/web_components_utils.js.map → cjs/packages/phoenix/src/components/tabs/tab/tab_constants.js.map} +1 -1
- package/build/cjs/packages/phoenix/src/components/tabs/tab_panel.js +31 -0
- package/build/cjs/packages/phoenix/src/components/tabs/tab_panel.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/tabs/tabs.js +108 -0
- package/build/cjs/packages/phoenix/src/components/tabs/tabs.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/tabs/tabs_constants.js +10 -0
- package/build/cjs/packages/{utilities/build/esm/web_components_utils.js.map → phoenix/src/components/tabs/tabs_constants.js.map} +1 -1
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js +170 -46
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js.map +1 -1
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +10 -6
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
- package/build/cjs/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js +1 -1
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js +3 -0
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js.map +1 -1
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.js +4 -4
- package/build/cjs/packages/phoenix/src/index.js +23 -0
- package/build/cjs/packages/phoenix/src/index.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +6 -9
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +4 -3
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/slider/slider.js +1 -1
- package/build/esm/packages/phoenix/src/components/tabs/tab/tab.d.ts +14 -0
- package/build/esm/packages/phoenix/src/components/tabs/tab/tab.js +72 -0
- package/build/esm/packages/phoenix/src/components/tabs/tab/tab.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/tabs/tab/tab_constants.d.ts +4 -0
- package/build/esm/packages/phoenix/src/components/tabs/tab/tab_constants.js +7 -0
- package/build/esm/packages/phoenix/src/components/tabs/tab/tab_constants.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/tabs/tab_panel.d.ts +8 -0
- package/build/esm/packages/phoenix/src/components/tabs/tab_panel.js +29 -0
- package/build/{cjs/packages/utilities/build/esm/json_utils.js.map → esm/packages/phoenix/src/components/tabs/tab_panel.js.map} +1 -1
- package/build/esm/packages/phoenix/src/components/tabs/tabs.d.ts +16 -0
- package/build/esm/packages/phoenix/src/components/tabs/tabs.js +106 -0
- package/build/esm/packages/phoenix/src/components/tabs/tabs.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/tabs/tabs_constants.d.ts +3 -0
- package/build/esm/packages/phoenix/src/components/tabs/tabs_constants.js +6 -0
- package/build/esm/packages/phoenix/src/components/tabs/tabs_constants.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/tabs/tabs_types.d.ts +4 -0
- package/build/esm/packages/phoenix/src/components/tabs/tabs_types.js +2 -0
- package/build/esm/packages/phoenix/src/components/tabs/tabs_types.js.map +1 -0
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.d.ts +15 -2
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js +170 -46
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js.map +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator_types.d.ts +45 -0
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator_types.js +4 -0
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator_types.js.map +1 -0
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.d.ts +3 -3
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +10 -6
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.d.ts +4 -11
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.js +2 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.js.map +1 -1
- package/build/esm/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js +1 -1
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js +3 -0
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js.map +1 -1
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.js +1 -1
- package/build/esm/packages/phoenix/src/index.d.ts +4 -0
- package/build/esm/packages/phoenix/src/index.js +4 -0
- package/build/esm/packages/phoenix/src/index.js.map +1 -1
- package/package.json +2 -2
- package/build/cjs/packages/utilities/build/esm/json_utils.js +0 -25
- package/build/cjs/packages/utilities/build/esm/web_components_utils.js +0 -18
- package/build/esm/packages/utilities/build/esm/json_utils.js +0 -21
- package/build/esm/packages/utilities/build/esm/json_utils.js.map +0 -1
- package/build/esm/packages/utilities/build/esm/web_components_utils.js +0 -14
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { Any } from 'ts-toolbelt';
|
|
2
|
+
import { CALCULATOR_DIRECTIONS } from './relative_position_controller_constants';
|
|
3
|
+
import { TDirection } from './relative_position_controller_types';
|
|
4
|
+
export declare type TCalculatorDirection = typeof CALCULATOR_DIRECTIONS[Any.Keys<typeof CALCULATOR_DIRECTIONS>];
|
|
5
|
+
export declare type TRelativePositionCalculatorConstructorOptions = {
|
|
6
|
+
direction: TDirection;
|
|
7
|
+
relativeElementRect: DOMRect;
|
|
8
|
+
positionElementRect: DOMRect;
|
|
9
|
+
nearestNonStaticElementFromElementToPositionRect: DOMRect;
|
|
10
|
+
offset?: number;
|
|
11
|
+
container?: HTMLElement;
|
|
12
|
+
shouldNotReposition?: boolean;
|
|
13
|
+
};
|
|
14
|
+
export declare type TCalculateVerticalSideProps = {
|
|
15
|
+
topSide: number;
|
|
16
|
+
bottomSide: number;
|
|
17
|
+
verticalCenter: number;
|
|
18
|
+
};
|
|
19
|
+
export declare type TCalculateCenterSideProps = {
|
|
20
|
+
verticalCenter: number;
|
|
21
|
+
horizontalCenter: number;
|
|
22
|
+
alignment: TCalculatorDirection;
|
|
23
|
+
};
|
|
24
|
+
export declare type TCalculateHorizontalSideProps = {
|
|
25
|
+
leftSide: number;
|
|
26
|
+
rightSide: number;
|
|
27
|
+
};
|
|
28
|
+
export declare type TCalculateTopAlignmentProps = {
|
|
29
|
+
topAlignment: number;
|
|
30
|
+
isSideCenter: boolean;
|
|
31
|
+
};
|
|
32
|
+
export declare type TCalculateBottomAlignmentProps = {
|
|
33
|
+
bottomAlignment: number;
|
|
34
|
+
isSideCenter: boolean;
|
|
35
|
+
};
|
|
36
|
+
export declare type TCalculateHorizontalAlignmentProps = {
|
|
37
|
+
leftAlignment: number;
|
|
38
|
+
rightAlignment: number;
|
|
39
|
+
isSideCenter: boolean;
|
|
40
|
+
};
|
|
41
|
+
export declare type TCalculateCenterAlignmentProps = {
|
|
42
|
+
verticalCenter: number;
|
|
43
|
+
horizontalCenter: number;
|
|
44
|
+
side: TCalculatorDirection;
|
|
45
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"relative_position_calculator_types.js","sourceRoot":"","sources":["../../../../../../../src/controllers/relative_position_controller/relative_position_calculator_types.ts"],"names":[],"mappings":"AAAA,OAAoB,aAAa,CAAC;AAClC,OAAsC,0CAA0C,CAAC;AACjF,OAA2B,sCAAsC,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { IRelativePositionController, TRelativePositionControllerConstructorOptions } from "./relative_position_controller_types";
|
|
1
|
+
import { IRelativePositionController, TDirection, TRelativePositionControllerConstructorOptions } from "./relative_position_controller_types";
|
|
2
2
|
export declare class RelativePositionController implements IRelativePositionController {
|
|
3
3
|
#private;
|
|
4
|
-
constructor({ host, container, direction, relativeElement, elementToPosition, disablePositioningOnCondition, portalElementsNames }: TRelativePositionControllerConstructorOptions);
|
|
4
|
+
constructor({ host, container, direction, relativeElement, elementToPosition, disablePositioningOnCondition, portalElementsNames, offset }: TRelativePositionControllerConstructorOptions);
|
|
5
5
|
hostConnected(): void;
|
|
6
6
|
hostDisconnected(): void;
|
|
7
|
-
position(shouldNotReposition?: boolean):
|
|
7
|
+
position(shouldNotReposition?: boolean): TDirection;
|
|
8
8
|
private _dispatchReenabledPositioningEvent;
|
|
9
9
|
private _findNearestScrollableElement;
|
|
10
10
|
private _findContainer;
|
|
@@ -5,9 +5,9 @@ import { RELATIVE_POSITION_CONTROLLER_EVENTS, OVERFLOW_SCROLL, OVERFLOW_AUTO, NO
|
|
|
5
5
|
import { PositionCalculator } from './relative_position_calculator.js';
|
|
6
6
|
import throttle_1 from '../../../../../external/lodash/throttle.js';
|
|
7
7
|
|
|
8
|
-
var _RelativePositionController_host, _RelativePositionController_container, _RelativePositionController_nearestNonStaticElementFromElementToPosition, _RelativePositionController_direction, _RelativePositionController_nearestScrollableElement, _RelativePositionController_relativeElement, _RelativePositionController_elementToPosition, _RelativePositionController_disablePositioningOnCondition, _RelativePositionController_portalElementsNames, _RelativePositionController_isInitiallyScrollable, _RelativePositionController_initialMaxHeight, _RelativePositionController_initialHeight, _RelativePositionController_calculatedDirection, _RelativePositionController_hasPositioningBeenDisabled, _RelativePositionController_doesCurrentlyHaveShrinkMode, _RelativePositionController_throttledReposition, _RelativePositionController_throttledRepositionForScroll;
|
|
8
|
+
var _RelativePositionController_host, _RelativePositionController_container, _RelativePositionController_nearestNonStaticElementFromElementToPosition, _RelativePositionController_direction, _RelativePositionController_nearestScrollableElement, _RelativePositionController_relativeElement, _RelativePositionController_elementToPosition, _RelativePositionController_disablePositioningOnCondition, _RelativePositionController_portalElementsNames, _RelativePositionController_isInitiallyScrollable, _RelativePositionController_initialMaxHeight, _RelativePositionController_initialHeight, _RelativePositionController_calculatedDirection, _RelativePositionController_hasPositioningBeenDisabled, _RelativePositionController_doesCurrentlyHaveShrinkMode, _RelativePositionController_offset, _RelativePositionController_throttledReposition, _RelativePositionController_throttledRepositionForScroll;
|
|
9
9
|
class RelativePositionController {
|
|
10
|
-
constructor({ host, container, direction, relativeElement, elementToPosition, disablePositioningOnCondition = () => true, portalElementsNames = [] }) {
|
|
10
|
+
constructor({ host, container, direction, relativeElement, elementToPosition, disablePositioningOnCondition = () => true, portalElementsNames = [], offset = 0 }) {
|
|
11
11
|
_RelativePositionController_host.set(this, void 0);
|
|
12
12
|
_RelativePositionController_container.set(this, void 0);
|
|
13
13
|
_RelativePositionController_nearestNonStaticElementFromElementToPosition.set(this, void 0);
|
|
@@ -23,6 +23,7 @@ class RelativePositionController {
|
|
|
23
23
|
_RelativePositionController_calculatedDirection.set(this, void 0);
|
|
24
24
|
_RelativePositionController_hasPositioningBeenDisabled.set(this, void 0);
|
|
25
25
|
_RelativePositionController_doesCurrentlyHaveShrinkMode.set(this, void 0);
|
|
26
|
+
_RelativePositionController_offset.set(this, void 0);
|
|
26
27
|
_RelativePositionController_throttledReposition.set(this, throttle_1(() => {
|
|
27
28
|
if (__classPrivateFieldGet(this, _RelativePositionController_disablePositioningOnCondition, "f").call(this)) {
|
|
28
29
|
this.disableRelativePositioning();
|
|
@@ -48,6 +49,7 @@ class RelativePositionController {
|
|
|
48
49
|
__classPrivateFieldSet(this, _RelativePositionController_elementToPosition, elementToPosition, "f");
|
|
49
50
|
__classPrivateFieldSet(this, _RelativePositionController_disablePositioningOnCondition, disablePositioningOnCondition, "f");
|
|
50
51
|
__classPrivateFieldSet(this, _RelativePositionController_portalElementsNames, portalElementsNames, "f");
|
|
52
|
+
__classPrivateFieldSet(this, _RelativePositionController_offset, offset, "f");
|
|
51
53
|
__classPrivateFieldSet(this, _RelativePositionController_isInitiallyScrollable, elementToPosition.classList.contains(SCROLLABLE_CLASS_NAME), "f");
|
|
52
54
|
__classPrivateFieldSet(this, _RelativePositionController_initialMaxHeight, getComputedStyle(elementToPosition).maxHeight, "f");
|
|
53
55
|
__classPrivateFieldGet(this, _RelativePositionController_host, "f").addController(this);
|
|
@@ -80,19 +82,21 @@ class RelativePositionController {
|
|
|
80
82
|
positionElementRect,
|
|
81
83
|
nearestNonStaticElementFromElementToPositionRect: __classPrivateFieldGet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, "f").getBoundingClientRect(),
|
|
82
84
|
container: __classPrivateFieldGet(this, _RelativePositionController_container, "f"),
|
|
83
|
-
shouldNotReposition
|
|
85
|
+
shouldNotReposition: shouldNotReposition || !__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getAttribute('style'),
|
|
86
|
+
offset: __classPrivateFieldGet(this, _RelativePositionController_offset, "f")
|
|
84
87
|
}).calculatePosition();
|
|
85
88
|
this._setElementPosition(position);
|
|
86
89
|
const isRepositioningDisabled = shouldNotReposition && __classPrivateFieldGet(this, _RelativePositionController_doesCurrentlyHaveShrinkMode, "f");
|
|
87
90
|
if (isRepositioningDisabled)
|
|
88
|
-
return;
|
|
91
|
+
return position.calculatedSide;
|
|
89
92
|
__classPrivateFieldSet(this, _RelativePositionController_calculatedDirection, position.calculatedSide, "f");
|
|
90
93
|
__classPrivateFieldSet(this, _RelativePositionController_doesCurrentlyHaveShrinkMode, !!position.shrinkMode, "f");
|
|
91
94
|
if (!position.shrinkMode) {
|
|
92
95
|
this._disableShrinkMode();
|
|
93
|
-
return;
|
|
96
|
+
return position.calculatedSide;
|
|
94
97
|
}
|
|
95
98
|
this._enableShrinkMode();
|
|
99
|
+
return position.calculatedSide;
|
|
96
100
|
}
|
|
97
101
|
_dispatchReenabledPositioningEvent() {
|
|
98
102
|
__classPrivateFieldSet(this, _RelativePositionController_hasPositioningBeenDisabled, false, "f");
|
|
@@ -151,7 +155,7 @@ class RelativePositionController {
|
|
|
151
155
|
elementStyle.transform = '';
|
|
152
156
|
}
|
|
153
157
|
}
|
|
154
|
-
_RelativePositionController_host = new WeakMap(), _RelativePositionController_container = new WeakMap(), _RelativePositionController_nearestNonStaticElementFromElementToPosition = new WeakMap(), _RelativePositionController_direction = new WeakMap(), _RelativePositionController_nearestScrollableElement = new WeakMap(), _RelativePositionController_relativeElement = new WeakMap(), _RelativePositionController_elementToPosition = new WeakMap(), _RelativePositionController_disablePositioningOnCondition = new WeakMap(), _RelativePositionController_portalElementsNames = new WeakMap(), _RelativePositionController_isInitiallyScrollable = new WeakMap(), _RelativePositionController_initialMaxHeight = new WeakMap(), _RelativePositionController_initialHeight = new WeakMap(), _RelativePositionController_calculatedDirection = new WeakMap(), _RelativePositionController_hasPositioningBeenDisabled = new WeakMap(), _RelativePositionController_doesCurrentlyHaveShrinkMode = new WeakMap(), _RelativePositionController_throttledReposition = new WeakMap(), _RelativePositionController_throttledRepositionForScroll = new WeakMap();
|
|
158
|
+
_RelativePositionController_host = new WeakMap(), _RelativePositionController_container = new WeakMap(), _RelativePositionController_nearestNonStaticElementFromElementToPosition = new WeakMap(), _RelativePositionController_direction = new WeakMap(), _RelativePositionController_nearestScrollableElement = new WeakMap(), _RelativePositionController_relativeElement = new WeakMap(), _RelativePositionController_elementToPosition = new WeakMap(), _RelativePositionController_disablePositioningOnCondition = new WeakMap(), _RelativePositionController_portalElementsNames = new WeakMap(), _RelativePositionController_isInitiallyScrollable = new WeakMap(), _RelativePositionController_initialMaxHeight = new WeakMap(), _RelativePositionController_initialHeight = new WeakMap(), _RelativePositionController_calculatedDirection = new WeakMap(), _RelativePositionController_hasPositioningBeenDisabled = new WeakMap(), _RelativePositionController_doesCurrentlyHaveShrinkMode = new WeakMap(), _RelativePositionController_offset = new WeakMap(), _RelativePositionController_throttledReposition = new WeakMap(), _RelativePositionController_throttledRepositionForScroll = new WeakMap();
|
|
155
159
|
|
|
156
160
|
export { RelativePositionController };
|
|
157
161
|
//# sourceMappingURL=relative_position_controller.js.map
|
|
@@ -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;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;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { CALCULATOR_DIRECTIONS, DIRECTIONS } from "./relative_position_controller_constants";
|
|
2
1
|
import { ReactiveController, ReactiveControllerHost } from 'lit';
|
|
3
2
|
import { Any } from 'ts-toolbelt';
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
import { DIRECTIONS } from "./relative_position_controller_constants";
|
|
4
|
+
import { TCalculatorDirection } from './relative_position_calculator_types';
|
|
5
|
+
export declare type TDirection = typeof DIRECTIONS[Any.Keys<typeof DIRECTIONS>];
|
|
6
6
|
export declare type TRelativePositionControllerConstructorOptions = {
|
|
7
7
|
host: ReactiveControllerHost & HTMLElement;
|
|
8
8
|
direction: TDirection;
|
|
@@ -11,6 +11,7 @@ export declare type TRelativePositionControllerConstructorOptions = {
|
|
|
11
11
|
elementToPosition: HTMLElement;
|
|
12
12
|
disablePositioningOnCondition?: () => boolean;
|
|
13
13
|
portalElementsNames?: string[];
|
|
14
|
+
offset?: number;
|
|
14
15
|
};
|
|
15
16
|
export interface IRelativePositionController extends ReactiveController {
|
|
16
17
|
position(): void;
|
|
@@ -24,11 +25,3 @@ export declare type TRelativePositionControllerPositionData = {
|
|
|
24
25
|
export declare type TPartialPositionControllerPositionData = Omit<TRelativePositionControllerPositionData, 'calculatedSide'> & {
|
|
25
26
|
calculatedSide: TCalculatorDirection;
|
|
26
27
|
};
|
|
27
|
-
export declare type TRelativePositionCalculatorConstructorOptions = {
|
|
28
|
-
direction: TDirection;
|
|
29
|
-
relativeElementRect: DOMRect;
|
|
30
|
-
positionElementRect: DOMRect;
|
|
31
|
-
nearestNonStaticElementFromElementToPositionRect: DOMRect;
|
|
32
|
-
container?: HTMLElement;
|
|
33
|
-
shouldNotReposition?: boolean;
|
|
34
|
-
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import '@phoenixRoot/controllers/relative_position_controller/relative_position_controller_constants';
|
|
2
1
|
import 'lit';
|
|
3
2
|
import 'ts-toolbelt';
|
|
3
|
+
import '@phoenixRoot/controllers/relative_position_controller/relative_position_controller_constants';
|
|
4
|
+
import './relative_position_calculator_types';
|
|
4
5
|
//# sourceMappingURL=relative_position_controller_types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"relative_position_controller_types.js","sourceRoot":"","sources":["../../../../../../../src/controllers/relative_position_controller/relative_position_controller_types.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"relative_position_controller_types.js","sourceRoot":"","sources":["../../../../../../../src/controllers/relative_position_controller/relative_position_controller_types.ts"],"names":[],"mappings":"AAAA,OAA2D,KAAK,CAAC;AAEjE,OAAoB,aAAa,CAAC;AAClC,OAA2B,8FAA8F,CAAC;AAC1H,OAAqC,sCAAsC,CAAC"}
|
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();
|
|
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/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js
CHANGED
|
@@ -28,6 +28,8 @@ class PhoenixLightLitElement extends LitElement {
|
|
|
28
28
|
}
|
|
29
29
|
_setupChildrenWatch() {
|
|
30
30
|
this.childrenToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesToWatch();
|
|
31
|
+
if (!this.childrenToWatch.length)
|
|
32
|
+
this.allChildrenConnected();
|
|
31
33
|
this.addEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
|
|
32
34
|
}
|
|
33
35
|
_getComponentsNamesToWatch() {
|
|
@@ -41,6 +43,7 @@ class PhoenixLightLitElement extends LitElement {
|
|
|
41
43
|
},
|
|
42
44
|
bubbles: true
|
|
43
45
|
}));
|
|
46
|
+
this.isWebComponentConnected = true;
|
|
44
47
|
this._setupChildrenWatch();
|
|
45
48
|
}
|
|
46
49
|
allChildrenConnected() { }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,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;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,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;"}
|
|
@@ -69,5 +69,9 @@ export { VisibilityController } from './controllers/visibility_controller/visibi
|
|
|
69
69
|
export * from './controllers/visibility_controller/visibility_controller_types';
|
|
70
70
|
export { HSlider } from './components/slider/slider';
|
|
71
71
|
export * from './components/slider/slider_types';
|
|
72
|
+
export { HTabs } from './components/tabs/tabs';
|
|
73
|
+
export { HTab } from './components/tabs/tab/tab';
|
|
74
|
+
export { HTabPanel } from './components/tabs/tab_panel';
|
|
75
|
+
export { TABS_EVENT_NAMES } from './components/tabs/tabs_constants';
|
|
72
76
|
export { HScrollTo } from './components/scroll_to/scroll_to';
|
|
73
77
|
export * from './components/scroll_to/scroll_to_types';
|
|
@@ -58,5 +58,9 @@ export { CLICK_OUTSIDE_CONTROLLER_MESSAGES } from './controllers/click_outside_c
|
|
|
58
58
|
export { HBackdrop } from './components/backdrop/backdrop.js';
|
|
59
59
|
export { VisibilityController } from './controllers/visibility_controller/visibility_controller.js';
|
|
60
60
|
export { HSlider } from './components/slider/slider.js';
|
|
61
|
+
export { HTab } from './components/tabs/tab/tab.js';
|
|
62
|
+
export { HTabPanel } from './components/tabs/tab_panel.js';
|
|
63
|
+
export { TABS_EVENT_NAMES } from './components/tabs/tabs_constants.js';
|
|
64
|
+
export { HTabs } from './components/tabs/tabs.js';
|
|
61
65
|
export { HScrollTo } from './components/scroll_to/scroll_to.js';
|
|
62
66
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/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.22.
|
|
5
|
+
"version": "0.22.4-0",
|
|
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": "^0.
|
|
33
|
+
"@dreamcommerce/utilities": "^0.10.1",
|
|
34
34
|
"@shoper/jest_config": "^0.0.0",
|
|
35
35
|
"@shoper/tsconfig": "^0.0.0",
|
|
36
36
|
"@splidejs/splide": "4.0.7",
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
class JsonUtils {
|
|
6
|
-
static toJson(value) {
|
|
7
|
-
try {
|
|
8
|
-
return JSON.stringify(value);
|
|
9
|
-
}
|
|
10
|
-
catch (error) {
|
|
11
|
-
console.error(error);
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
static fromJson(value) {
|
|
15
|
-
try {
|
|
16
|
-
return JSON.parse(value);
|
|
17
|
-
}
|
|
18
|
-
catch (error) {
|
|
19
|
-
console.error(error);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
exports.JsonUtils = JsonUtils;
|
|
25
|
-
//# sourceMappingURL=json_utils.js.map
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
class WebComponentsUtils {
|
|
6
|
-
static isWebComponentDefined($element) {
|
|
7
|
-
if (!this.isWebComponent($element))
|
|
8
|
-
return false;
|
|
9
|
-
const customElementClass = window.customElements.get($element.tagName.toLowerCase());
|
|
10
|
-
return !!customElementClass && $element instanceof customElementClass;
|
|
11
|
-
}
|
|
12
|
-
static isWebComponent($element) {
|
|
13
|
-
return $element.tagName.includes('-');
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
exports.WebComponentsUtils = WebComponentsUtils;
|
|
18
|
-
//# sourceMappingURL=web_components_utils.js.map
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
class JsonUtils {
|
|
2
|
-
static toJson(value) {
|
|
3
|
-
try {
|
|
4
|
-
return JSON.stringify(value);
|
|
5
|
-
}
|
|
6
|
-
catch (error) {
|
|
7
|
-
console.error(error);
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
static fromJson(value) {
|
|
11
|
-
try {
|
|
12
|
-
return JSON.parse(value);
|
|
13
|
-
}
|
|
14
|
-
catch (error) {
|
|
15
|
-
console.error(error);
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export { JsonUtils };
|
|
21
|
-
//# sourceMappingURL=json_utils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
class WebComponentsUtils {
|
|
2
|
-
static isWebComponentDefined($element) {
|
|
3
|
-
if (!this.isWebComponent($element))
|
|
4
|
-
return false;
|
|
5
|
-
const customElementClass = window.customElements.get($element.tagName.toLowerCase());
|
|
6
|
-
return !!customElementClass && $element instanceof customElementClass;
|
|
7
|
-
}
|
|
8
|
-
static isWebComponent($element) {
|
|
9
|
-
return $element.tagName.includes('-');
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export { WebComponentsUtils };
|
|
14
|
-
//# sourceMappingURL=web_components_utils.js.map
|