@shoper/phoenix_design_system 0.22.5 → 0.22.6-1

package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.d.ts

@@ -1,13 +1,16 @@
 import { LitElement, TemplateResult, nothing, PropertyValues } from 'lit';
 export declare class PhoenixLightLitElement extends LitElement {
     _slots: Record<string, TemplateResult[]>;
+    watchChildrenRendered: boolean;
+    watchChildrenConnected: boolean;
     protected childrenToWatch: string[];
     isWebComponentConnected: boolean;
     isWebComponentRendered: boolean;
     private _childrenForConnectionToWatch;
     private _childrenForRenderToWatch;
     firstUpdated(props: PropertyValues): void;
-    private _setupChildrenWatch;
+    private _setupChildrenConnectedWatch;
+    private _setupChildrenRenderWatch;
     private _getComponentsNamesForConnectionToWatch;
     private _getComponentsNamesForRenderedToWatch;
     private _handleComponentConnected;

package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js

@@ -8,6 +8,8 @@ class PhoenixLightLitElement extends LitElement {
     constructor() {
         super(...arguments);
         this._slots = {};
+        this.watchChildrenRendered = false;
+        this.watchChildrenConnected = false;
         this.isWebComponentConnected = false;
         this.isWebComponentRendered = false;
         this._childrenForConnectionToWatch = [];
@@ -50,14 +52,16 @@ class PhoenixLightLitElement extends LitElement {
         this._dispatchLifecycleEvent(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.rendered);
         this.isWebComponentRendered = true;
     }
-    _setupChildrenWatch() {
+    _setupChildrenConnectedWatch() {
         this._childrenForConnectionToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesForConnectionToWatch();
-        this._childrenForRenderToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesForRenderedToWatch();
         if (!this._childrenForConnectionToWatch.length)
             this.allChildrenConnected();
+        this.addEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
+    }
+    _setupChildrenRenderWatch() {
+        this._childrenForRenderToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesForRenderedToWatch();
         if (!this._childrenForRenderToWatch.length)
             this.allChildrenRendered();
-        this.addEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
         this.addEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.rendered, this._handleComponentRendered);
     }
     _getComponentsNamesForConnectionToWatch() {
@@ -70,7 +74,10 @@ class PhoenixLightLitElement extends LitElement {
         super.connectedCallback();
         this._dispatchLifecycleEvent(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected);
         this.isWebComponentConnected = true;
-        this._setupChildrenWatch();
+        if (this.watchChildrenConnected)
+            this._setupChildrenConnectedWatch();
+        if (this.watchChildrenRendered)
+            this._setupChildrenRenderWatch();
     }
     allChildrenConnected() { }
     allChildrenRendered() { }

package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js.map

@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -2,7 +2,7 @@
   "name": "@shoper/phoenix_design_system",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "0.22.5",
+  "version": "0.22.6-1",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator_types.d.ts

@@ -1,45 +0,0 @@
-import { Any } from 'ts-toolbelt';
-import { CALCULATOR_DIRECTIONS } from './relative_position_controller_constants';
-import { TDirection } from './relative_position_controller_types';
-export declare type TCalculatorDirection = typeof CALCULATOR_DIRECTIONS[Any.Keys<typeof CALCULATOR_DIRECTIONS>];
-export declare type TRelativePositionCalculatorConstructorOptions = {
-    direction: TDirection;
-    relativeElementRect: DOMRect;
-    positionElementRect: DOMRect;
-    nearestNonStaticElementFromElementToPositionRect: DOMRect;
-    offset?: number;
-    container?: HTMLElement;
-    shouldNotReposition?: boolean;
-};
-export declare type TCalculateVerticalSideProps = {
-    topSide: number;
-    bottomSide: number;
-    verticalCenter: number;
-};
-export declare type TCalculateCenterSideProps = {
-    verticalCenter: number;
-    horizontalCenter: number;
-    alignment: TCalculatorDirection;
-};
-export declare type TCalculateHorizontalSideProps = {
-    leftSide: number;
-    rightSide: number;
-};
-export declare type TCalculateTopAlignmentProps = {
-    topAlignment: number;
-    isSideCenter: boolean;
-};
-export declare type TCalculateBottomAlignmentProps = {
-    bottomAlignment: number;
-    isSideCenter: boolean;
-};
-export declare type TCalculateHorizontalAlignmentProps = {
-    leftAlignment: number;
-    rightAlignment: number;
-    isSideCenter: boolean;
-};
-export declare type TCalculateCenterAlignmentProps = {
-    verticalCenter: number;
-    horizontalCenter: number;
-    side: TCalculatorDirection;
-};

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator_types.js

@@ -1,4 +0,0 @@
-import 'ts-toolbelt';
-import './relative_position_controller_constants';
-import './relative_position_controller_types';
-//# sourceMappingURL=relative_position_calculator_types.js.map

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator_types.js.map

@@ -1 +0,0 @@
-{"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"}