@shoper/phoenix_design_system 0.27.1 → 0.28.0-1

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

@@ -1,5 +1,5 @@
-import { PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES, DEFAULT_SLOT_NAME } from './phoenix_light_lit_elements_constants.js';
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES, DEFAULT_SLOT_NAME } from './phoenix_light_lit_elements_constants.js';
 import { LitElement, html, nothing } from 'lit';
 import { state, property } from 'lit/decorators';
 import { PhoenixLightLitElementUtils } from './phoenix_light_lit_element_utils.js';
@@ -25,7 +25,8 @@ class PhoenixLightLitElement extends LitElement {
                 this.removeEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
             }
         };
-        this._handleComponentRendered = ({ detail }) => {
+        this._handleComponentRendered = (event) => {
+            const { detail } = event;
             const renderedElement = detail.$el.tagName.toLowerCase();
             if (this._childrenForRenderToWatch.includes(renderedElement)) {
                 const elToRemoveIndex = this._childrenForRenderToWatch.findIndex((tagName) => tagName === renderedElement);
@@ -33,7 +34,7 @@ class PhoenixLightLitElement extends LitElement {
             }
             if (!this._childrenForRenderToWatch.length) {
                 this.allChildrenRendered();
-                this.removeEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.rendered, this._handleComponentConnected);
+                this.removeEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.rendered, this._handleComponentRendered);
             }
         };
         this._dispatchLifecycleEvent = (eventName) => {
@@ -54,14 +55,18 @@ class PhoenixLightLitElement extends LitElement {
     }
     _setupChildrenConnectedWatch() {
         this._childrenForConnectionToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesForConnectionToWatch();
-        if (!this._childrenForConnectionToWatch.length)
+        if (!this._childrenForConnectionToWatch.length) {
             this.allChildrenConnected();
+            return;
+        }
         this.addEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
     }
     _setupChildrenRenderWatch() {
         this._childrenForRenderToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesForRenderedToWatch();
-        if (!this._childrenForRenderToWatch.length)
+        if (!this._childrenForRenderToWatch.length) {
             this.allChildrenRendered();
+            return;
+        }
         this.addEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.rendered, this._handleComponentRendered);
     }
     _getComponentsNamesForConnectionToWatch() {

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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,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;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/directives/observable_directive.d.ts

@@ -4,6 +4,7 @@ declare class ObserveDirective<T = unknown> extends AsyncDirective {
     private _observable;
     private observable;
     private observer;
+    private _render;
     render(observable: ISubject<T>, render?: Function): symbol;
     subscribe(observable: ISubject<T>, render?: Function): void;
     disconnected(): void;

package/build/esm/packages/phoenix/src/directives/observable_directive.js

@@ -1,32 +1,36 @@
 import { noChange } from 'lit';
-import { AsyncDirective, directive } from 'lit/async-directive.js';
-import { Observer } from '@phoenixRoot/core/classes/observer/observer';
-import '@phoenixRoot/core/classes/subject/subject_types';
-class ObserveDirective extends AsyncDirective {
-    render(observable, render) {
-        var _a;
-        if (this._observable !== observable) {
-            (_a = this.observable) === null || _a === void 0 ? void 0 : _a.unsubscribe(this.observer);
-            this._observable = observable;
-            if (this.isConnected)
-                this.subscribe(observable, render);
-        }
-        return noChange;
-    }
-    subscribe(observable, render) {
-        this.observable = observable;
-        this.observer = new Observer((value) => {
-            this.setValue(typeof render === 'function' ? render(value) : value);
-        });
-        observable.subscribe(this.observer);
-    }
-    disconnected() {
-        var _a;
-        (_a = this.observable) === null || _a === void 0 ? void 0 : _a.unsubscribe(this.observer);
-    }
-    reconnected() {
-        this.subscribe(this._observable);
-    }
-}
-export const observe = directive(ObserveDirective);
-//# sourceMappingURL=observable_directive.js.map
+import { Observer } from '../core/classes/observer/observer.js';
+import { directive as e } from '../../../../external/lit/external/lit-html/directive.js';
+import { AsyncDirective as c } from '../../../../external/lit/external/lit-html/async-directive.js';
+
+class ObserveDirective extends c {
+    render(observable, render) {
+        var _a;
+        if (this._observable !== observable) {
+            (_a = this.observable) === null || _a === void 0 ? void 0 : _a.unsubscribe(this.observer);
+            this._observable = observable;
+            this._render = render;
+            if (this.isConnected)
+                this.subscribe(observable, render);
+        }
+        return noChange;
+    }
+    subscribe(observable, render) {
+        this.observable = observable;
+        this.observer = new Observer((value) => {
+            this.setValue(typeof render === 'function' ? render(value) : value);
+        });
+        observable.subscribe(this.observer);
+    }
+    disconnected() {
+        var _a;
+        (_a = this.observable) === null || _a === void 0 ? void 0 : _a.unsubscribe(this.observer);
+    }
+    reconnected() {
+        this.subscribe(this._observable, this._render);
+    }
+}
+const observe = e(ObserveDirective);
+
+export { observe };
+//# sourceMappingURL=observable_directive.js.map

package/build/esm/packages/phoenix/src/directives/observable_directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"observable_directive.js","sourceRoot":"","sources":["../../../../../../src/directives/observable_directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AACvE,OAAyB,iDAAiD,CAAC;AAE3E,MAAM,gBAA8B,SAAQ,cAAc;IAK/C,MAAM,CAAC,UAAuB,EAAE,MAAiB;;QACpD,IAAI,IAAI,CAAC,WAAW,KAAK,UAAU,EAAE;YACjC,MAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC5C,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;YAE9B,IAAI,IAAI,CAAC,WAAW;gBAAE,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;SAC5D;QAED,OAAO,QAAQ,CAAC;IACpB,CAAC;IAEM,SAAS,CAAC,UAAuB,EAAE,MAAiB;QACvD,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,QAAQ,GAAG,IAAI,QAAQ,CAAC,CAAC,KAAQ,EAAE,EAAE;YACtC,IAAI,CAAC,QAAQ,CAAC,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;QAEH,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACxC,CAAC;IAEM,YAAY;;QACf,MAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChD,CAAC;IAEM,WAAW;QACd,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACrC,CAAC;CACJ;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,+BAA+B,yDAAiE;AAChG,oCAAoC,+DAAuE;AAC3G;AACA;AACA;AACA;AACA;AACA;AACA;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/build/esm/packages/phoenix/src/index.d.ts

@@ -1,3 +1,8 @@
+export { HOption } from "./components/form/select/control/components/select_option";
+export { HSelectOptions } from "./components/form/select/control/components/select_options";
+export { HSelectInput } from "./components/form/select/control/components/select_input";
+export { HSelect } from "./components/form/select/select";
+export { HSelectControl } from "./components/form/select/control/select_control";
 export { DEFAULT_SLOT_NAME } from "./core/phoenix_light_lit_element/phoenix_light_lit_elements_constants";
 export { IPhoenixWebComponentClass } from "./global_types";
 export { ContextProviderController } from "./core/context/context_provider_controller";
@@ -50,7 +55,7 @@ export { HAccordionGroup } from './components/accordion/accordion_group';
 export { HAccordionToggler } from './components/accordion/accordion_toggler';
 export { HAccordionContent } from './components/accordion/accordion_content';
 export * from './components/accordion/accordion_constants';
-export { BtnController } from './controllers/btn_controller';
+export { BtnController } from './controllers/btn_controller/btn_controller';
 export { HDropdown } from './components/dropdown/dropdown';
 export { HDropdownToggler } from './components/dropdown/dropdown_toggler';
 export { HDropdownContent } from './components/dropdown/dropdown_content';

package/build/esm/packages/phoenix/src/index.js

@@ -1,10 +1,25 @@
 export { DEFAULT_SLOT_NAME } from './core/phoenix_light_lit_element/phoenix_light_lit_elements_constants.js';
-export { ContextProviderController } from './core/context/context_provider_controller.js';
-export { ContextConsumerController } from './core/context/context_consumer_controller.js';
 export { PhoenixLightLitElement } from './core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-export { HPortalTarget } from './components/portal/portal_target.js';
+export { KeystrokesController } from './controllers/keystrokes_controller/keystrokes_controller.js';
+export { BtnController } from './controllers/btn_controller/btn_controller.js';
+export { HOption } from './components/form/select/control/components/select_option.js';
+export { HSelectOptions } from './components/form/select/control/components/select_options.js';
+export { ContextConsumerController } from './core/context/context_consumer_controller.js';
+export { HSelectInput } from './components/form/select/control/components/select_input.js';
+export { ContextProviderController } from './core/context/context_provider_controller.js';
+export { CHECKBOX_CONTROL_CSS_CLASSES, CHECKBOX_CONTROL_EVENTS, CHECKBOX_PROPS_TO_SYNC, CHECKBOX_SLOTS } from './components/form/checkbox/checkbox_constants.js';
+export { HSelect } from './components/form/select/select.js';
 export { HPortal } from './components/portal/portal.js';
+export { HPortalTarget } from './components/portal/portal_target.js';
 export { BackdropController } from './components/backdrop/controller/backdrop_controller.js';
+export { ClickOutsideController } from './controllers/click_outside_controller/click_outside_controller.js';
+export { HDropdownContent } from './components/dropdown/dropdown_content.js';
+export { ToggleElementAriaController } from './controllers/toggle_element_aria_controller/toggle_element_aria_controller.js';
+export { HDropdownToggler } from './components/dropdown/dropdown_toggler.js';
+export { RelativePositionController } from './controllers/relative_position_controller/relative_position_controller.js';
+export { HDropdown } from './components/dropdown/dropdown.js';
+export { HIcon } from './components/icon/icon.js';
+export { HSelectControl } from './components/form/select/control/select_control.js';
 export { HModal } from './components/modal/modal.js';
 export { HModalOpener } from './components/modal/modal_opener.js';
 export { HModalBody } from './components/modal/modal_body.js';
@@ -23,7 +38,6 @@ export { HInput } from './components/form/input/input.js';
 export { HInputControl } from './components/form/input/input_control.js';
 export { HInputIcon } from './components/form/input/input_icon.js';
 export { HInputUnit } from './components/form/input/input_unit.js';
-export { CHECKBOX_CONTROL_CSS_CLASSES, CHECKBOX_CONTROL_EVENTS, CHECKBOX_PROPS_TO_SYNC, CHECKBOX_SLOTS } from './components/form/checkbox/checkbox_constants.js';
 export { HCheckbox } from './components/form/checkbox/checkbox.js';
 export { LABEL_CSS_CLASSES } from './components/form/label/label_constants.js';
 export { HCheckboxContent } from './components/form/checkbox/checkbox_content.js';
@@ -42,16 +56,8 @@ export { HTextareaControl } from './components/form/textarea/textarea_control.js
 export { ACCORDION_CONTEXTS, ACCORDION_EVENTS, ACCORDION_MODE } from './components/accordion/accordion_constants.js';
 export { HAccordion } from './components/accordion/accordion.js';
 export { HAccordionGroup } from './components/accordion/accordion_group.js';
-export { KeystrokesController } from './controllers/keystrokes_controller/keystrokes_controller.js';
-export { BtnController } from './controllers/btn_controller.js';
 export { HAccordionContent } from './components/accordion/accordion_content.js';
 export { HAccordionToggler } from './components/accordion/accordion_toggler.js';
-export { ClickOutsideController } from './controllers/click_outside_controller/click_outside_controller.js';
-export { HDropdownContent } from './components/dropdown/dropdown_content.js';
-export { ToggleElementAriaController } from './controllers/toggle_element_aria_controller/toggle_element_aria_controller.js';
-export { HDropdownToggler } from './components/dropdown/dropdown_toggler.js';
-export { RelativePositionController } from './controllers/relative_position_controller/relative_position_controller.js';
-export { HDropdown } from './components/dropdown/dropdown.js';
 export { HToggleButtonGroup } from './components/groups/toggle_button_group/toggle_button_group.js';
 export { HToggleButton } from './components/groups/toggle_button_group/toggle_button.js';
 export { CLICK_OUTSIDE_CONTROLLER_MESSAGES } from './controllers/click_outside_controller/click_outside_controller_messages.js';
@@ -71,7 +77,6 @@ export { HHint } from './components/messages/hints/hint.js';
 export { HHintContent } from './components/messages/hints/hint_content.js';
 export { HTooltip } from './components/messages/tooltips/tooltip.js';
 export { HTooltipContent } from './components/messages/tooltips/tooltip_content.js';
-export { HIcon } from './components/icon/icon.js';
 export { HTag } from './components/tag/tag.js';
 export { HTagRemoveButton } from './components/tag/tag_remove_button.js';
 //# sourceMappingURL=index.js.map

package/build/esm/packages/phoenix/src/index.js.map

@@ -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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.27.1",
+  "version": "0.28.0-1",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",
@@ -26,11 +26,11 @@
     "watch:tests:unit": "jest --watch -c .config/jest/jest.config.js"
   },
   "peerDependencies": {
-    "@dreamcommerce/utilities": "0.9.1",
+    "@dreamcommerce/utilities": "0.11.1",
     "@splidejs/splide": "4.0.7"
   },
   "devDependencies": {
-    "@dreamcommerce/utilities": "^0.11.1",
+    "@dreamcommerce/utilities": "^0.12.1",
     "@shoper/jest_config": "^0.0.0",
     "@shoper/tsconfig": "^0.0.0",
     "@splidejs/splide": "4.0.7",