@shoper/phoenix_design_system 1.10.8 → 1.10.9

package/build/cjs/packages/phoenix/src/components/backdrop/backdrop_constants.js

@@ -4,11 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const BACKDROP_NAME = 'h-backdrop';
 const BACKDROP_CSS_CLASS = 'backdrop';
-const BACKDROP_EVENT_NAME = 'backdrop';
 const BACKDROP_EVENTS = {
-    show: `${BACKDROP_EVENT_NAME}.show`,
-    hide: `${BACKDROP_EVENT_NAME}.hide`,
-    clicked: `${BACKDROP_EVENT_NAME}.clicked`
+    show: 'show',
+    hide: 'hide',
+    clicked: 'clicked'
 };
 
 exports.BACKDROP_CSS_CLASS = BACKDROP_CSS_CLASS;

package/build/cjs/packages/phoenix/src/components/backdrop/backdrop_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;"}
+{"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;"}

package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js

@@ -11,7 +11,6 @@ var phoenix_custom_element = require('../../core/decorators/phoenix_custom_eleme
 require('lit-html');
 var color_swatches_constants = require('./color_swatches_constants.js');
 var color_item_constants = require('./color_item/color_item_constants.js');
-var show_more_constants = require('./show-more/show_more_constants.js');
 
 exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
@@ -80,7 +79,7 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
         });
     }
     _showAllItemsEvent() {
-        this.addEventListener(show_more_constants.SHOW_MORE_EVENT_NAMES.showMore, () => {
+        this.addEventListener(color_swatches_constants.COLOR_SWATCHES_EVENT_NAMES.showMore, () => {
             var _a;
             if (!this._$colorSwatchesChildren)
                 return;

package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/phoenix/src/components/color_swatches/color_swatches_constants.js

@@ -11,7 +11,8 @@ const COLOR_SWATCHES_CSS_CLASSES = {
 };
 const COLOR_SWATCHES_EVENT_NAMES = {
     change: 'change',
-    markDisabledItems: 'markDisabledItems'
+    markDisabledItems: 'markDisabledItems',
+    showMore: 'showMore'
 };
 const COLOR_SWATCHES_HIDDEN_ATTRIBUTE = 'hidden';
 

package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches_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;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;"}

package/build/cjs/packages/phoenix/src/components/color_swatches/show-more/show_more.js

@@ -6,13 +6,14 @@ var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
 var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var btn_controller = require('../../../controllers/btn_controller/btn_controller.js');
+var color_swatches_constants = require('../color_swatches_constants.js');
 var show_more_constants = require('./show_more_constants.js');
 
 exports.HColorSwatchesShowMore = class HColorSwatchesShowMore extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
         super();
         this._dispatchClickedEvent = () => {
-            this.emitCustomEvent(show_more_constants.SHOW_MORE_EVENT_NAMES.showMore);
+            this.emitCustomEvent(color_swatches_constants.COLOR_SWATCHES_EVENT_NAMES.showMore);
         };
         this._btnController = new btn_controller.BtnController(this, this._dispatchClickedEvent);
     }

package/build/cjs/packages/phoenix/src/components/color_swatches/show-more/show_more.js.map

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

package/build/cjs/packages/phoenix/src/components/color_swatches/show-more/show_more_constants.js

@@ -2,11 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const SHOW_MORE_CSS_CLASS = 'color-swatches-show-more';
-const SHOW_MORE_EVENT_NAMES = {
-    showMore: 'colorSwatchesShowMore'
-};
+const SHOW_MORE_CSS_CLASS = 'color-swatches-show-more';
 
 exports.SHOW_MORE_CSS_CLASS = SHOW_MORE_CSS_CLASS;
-exports.SHOW_MORE_EVENT_NAMES = SHOW_MORE_EVENT_NAMES;
 //# sourceMappingURL=show_more_constants.js.map

package/build/cjs/packages/phoenix/src/components/color_swatches/show-more/show_more_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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js

@@ -93,10 +93,10 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
             if (!this.opened)
                 return;
             return new Promise((resolve) => {
-                var _a, _b;
-                if (ev && ev.detail.name !== this.name)
+                var _a, _b, _c;
+                if (ev && ((_a = ev.detail) === null || _a === void 0 ? void 0 : _a.name) !== this.name)
                     return;
-                (_a = this.$dropdownToggler) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-expanded', 'false');
+                (_b = this.$dropdownToggler) === null || _b === void 0 ? void 0 : _b.setAttribute('aria-expanded', 'false');
                 const transitionDuration = parseFloat(getComputedStyle(this.$dropdownContent || this).transitionDuration) * 1000;
                 window.requestAnimationFrame(() => {
                     var _a, _b;
@@ -110,7 +110,7 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
                         resolve();
                     }, transitionDuration);
                 });
-                (_b = this.$dropdownToggler) === null || _b === void 0 ? void 0 : _b.focus();
+                (_c = this.$dropdownToggler) === null || _c === void 0 ? void 0 : _c.focus();
             });
         };
         this._dispatchHideDropdownEvent = () => {
@@ -347,7 +347,7 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
         super.render();
         return litHtml.html `
             ${this.getSlot('toggler')}
-            <h-portal ?disabled="${!this.opened}" @portal.open="${this._positionDropdownContent}" to="${this.portalTarget}" hidden>
+            <h-portal ?disabled="${!this.opened}" @open="${this._positionDropdownContent}" to="${this.portalTarget}" hidden>
                 ${this.getSlot('content')}
             </h-portal>
         `;

package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_constants.js

@@ -7,13 +7,12 @@ const DROPDOWN_CONTAINER_NAME = `h-${DROPDOWN_NAME}`;
 const DROPDOWN_TOGGLER_NAME = `${DROPDOWN_CONTAINER_NAME}-toggler`;
 const DROPDOWN_CONTENT_NAME = `${DROPDOWN_CONTAINER_NAME}-content`;
 const DEFAULT_DROPDOWN_PORTAL_NAME = 'dropdown-portal';
-const DROPDOWN_EVENT_NAME = 'dropdown';
 const DROPDOWN_EVENTS = {
-    toggle: `${DROPDOWN_EVENT_NAME}.toggle`,
-    show: `${DROPDOWN_EVENT_NAME}.show`,
-    hide: `${DROPDOWN_EVENT_NAME}.hide`,
-    showed: `${DROPDOWN_EVENT_NAME}.showed`,
-    hidden: `${DROPDOWN_EVENT_NAME}.hidden`
+    toggle: 'toggle',
+    show: 'show',
+    hide: 'hide',
+    showed: 'showed',
+    hidden: 'hidden'
 };
 const DROPDOWN_INITIAL_CLASS_NAME = 'dropdown';
 const DROPDOWN_CSS_CLASSES = {

package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_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;AACA;AACA;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;"}

package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js

@@ -68,9 +68,12 @@ exports.HColorSwatchesControl = class HColorSwatchesControl extends phoenix_ligh
     _setupEvents() {
         this.addEventListener(color_swatches_constants.COLOR_SWATCHES_EVENT_NAMES.change, (event) => {
             event.preventDefault();
-            this.selectedColors = event.detail.values;
+            const { detail } = event;
+            if (!detail.values || !detail.colors || !detail.$colorItem)
+                return;
+            this.selectedColors = detail.values;
             this.emitCustomEvent(color_swatches_control_constants.COLOR_SWATCHES_CONTROL_EVENT_NAMES.change, {
-                detail: event.detail
+                detail
             });
         });
     }

package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,oBAAoB,gDAAoD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,oBAAoB,gDAAoD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control_constants.js

@@ -9,7 +9,7 @@ const COLOR_SWATCHES_CONTROL_CSS_CLASSES = {
     colorSwatchesControlError: `${baseColorSwatchesControlClass}_error`
 };
 const COLOR_SWATCHES_CONTROL_EVENT_NAMES = {
-    change: 'colorSwatchesControl.change'
+    change: 'colorSwatchesControlChange'
 };
 
 exports.COLOR_SWATCHES_CONTROL_CSS_CLASSES = COLOR_SWATCHES_CONTROL_CSS_CLASSES;

package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_constants.js

@@ -9,7 +9,7 @@ const FILE_ITEM_CSS_CLASSES = {
     fileRemoveButton: `${baseFileItemClass}__remove-button`
 };
 const FILE_ITEM_EVENT_NAMES = {
-    removed: 'fileItemRemoved'
+    removed: 'removed'
 };
 const baseFilePickerControlClass = 'file-picker';
 const FILE_PICKER_CONTROL_CSS_CLASSES = {
@@ -22,7 +22,7 @@ const FILE_PICKER_CONTROL_CSS_CLASSES = {
     filePickerLabel: `${baseFilePickerControlClass}__label`
 };
 const FILE_PICKER_LABEL_EVENT_NAMES = {
-    filePickerLabelClickedByEnterKey: 'filePickerLabelClickedByEnterKey'
+    filePickerLabelClickedByEnterKey: 'clickedByEnterKey'
 };
 const baseFilePickerIconClass = 'file-picker-icon';
 const FILE_PICKER_ICON_CSS_CLASSES = {

package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js

@@ -7,10 +7,10 @@ const INPUT_STEPPER_EVENT_NAMES = {
     change: 'change'
 };
 const INPUT_STEPPER_CUSTOM_EVENT_NAMES = {
-    valueChanged: 'inputStepper.valueChanged',
-    changeValue: 'inputStepper.changeValue',
-    increment: 'inputStepper.increment',
-    decrement: 'inputStepper.decrement'
+    valueChanged: 'valueChanged',
+    changeValue: 'changeValue',
+    increment: 'increment',
+    decrement: 'decrement'
 };
 const INPUT_STEPPER_CLASS_NAMES = {
     displayInput: 'input-stepper__value_input'

package/build/cjs/packages/phoenix/src/components/form/search/search.js

@@ -136,18 +136,18 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
         });
     }
     _setupListeners() {
-        this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.focusinInput, (ev) => {
+        this.addEventListener(search_constants.SEARCH_NATIVE_EVENT_NAMES.focusin, (ev) => {
             const searchBar = this.querySelector(`.${search_constants.SEARCH_CLASS_NAMES.searchBar}`);
             searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add(search_constants.SEARCH_CLASS_NAMES.outline);
             const shouldShowMessage = ev.detail.searchPhrase !== '';
             this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage, false);
             document.addEventListener('keydown', this._bindKeys);
         });
-        this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyupInput, (ev) => {
+        this.addEventListener(search_constants.SEARCH_NATIVE_EVENT_NAMES.keyup, (ev) => {
             const shouldShowMessage = ev.detail.searchPhrase !== '';
             this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage);
         });
-        this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchInput, (ev) => this._updateSearchView(ev.detail.searchPhrase, false));
+        this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.search, (ev) => this._updateSearchView(ev.detail.searchPhrase, false));
         this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.clear, () => {
             this._updateSearchView('', false);
         });

package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js

@@ -19,21 +19,21 @@ const SEARCH_COMPONENT_NAMES = {
     searchProducerContent: 'h-search-producer-content'
 };
 const SEARCH_CUSTOM_EVENT_NAMES = {
-    searchPhraseUpdated: 'search.searchPhraseUpdated',
-    searchPhraseSubmitted: 'search.searchPhraseSubmitted',
-    removeHistoryItem: 'search.removeHistoryItem',
-    loadMoreHistoryItems: 'search.loadMoreHistoryItems',
-    loadMoreProducts: 'search.loadMoreProducts',
-    clear: 'search.clearSearchPhrase',
-    submit: 'search.submitSearchPhrase',
-    close: 'search.close',
-    focusinInput: 'search.input.focusin',
-    keyupInput: 'search.input.keyup',
-    searchInput: 'search.input.search',
-    updateSearchPhrase: 'search.updateSearchPhrase'
+    searchPhraseUpdated: 'searchPhraseUpdated',
+    searchPhraseSubmitted: 'searchPhraseSubmitted',
+    removeHistoryItem: 'removeHistoryItem',
+    loadMoreHistoryItems: 'loadMoreHistoryItems',
+    loadMoreProducts: 'loadMoreProducts',
+    clear: 'clearSearchPhrase',
+    submit: 'submitSearchPhrase',
+    close: 'close',
+    search: 'search',
+    updateSearchPhrase: 'updateSearchPhrase'
 };
 const SEARCH_NATIVE_EVENT_NAMES = {
-    click: 'click'
+    click: 'click',
+    focusin: 'focusin',
+    keyup: 'keyup'
 };
 const baseSearchCssClass = 'search';
 const SEARCH_CLASS_NAMES = {
@@ -79,11 +79,11 @@ const SEARCH_CONTEXT_NAMES = {
     searchContext: 'searchContext'
 };
 const SEARCH_PORTAL_DESTINATIONS = {
-    historyContent: 'search.historyContent',
-    resultsContent: 'search.resultsContent'
+    historyContent: 'historyContent',
+    resultsContent: 'resultsContent'
 };
 const SEARCH_SLOT_NAMES = {
-    clearButton: 'search.clear.button'
+    clearButton: 'clearButton'
 };
 const SEARCH_CONFIGURATION = {
     historyContentLimit: 3,

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

@@ -47,7 +47,7 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
     }
     _setupListeners() {
         this._input.addEventListener('focusin', (ev) => {
-            this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.focusinInput, {
+            this.emitCustomEvent(search_constants.SEARCH_NATIVE_EVENT_NAMES.focusin, {
                 detail: {
                     searchPhrase: ev.target.value
                 }
@@ -57,7 +57,7 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
             if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
                 return;
             if (ev.key !== 'Enter') {
-                this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyupInput, {
+                this.emitCustomEvent(search_constants.SEARCH_NATIVE_EVENT_NAMES.keyup, {
                     detail: {
                         searchPhrase: ev.target.value
                     }
@@ -78,7 +78,7 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
             if (this._input.value !== '') {
                 return;
             }
-            this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchInput, {
+            this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.search, {
                 detail: {
                     searchPhrase: ev.target.value
                 }
@@ -95,7 +95,7 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
             if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
                 return;
             this._input.value = ev.detail.searchPhrase;
-            this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyupInput, {
+            this.emitCustomEvent(search_constants.SEARCH_NATIVE_EVENT_NAMES.keyup, {
                 detail: {
                     searchPhrase: ev.detail.searchPhrase
                 }

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

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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/cjs/packages/phoenix/src/components/form/select/components/select_options.js

@@ -12,14 +12,14 @@ exports.HOptions = class HOptions extends phoenix_light_lit_element.PhoenixLight
     constructor() {
         super();
         this._dispatchClickedEvent = ({ detail }) => {
-            this.emitCustomEvent(select_components_constatns.SELECT_OPTIONS_EVENT_NAMES.clicked, {
+            this.emitCustomEvent(select_components_constatns.SELECT_OPTIONS_EVENT_NAMES.optionClicked, {
                 detail: {
                     $option: detail.$option
                 }
             });
         };
         this._dispatchUpdatedEvent = ({ detail }) => {
-            this.emitCustomEvent(select_components_constatns.SELECT_OPTIONS_EVENT_NAMES.updated, {
+            this.emitCustomEvent(select_components_constatns.SELECT_OPTIONS_EVENT_NAMES.optionUpdated, {
                 detail: {
                     $option: detail.$option
                 }

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

@@ -58,7 +58,7 @@ exports.HSelectToggler = class HSelectToggler extends phoenix_light_lit_element.
             return litHtml.html ` <ul class=${select_toggler_constants.SELECT_TOGGLER_CSS_CLASSES.selectTogglerValues}>
                     ${this.isMultiselect
                 ? selectOptions.map((option) => litHtml.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/cjs/packages/phoenix/src/components/form/select/select.js

@@ -106,10 +106,14 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
                 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,
@@ -288,8 +292,8 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
         return lit.html `
             <h-dropdown
                 ${ref_js.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"
@@ -303,7 +307,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
                 >
                     <h-select-close-btn
                         class="${select_constants.SELECT_CSS_CLASSES.selectCloseMobileButton}"
-                        @selectCloseBtn.close=${this._closeSelect}
+                        @close=${this._closeSelect}
                     ></h-select-close-btn>
 
                     <div class=${select_constants.SELECT_CSS_CLASSES.selectLabel}>${lit.html `${this._getClonedPlaceholderElement()}`}</div>
@@ -313,7 +317,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
                               class=${select_constants.SELECT_CSS_CLASSES.selectSearch}
                               ${ref_js.ref(this._$search)}
                               .value=${this._searchValue}
-                              @selectSearch.search=${this._handleSearch}
+                              @search=${this._handleSearch}
                           ></h-select-search>`
             : lit.nothing}
 
@@ -322,8 +326,8 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
             ? select_constants.SELECT_CSS_CLASSES.selectOptionsEmpty
             : ''}"
                             ${ref_js.ref(this._$optionsList)}
-                            @selectOptions.clicked=${this._handleOptionClicked}
-                            @selectOptions.updated=${this._handleOptionUpdated}
+                            @clicked=${this._handleOptionClicked}
+                            @updated=${this._handleOptionUpdated}
                         >
                             ${this._$options ? repeat.repeat(Object.values(this._$options), (option) => option.value, (option) => this._renderOption(option)) : lit.nothing}
                         </h-options>
@@ -339,7 +343,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
             ? lit.html `
                               <section class=${select_constants.SELECT_CSS_CLASSES.selectFooter}>
                                   <button class="${select_constants.SELECT_CSS_CLASSES.selectClearButton}" @click=${this._clearOptions}>Reset</button>
-                                  <h-select-close-btn class="${select_constants.SELECT_CSS_CLASSES.selectCloseButton}" @selectCloseBtn.close=${this._closeSelect}
+                                  <h-select-close-btn class="${select_constants.SELECT_CSS_CLASSES.selectCloseButton}" @close=${this._closeSelect}
                                       ><span slot=${select_components_constatns.SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME}>Choose</span>
                                   </h-select-close-btn>
                               </section>

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,+CAAmD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/phoenix/src/components/form/select/select_constants.js

@@ -15,8 +15,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/cjs/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group.js

@@ -28,7 +28,10 @@ exports.HToggleButtonGroup = HToggleButtonGroup_1 = class HToggleButtonGroup ext
     }
     _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(toggle_button_group_constants.TOGGLED_ON_ATTRIBUTE_NAME) === '') {
             this._emitSingleToggleOnModeToggleChange(toggleButton.getAttribute('value'));
@@ -40,9 +43,12 @@ exports.HToggleButtonGroup = HToggleButtonGroup_1 = class HToggleButtonGroup ext
     }
     _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/cjs/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;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA,iBAAiB,wDAA4D;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,+CAAmD;AAC3E;AACA;AACA,iBAAiB,wDAA4D;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group_constants.js

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

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 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/cjs/packages/phoenix/src/components/portal/portal_constants.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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/cjs/packages/phoenix/src/components/portal/portal_target.js

@@ -15,16 +15,22 @@ exports.HPortalTarget = HPortalTarget_1 = class HPortalTarget extends phoenix_li
         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/cjs/packages/phoenix/src/components/portal/portal_target.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/phoenix/src/components/tag/tag.js

@@ -20,8 +20,8 @@ exports.HTag = class HTag extends phoenix_light_lit_element.PhoenixLightLitEleme
              * 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_constants.TAG_EVENT_NAMES.remove : tag_constants.TAG_EVENT_NAMES.click;
-            this.emitCustomEvent(eventName);
+            if (this.removable)
+                this.emitCustomEvent(tag_constants.TAG_EVENT_NAMES.remove);
         };
     }
     connectedCallback() {

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

@@ -10,8 +10,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'
 };
 
 exports.TAG_CSS_CLASSES = TAG_CSS_CLASSES;