@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.
Files changed (73) hide show
  1. package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js +6 -9
  2. package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +4 -3
  4. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/slider/slider.js +2 -2
  6. package/build/cjs/packages/phoenix/src/components/tabs/tab/tab.js +74 -0
  7. package/build/cjs/packages/phoenix/src/components/tabs/tab/tab.js.map +1 -0
  8. package/build/cjs/packages/phoenix/src/components/tabs/tab/tab_constants.js +12 -0
  9. 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
  10. package/build/cjs/packages/phoenix/src/components/tabs/tab_panel.js +31 -0
  11. package/build/cjs/packages/phoenix/src/components/tabs/tab_panel.js.map +1 -0
  12. package/build/cjs/packages/phoenix/src/components/tabs/tabs.js +108 -0
  13. package/build/cjs/packages/phoenix/src/components/tabs/tabs.js.map +1 -0
  14. package/build/cjs/packages/phoenix/src/components/tabs/tabs_constants.js +10 -0
  15. package/build/cjs/packages/{utilities/build/esm/web_components_utils.js.map → phoenix/src/components/tabs/tabs_constants.js.map} +1 -1
  16. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js +170 -46
  17. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js.map +1 -1
  18. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +10 -6
  19. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
  20. package/build/cjs/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js +1 -1
  21. package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js +3 -0
  22. package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js.map +1 -1
  23. package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.js +4 -4
  24. package/build/cjs/packages/phoenix/src/index.js +23 -0
  25. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  26. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +6 -9
  27. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
  28. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +4 -3
  29. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
  30. package/build/esm/packages/phoenix/src/components/slider/slider.js +1 -1
  31. package/build/esm/packages/phoenix/src/components/tabs/tab/tab.d.ts +14 -0
  32. package/build/esm/packages/phoenix/src/components/tabs/tab/tab.js +72 -0
  33. package/build/esm/packages/phoenix/src/components/tabs/tab/tab.js.map +1 -0
  34. package/build/esm/packages/phoenix/src/components/tabs/tab/tab_constants.d.ts +4 -0
  35. package/build/esm/packages/phoenix/src/components/tabs/tab/tab_constants.js +7 -0
  36. package/build/esm/packages/phoenix/src/components/tabs/tab/tab_constants.js.map +1 -0
  37. package/build/esm/packages/phoenix/src/components/tabs/tab_panel.d.ts +8 -0
  38. package/build/esm/packages/phoenix/src/components/tabs/tab_panel.js +29 -0
  39. package/build/{cjs/packages/utilities/build/esm/json_utils.js.map → esm/packages/phoenix/src/components/tabs/tab_panel.js.map} +1 -1
  40. package/build/esm/packages/phoenix/src/components/tabs/tabs.d.ts +16 -0
  41. package/build/esm/packages/phoenix/src/components/tabs/tabs.js +106 -0
  42. package/build/esm/packages/phoenix/src/components/tabs/tabs.js.map +1 -0
  43. package/build/esm/packages/phoenix/src/components/tabs/tabs_constants.d.ts +3 -0
  44. package/build/esm/packages/phoenix/src/components/tabs/tabs_constants.js +6 -0
  45. package/build/esm/packages/phoenix/src/components/tabs/tabs_constants.js.map +1 -0
  46. package/build/esm/packages/phoenix/src/components/tabs/tabs_types.d.ts +4 -0
  47. package/build/esm/packages/phoenix/src/components/tabs/tabs_types.js +2 -0
  48. package/build/esm/packages/phoenix/src/components/tabs/tabs_types.js.map +1 -0
  49. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.d.ts +15 -2
  50. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js +170 -46
  51. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js.map +1 -1
  52. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator_types.d.ts +45 -0
  53. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator_types.js +4 -0
  54. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator_types.js.map +1 -0
  55. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.d.ts +3 -3
  56. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +10 -6
  57. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
  58. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.d.ts +4 -11
  59. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.js +2 -1
  60. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.js.map +1 -1
  61. package/build/esm/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js +1 -1
  62. package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js +3 -0
  63. package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js.map +1 -1
  64. package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.js +1 -1
  65. package/build/esm/packages/phoenix/src/index.d.ts +4 -0
  66. package/build/esm/packages/phoenix/src/index.js +4 -0
  67. package/build/esm/packages/phoenix/src/index.js.map +1 -1
  68. package/package.json +2 -2
  69. package/build/cjs/packages/utilities/build/esm/json_utils.js +0 -25
  70. package/build/cjs/packages/utilities/build/esm/web_components_utils.js +0 -18
  71. package/build/esm/packages/utilities/build/esm/json_utils.js +0 -21
  72. package/build/esm/packages/utilities/build/esm/json_utils.js.map +0 -1
  73. 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,4 @@
1
+ import 'ts-toolbelt';
2
+ import './relative_position_controller_constants';
3
+ import './relative_position_controller_types';
4
+ //# sourceMappingURL=relative_position_calculator_types.js.map
@@ -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): void;
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
- export declare type TDirection = Any.Keys<typeof DIRECTIONS>;
5
- export declare type TCalculatorDirection = Any.Keys<typeof CALCULATOR_DIRECTIONS>;
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,OAAkD,8FAA8F,CAAC;AACjJ,OAA2D,KAAK,CAAC;AAEjE,OAAoB,aAAa,CAAC"}
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"}
@@ -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() {
@@ -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;"}
@@ -1,4 +1,4 @@
1
- import { WebComponentsUtils } from '../../../../utilities/build/esm/web_components_utils.js';
1
+ import { WebComponentsUtils } from '@dreamcommerce/utilities';
2
2
 
3
3
  class PhoenixLightLitElementUtils {
4
4
  static getComponentsForWhichToWaitForConnection(components) {
@@ -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.3",
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.11.1",
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