@shoper/phoenix_design_system 1.10.8 → 1.10.9

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js

@@ -2,7 +2,7 @@ import { __decorate, __metadata } from '../../../../../../../../external/tslib/t
 import { property, state } from 'lit/decorators';
 import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
-import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
+import { SEARCH_NATIVE_EVENT_NAMES, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
 
 let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
     constructor() {
@@ -43,7 +43,7 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
     }
     _setupListeners() {
         this._input.addEventListener('focusin', (ev) => {
-            this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.focusinInput, {
+            this.emitCustomEvent(SEARCH_NATIVE_EVENT_NAMES.focusin, {
                 detail: {
                     searchPhrase: ev.target.value
                 }
@@ -53,7 +53,7 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
             if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
                 return;
             if (ev.key !== 'Enter') {
-                this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keyupInput, {
+                this.emitCustomEvent(SEARCH_NATIVE_EVENT_NAMES.keyup, {
                     detail: {
                         searchPhrase: ev.target.value
                     }
@@ -74,7 +74,7 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
             if (this._input.value !== '') {
                 return;
             }
-            this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.searchInput, {
+            this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.search, {
                 detail: {
                     searchPhrase: ev.target.value
                 }
@@ -91,7 +91,7 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
             if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
                 return;
             this._input.value = ev.detail.searchPhrase;
-            this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keyupInput, {
+            this.emitCustomEvent(SEARCH_NATIVE_EVENT_NAMES.keyup, {
                 detail: {
                     searchPhrase: ev.detail.searchPhrase
                 }

package/build/esm/packages/phoenix/src/components/form/select/components/select_components_constatns.d.ts

@@ -1,16 +1,16 @@
 export declare const SELECT_OPTION_EVENT_NAMES: {
-    readonly clicked: "selectOption.clicked";
-    readonly updated: "selectOption.updated";
+    readonly clicked: "clicked";
+    readonly updated: "updated";
 };
 export declare const SELECT_OPTIONS_EVENT_NAMES: {
-    readonly clicked: "selectOptions.clicked";
-    readonly updated: "selectOptions.updated";
+    readonly optionClicked: "optionClicked";
+    readonly optionUpdated: "optionUpdated";
 };
 export declare const SELECT_SEARCH_EVENT_NAMES: {
-    readonly search: "selectSearch.search";
+    readonly search: "search";
 };
 export declare const SELECT_CLOSE_BTN_EVENT_NAMES: {
-    readonly close: "selectCloseBtn.close";
+    readonly close: "close";
 };
 export declare const SELECT_RELATED_COMPONENTS_NAMES: {
     readonly option: "h-option";

package/build/esm/packages/phoenix/src/components/form/select/components/select_components_constatns.js

@@ -1,16 +1,16 @@
 const SELECT_OPTION_EVENT_NAMES = {
-    clicked: 'selectOption.clicked',
-    updated: 'selectOption.updated'
+    clicked: 'clicked',
+    updated: `updated`
 };
 const SELECT_OPTIONS_EVENT_NAMES = {
-    clicked: 'selectOptions.clicked',
-    updated: 'selectOptions.updated'
+    optionClicked: 'optionClicked',
+    optionUpdated: 'optionUpdated'
 };
 const SELECT_SEARCH_EVENT_NAMES = {
-    search: 'selectSearch.search'
+    search: 'search'
 };
 const SELECT_CLOSE_BTN_EVENT_NAMES = {
-    close: 'selectCloseBtn.close'
+    close: 'close'
 };
 const SELECT_RELATED_COMPONENTS_NAMES = {
     option: 'h-option',

package/build/esm/packages/phoenix/src/components/form/select/components/select_components_types.d.ts

@@ -1,4 +1,4 @@
 import { HOption } from "./option/select_option";
 export declare type TSelectOptionClickedEvent = CustomEvent<{
-    $option: HOption;
+    $option?: HOption;
 }>;

package/build/esm/packages/phoenix/src/components/form/select/components/select_options.js

@@ -8,14 +8,14 @@ let HOptions = class HOptions extends PhoenixLightLitElement {
     constructor() {
         super();
         this._dispatchClickedEvent = ({ detail }) => {
-            this.emitCustomEvent(SELECT_OPTIONS_EVENT_NAMES.clicked, {
+            this.emitCustomEvent(SELECT_OPTIONS_EVENT_NAMES.optionClicked, {
                 detail: {
                     $option: detail.$option
                 }
             });
         };
         this._dispatchUpdatedEvent = ({ detail }) => {
-            this.emitCustomEvent(SELECT_OPTIONS_EVENT_NAMES.updated, {
+            this.emitCustomEvent(SELECT_OPTIONS_EVENT_NAMES.optionUpdated, {
                 detail: {
                     $option: detail.$option
                 }

package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler.js

@@ -54,7 +54,7 @@ let HSelectToggler = class HSelectToggler extends PhoenixLightLitElement {
             return html ` <ul class=${SELECT_TOGGLER_CSS_CLASSES.selectTogglerValues}>
                     ${this.isMultiselect
                 ? selectOptions.map((option) => html ` <li>
-                                  <h-tag @tag.remove=${() => this._dispatchOptionDeselect(option)}>
+                                  <h-tag @remove=${() => this._dispatchOptionDeselect(option)}>
                                       ${option.content}
 
                                       <h-tag-remove-button></h-tag-remove-button>

package/build/esm/packages/phoenix/src/components/form/select/select.js

@@ -102,10 +102,14 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
                 this.updateOptionAriaAttribute($option);
             });
         };
-        this._handleOptionClicked = (event) => {
-            this._selectOption(event.detail.$option.value);
+        this._handleOptionClicked = ({ detail }) => {
+            if (!(detail === null || detail === void 0 ? void 0 : detail.$option))
+                return;
+            this._selectOption(detail.$option.value);
         };
         this._handleOptionUpdated = ({ detail }) => {
+            if (!(detail === null || detail === void 0 ? void 0 : detail.$option))
+                return;
             const $option = detail.$option;
             this._selectController.updateOption($option.value, {
                 inactive: $option.inactive,
@@ -284,8 +288,8 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
         return html `
             <h-dropdown
                 ${ref(this._$dropdown)}
-                @dropdown.showed=${() => (this.opened = true)}
-                @dropdown.hidden=${this._handleDropdownHidden}
+                @showed=${() => (this.opened = true)}
+                @hidden=${this._handleDropdownHidden}
                 name="${this.controlName}"
                 offset=${this.offset}
                 content-width="full"
@@ -299,7 +303,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
                 >
                     <h-select-close-btn
                         class="${SELECT_CSS_CLASSES.selectCloseMobileButton}"
-                        @selectCloseBtn.close=${this._closeSelect}
+                        @close=${this._closeSelect}
                     ></h-select-close-btn>
 
                     <div class=${SELECT_CSS_CLASSES.selectLabel}>${html `${this._getClonedPlaceholderElement()}`}</div>
@@ -309,7 +313,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
                               class=${SELECT_CSS_CLASSES.selectSearch}
                               ${ref(this._$search)}
                               .value=${this._searchValue}
-                              @selectSearch.search=${this._handleSearch}
+                              @search=${this._handleSearch}
                           ></h-select-search>`
             : nothing}
 
@@ -318,8 +322,8 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
             ? SELECT_CSS_CLASSES.selectOptionsEmpty
             : ''}"
                             ${ref(this._$optionsList)}
-                            @selectOptions.clicked=${this._handleOptionClicked}
-                            @selectOptions.updated=${this._handleOptionUpdated}
+                            @clicked=${this._handleOptionClicked}
+                            @updated=${this._handleOptionUpdated}
                         >
                             ${this._$options ? repeat(Object.values(this._$options), (option) => option.value, (option) => this._renderOption(option)) : nothing}
                         </h-options>
@@ -335,7 +339,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
             ? html `
                               <section class=${SELECT_CSS_CLASSES.selectFooter}>
                                   <button class="${SELECT_CSS_CLASSES.selectClearButton}" @click=${this._clearOptions}>Reset</button>
-                                  <h-select-close-btn class="${SELECT_CSS_CLASSES.selectCloseButton}" @selectCloseBtn.close=${this._closeSelect}
+                                  <h-select-close-btn class="${SELECT_CSS_CLASSES.selectCloseButton}" @close=${this._closeSelect}
                                       ><span slot=${SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME}>Choose</span>
                                   </h-select-close-btn>
                               </section>

package/build/esm/packages/phoenix/src/components/form/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/form/select/select_constants.d.ts

@@ -11,8 +11,8 @@ export declare const SELECT_TYPES: {
     readonly multiple: "select-multiple";
 };
 export declare const SELECT_EVENT_NAMES: {
-    readonly selectOption: "selectOption.select";
-    readonly deselectOption: "selectOption.deselect";
+    readonly selectOption: "select";
+    readonly deselectOption: "deselect";
 };
 export declare const MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH = 6;
 export declare const SELECT_RESIZE_DEBOUNCE_TIME = 100;

package/build/esm/packages/phoenix/src/components/form/select/select_constants.js

@@ -11,8 +11,8 @@ const SELECT_TYPES = {
     multiple: 'select-multiple'
 };
 const SELECT_EVENT_NAMES = {
-    selectOption: 'selectOption.select',
-    deselectOption: 'selectOption.deselect'
+    selectOption: 'select',
+    deselectOption: 'deselect'
 };
 const MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH = 6;
 const baseSelectClass = 'select';

package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group.js

@@ -24,7 +24,10 @@ let HToggleButtonGroup = HToggleButtonGroup_1 = class HToggleButtonGroup extends
     }
     _toggleButtonConnectedHandler(event) {
         event.stopPropagation();
-        const toggleButton = event.detail.target;
+        const { detail } = event;
+        if (!detail.target)
+            return;
+        const { target: toggleButton } = detail;
         this._registerToggleButton(toggleButton);
         if (toggleButton.getAttribute(TOGGLED_ON_ATTRIBUTE_NAME) === '') {
             this._emitSingleToggleOnModeToggleChange(toggleButton.getAttribute('value'));
@@ -36,9 +39,12 @@ let HToggleButtonGroup = HToggleButtonGroup_1 = class HToggleButtonGroup extends
     }
     _toggleButtonClickHandler(event) {
         event.stopPropagation();
-        const target = event.detail.target;
-        this._performSingleToggleOnActionOnToggleButtons(target);
-        this._emitSingleToggleOnModeToggleChange(target.getAttribute('value'));
+        const { detail } = event;
+        if (!detail.target)
+            return;
+        const { target: toggleButton } = detail;
+        this._performSingleToggleOnActionOnToggleButtons(toggleButton);
+        this._emitSingleToggleOnModeToggleChange(toggleButton.getAttribute('value'));
     }
     _performSingleToggleOnActionOnToggleButtons(toggleButton) {
         this.toggleButtonsRegistry.forEach((element) => {

package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,2BAA2B,+CAAmD;AAC9E;AACA;AACA,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,+CAAmD;AAC9E;AACA;AACA,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/groups/toggle_button_group/toggle_button_group_constants.d.ts

@@ -3,6 +3,6 @@ export declare const TOGGLE_BUTTON_GROUP_EVENT_NAMES: {
     readonly toggleChange: "toggleChange";
 };
 export declare const TOGGLE_BUTTON_EVENT_NAMES: {
-    readonly connected: "toggleButtonConnected";
-    readonly clicked: "toggleButtonClicked";
+    readonly connected: "connected";
+    readonly clicked: "clicked";
 };

package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group_constants.js

@@ -3,8 +3,8 @@ const TOGGLE_BUTTON_GROUP_EVENT_NAMES = {
     toggleChange: 'toggleChange'
 };
 const TOGGLE_BUTTON_EVENT_NAMES = {
-    connected: 'toggleButtonConnected',
-    clicked: 'toggleButtonClicked'
+    connected: 'connected',
+    clicked: 'clicked'
 };
 
 export { TOGGLED_ON_ATTRIBUTE_NAME, TOGGLE_BUTTON_EVENT_NAMES, TOGGLE_BUTTON_GROUP_EVENT_NAMES };

package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group_types.d.ts

@@ -1,5 +1,5 @@
 export interface ITargetToggleButton {
-    target: HTMLElement;
+    target?: HTMLElement;
 }
 export interface ISingleToggleOnModeToggleChange {
     value: string | null;

package/build/esm/packages/phoenix/src/components/modal/modal_constants.d.ts

@@ -1,9 +1,9 @@
 export declare const MODALS_PORTAL_NAME = "modals";
 export declare const MODAL_EVENTS: {
-    open: string;
-    close: string;
-    opened: string;
-    closed: string;
+    readonly open: "open";
+    readonly close: "close";
+    readonly opened: "opened";
+    readonly closed: "closed";
 };
 export declare const MODAL_OPENED_PROP = "opened";
 export declare const FOCUSABLE_ELEMENTS_WITHIN_MODAL = "button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])";

package/build/esm/packages/phoenix/src/components/modal/modal_constants.js

@@ -1,9 +1,9 @@
 const MODALS_PORTAL_NAME = 'modals';
 const MODAL_EVENTS = {
-    open: 'modal.open',
-    close: 'modal.close',
-    opened: 'modal.opened',
-    closed: 'modal.closed'
+    open: 'open',
+    close: 'close',
+    opened: 'opened',
+    closed: 'closed'
 };
 const MODAL_OPENED_PROP = 'opened';
 const FOCUSABLE_ELEMENTS_WITHIN_MODAL = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';

package/build/esm/packages/phoenix/src/components/portal/portal_constants.d.ts

@@ -1,8 +1,8 @@
 import { HPortal } from './portal';
 import { HPortalTarget } from './portal_target';
 export declare const PORTAL_EVENTS: {
-    open: string;
-    close: string;
+    readonly open: "open";
+    readonly close: "close";
 };
 export declare const PORTAL_TARGET_NAME_PROP = "name";
 export declare const PORTAL_COMPONENT_NAME = "h-portal";

package/build/esm/packages/phoenix/src/components/portal/portal_constants.js

@@ -1,6 +1,6 @@
 const PORTAL_EVENTS = {
-    open: `portal.open`,
-    close: 'portal.close'
+    open: 'open',
+    close: 'close'
 };
 const PORTAL_TARGET_NAME_PROP = 'name';
 const PORTAL_TARGET_COMPONENT_NAME = 'h-portal-target';

package/build/esm/packages/phoenix/src/components/portal/portal_target.d.ts

@@ -1,13 +1,13 @@
 import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import { TPortalEventDetail } from './portal_types';
+import { TPortalEventData } from './portal_types';
 export declare class HPortalTarget extends PhoenixLightLitElement {
     static portalTargetsNames: Set<string>;
     name: string;
     _portalElementsMap: Record<string, HTMLElement[]>;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    portalElements: ({ detail: { portalId, content, to } }: CustomEvent<TPortalEventDetail>) => void;
-    removeTeleportedItems: ({ detail: { portalId, to } }: CustomEvent<TPortalEventDetail>) => void;
+    portalElements: ({ detail }: CustomEvent<TPortalEventData>) => void;
+    removeTeleportedItems: ({ detail }: CustomEvent<TPortalEventData>) => void;
     doesDestinationMatch(destination: string): boolean;
     allowOnlyOnePortalTargetWithName(): void;
 }

package/build/esm/packages/phoenix/src/components/portal/portal_target.js

@@ -11,16 +11,22 @@ let HPortalTarget = HPortalTarget_1 = class HPortalTarget extends PhoenixLightLi
         super(...arguments);
         this.name = '';
         this._portalElementsMap = {};
-        this.portalElements = ({ detail: { portalId, content, to } }) => {
+        this.portalElements = ({ detail }) => {
             var _a;
+            if (!(detail === null || detail === void 0 ? void 0 : detail.portalId) || !(detail === null || detail === void 0 ? void 0 : detail.to) || !(detail === null || detail === void 0 ? void 0 : detail.content))
+                return;
+            const { portalId, content, to } = detail;
             if (!this.doesDestinationMatch(to))
                 return;
             const newPortalElements = [...content].map((el) => this.appendChild(el));
             const elementsInProtal = (_a = this._portalElementsMap[portalId]) !== null && _a !== void 0 ? _a : [];
             this._portalElementsMap[portalId] = [...newPortalElements, ...elementsInProtal];
         };
-        this.removeTeleportedItems = ({ detail: { portalId, to } }) => {
+        this.removeTeleportedItems = ({ detail }) => {
             var _a;
+            if (!(detail === null || detail === void 0 ? void 0 : detail.portalId) || !(detail === null || detail === void 0 ? void 0 : detail.to))
+                return;
+            const { portalId, to } = detail;
             if (!this.doesDestinationMatch(to))
                 return;
             (_a = this._portalElementsMap[portalId]) === null || _a === void 0 ? void 0 : _a.forEach((el) => {

package/build/esm/packages/phoenix/src/components/portal/portal_target.js.map

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

package/build/esm/packages/phoenix/src/components/portal/portal_types.d.ts

@@ -6,3 +6,8 @@ export declare type TPortalEventDetail = {
     to: string;
     content: Element[];
 };
+export declare type TPortalEventData = {
+    portalId?: string;
+    to?: string;
+    content?: Element[];
+};

package/build/esm/packages/phoenix/src/components/tag/tag.js

@@ -16,8 +16,8 @@ let HTag = class HTag extends PhoenixLightLitElement {
              * TODO do zrobienia in fiuczer, jak jest tag klikalny i mamy remove, to klik remove działa na button remove
              * a nie na cały tag
              */
-            const eventName = this.removable ? TAG_EVENT_NAMES.remove : TAG_EVENT_NAMES.click;
-            this.emitCustomEvent(eventName);
+            if (this.removable)
+                this.emitCustomEvent(TAG_EVENT_NAMES.remove);
         };
     }
     connectedCallback() {

package/build/esm/packages/phoenix/src/components/tag/tag_constants.d.ts

@@ -5,6 +5,6 @@ export declare const TAG_CSS_CLASSES: {
 };
 export declare const TAG_REMOVE_ICON_SLOT_NAME = "remove-icon";
 export declare const TAG_EVENT_NAMES: {
-    readonly click: "tag.click";
-    readonly remove: "tag.remove";
+    readonly click: "click";
+    readonly remove: "remove";
 };

package/build/esm/packages/phoenix/src/components/tag/tag_constants.js

@@ -6,8 +6,8 @@ const TAG_CSS_CLASSES = {
 };
 const TAG_REMOVE_ICON_SLOT_NAME = 'remove-icon';
 const TAG_EVENT_NAMES = {
-    click: 'tag.click',
-    remove: 'tag.remove'
+    click: 'click',
+    remove: 'remove'
 };
 
 export { TAG_CSS_CLASSES, TAG_EVENT_NAMES, TAG_REMOVE_ICON_SLOT_NAME };

package/build/esm/packages/phoenix/src/components/toggle/toggle.js

@@ -6,7 +6,7 @@ import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_eleme
 import { BehaviorSubject } from '../../core/classes/behavior_subject/behavior_subject.js';
 import { ContextProviderController } from '../../core/context/context_provider_controller.js';
 import { templateContent as o } from '../../../../../external/lit/external/lit-html/directives/template-content.js';
-import { TOGGLE_CONTEXT_NAME, TOGGLE_EVENT_NAME } from './toggle_constants.js';
+import { TOGGLE_CONTEXT_NAME, TOGGLE_BUTTON_EVENTS } from './toggle_constants.js';
 
 let HToggle = class HToggle extends PhoenixLightLitElement {
     constructor() {
@@ -19,7 +19,7 @@ let HToggle = class HToggle extends PhoenixLightLitElement {
         this._toggleContext = new ContextProviderController(this);
         this._$content = this.querySelector('template');
         this._toggleContext.provide(TOGGLE_CONTEXT_NAME, this._reactiveOpened);
-        this.addEventListener(TOGGLE_EVENT_NAME, this.toggle);
+        this.addEventListener(TOGGLE_BUTTON_EVENTS.toggle, this.toggle);
     }
     toggle() {
         this.opened = !this.opened;

package/build/esm/packages/phoenix/src/components/toggle/toggle_button.js

@@ -6,7 +6,7 @@ import { BtnController } from '../../controllers/btn_controller/btn_controller.j
 import { Observer } from '../../core/classes/observer/observer.js';
 import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
 import { VisibilityController } from '../../controllers/visibility_controller/visibility_controller.js';
-import { TOGGLE_ACTIONS, TOGGLE_EVENT_NAME, TOGGLE_CONTEXT_NAME } from './toggle_constants.js';
+import { TOGGLE_ACTIONS, TOGGLE_BUTTON_EVENTS, TOGGLE_CONTEXT_NAME } from './toggle_constants.js';
 
 let HToggleBtn = class HToggleBtn extends PhoenixLightLitElement {
     constructor() {
@@ -21,7 +21,7 @@ let HToggleBtn = class HToggleBtn extends PhoenixLightLitElement {
             }
         };
         this._dispatchToggleEvent = () => {
-            this.emitCustomEvent(TOGGLE_EVENT_NAME);
+            this.emitCustomEvent(TOGGLE_BUTTON_EVENTS.toggle);
         };
         this._btnController = new BtnController(this, this._dispatchToggleEvent);
         this._visibilityController = new VisibilityController(this);

package/build/esm/packages/phoenix/src/components/toggle/toggle_constants.d.ts

@@ -3,4 +3,6 @@ export declare const TOGGLE_ACTIONS: {
     readonly collapse: "collapse";
 };
 export declare const TOGGLE_CONTEXT_NAME = "opened";
-export declare const TOGGLE_EVENT_NAME = "toggle";
+export declare const TOGGLE_BUTTON_EVENTS: {
+    readonly toggle: "toggle";
+};

package/build/esm/packages/phoenix/src/components/toggle/toggle_constants.js

@@ -3,7 +3,9 @@ const TOGGLE_ACTIONS = {
     collapse: 'collapse'
 };
 const TOGGLE_CONTEXT_NAME = 'opened';
-const TOGGLE_EVENT_NAME = 'toggle';
+const TOGGLE_BUTTON_EVENTS = {
+    toggle: 'toggle'
+};
 
-export { TOGGLE_ACTIONS, TOGGLE_CONTEXT_NAME, TOGGLE_EVENT_NAME };
+export { TOGGLE_ACTIONS, TOGGLE_BUTTON_EVENTS, TOGGLE_CONTEXT_NAME };
 //# sourceMappingURL=toggle_constants.js.map

package/build/esm/packages/phoenix/src/components/toggle/toggle_constants.js.map

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

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

@@ -6,8 +6,8 @@ export declare const DEFAULT_SCROLL_THROTTLE_WAIT_TIME = 15;
 export declare const SHRINK_MODE_BOTTOM_MARGIN = 20;
 export declare const SHRINK_MODE_MIN_HEIGHT = 80;
 export declare const RELATIVE_POSITION_CONTROLLER_EVENTS: {
-    enabledPositioning: string;
-    disabledPositioning: string;
+    readonly enabledPositioning: "enabledPositioning";
+    readonly disabledPositioning: "disabledPositioning";
 };
 export declare const MOBILE_ELEMENT_POSITIONS: {
     readonly left: "left";

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

@@ -5,10 +5,9 @@ const DEFAULT_THROTTLE_WAIT_TIME = 150;
 const DEFAULT_SCROLL_THROTTLE_WAIT_TIME = 15;
 const SHRINK_MODE_BOTTOM_MARGIN = 20;
 const SHRINK_MODE_MIN_HEIGHT = 80;
-const RELATIVE_POSITION_CONTROLLER_EVENT_NAME = 'relative_position_controller';
 const RELATIVE_POSITION_CONTROLLER_EVENTS = {
-    enabledPositioning: `${RELATIVE_POSITION_CONTROLLER_EVENT_NAME}.enabledPositioning`,
-    disabledPositioning: `${RELATIVE_POSITION_CONTROLLER_EVENT_NAME}.disabledPositioning`
+    enabledPositioning: 'enabledPositioning',
+    disabledPositioning: 'disabledPositioning'
 };
 const MOBILE_ELEMENT_POSITIONS = {
     left: 'left',

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.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;"}
+{"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;"}

package/build/esm/packages/phoenix/src/core/context/context_consumer_messages_names.d.ts

@@ -1,3 +1,3 @@
 export declare const WEB_COMPONENT_CONTEXT_EVENTS: {
-    readonly valueRequested: "value-requested";
+    readonly valueRequested: "valueRequested";
 };

package/build/esm/packages/phoenix/src/core/context/context_consumer_messages_names.js

@@ -1,5 +1,5 @@
 const WEB_COMPONENT_CONTEXT_EVENTS = {
-    valueRequested: 'value-requested'
+    valueRequested: 'valueRequested'
 };
 
 export { WEB_COMPONENT_CONTEXT_EVENTS };

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

@@ -16,6 +16,8 @@ class PhoenixLightLitElement extends LitElement {
         this._childrenForConnectionToWatch = [];
         this._childrenForRenderToWatch = [];
         this._handleComponentConnected = ({ detail }) => {
+            if (!(detail === null || detail === void 0 ? void 0 : detail.$el))
+                return;
             const connectedElement = detail.$el.tagName.toLowerCase();
             if (this._childrenForConnectionToWatch.includes(connectedElement)) {
                 const elToRemoveIndex = this._childrenForConnectionToWatch.findIndex((tagName) => tagName === connectedElement);
@@ -26,8 +28,9 @@ class PhoenixLightLitElement extends LitElement {
                 this.removeEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
             }
         };
-        this._handleComponentRendered = (event) => {
-            const { detail } = event;
+        this._handleComponentRendered = ({ detail }) => {
+            if (!(detail === null || detail === void 0 ? void 0 : detail.$el))
+                return;
             const renderedElement = detail.$el.tagName.toLowerCase();
             if (this._childrenForRenderToWatch.includes(renderedElement)) {
                 const elToRemoveIndex = this._childrenForRenderToWatch.findIndex((tagName) => tagName === renderedElement);

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,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/core/phoenix_light_lit_element/phoenix_light_lit_elements_constants.d.ts

@@ -1,5 +1,5 @@
 export declare const DEFAULT_SLOT_NAME = "default";
 export declare const PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES: {
-    readonly connected: "PhoenixLightLitElement.connected";
-    readonly rendered: "PhoenixLightLitElement.rendered";
+    readonly connected: "connected";
+    readonly rendered: "rendered";
 };

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

@@ -1,8 +1,7 @@
 const DEFAULT_SLOT_NAME = 'default';
-const eventPrefix = 'PhoenixLightLitElement';
 const PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES = {
-    connected: `${eventPrefix}.connected`,
-    rendered: `${eventPrefix}.rendered`
+    connected: 'connected',
+    rendered: 'rendered'
 };
 
 export { DEFAULT_SLOT_NAME, PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES };

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}