@empathyco/x-components 6.0.0-alpha.9 → 6.0.0-alpha.91

package/js/index.js

@@ -1,22 +1,37 @@
+export { animateClipPath } from './components/animations/animate-clip-path/animate-clip-path.factory.js';
+export { animateScale } from './components/animations/animate-scale/animate-scale.factory.js';
+export { animateTranslate } from './components/animations/animate-translate/animate-translate.factory.js';
 export { default as AnimateWidth } from './components/animations/animate-width.vue.js';
 export { default as CollapseHeight } from './components/animations/collapse-height.vue.js';
 export { default as CollapseWidth } from './components/animations/collapse-width.vue.js';
+export { createDirectionalAnimationFactory } from './components/animations/create-directional-animation-factory.js';
 export { default as CrossFade } from './components/animations/cross-fade.vue.js';
-export { default as Fade } from './components/animations/fade.vue.js';
 export { default as FadeAndSlide } from './components/animations/fade-and-slide.vue.js';
+export { default as Fade } from './components/animations/fade.vue.js';
 export { default as NoAnimation } from './components/animations/no-animation.vue.js';
 export { default as StaggeredFadeAndSlide } from './components/animations/staggered-fade-and-slide.vue.js';
-export { createDirectionalAnimationFactory } from './components/animations/create-directional-animation-factory.js';
-export { animateClipPath } from './components/animations/animate-clip-path/animate-clip-path.factory.js';
-export { animateScale } from './components/animations/animate-scale/animate-scale.factory.js';
-export { animateTranslate } from './components/animations/animate-translate/animate-translate.factory.js';
 export { useCollapseAnimation } from './components/animations/use-collapse-animation.js';
 export { useDisableAnimation } from './components/animations/use-disable-animation.js';
+export { default as AutoProgressBar } from './components/auto-progress-bar.vue.js';
+export { default as BaseDropdown } from './components/base-dropdown.vue.js';
+export { default as BaseEventButton } from './components/base-event-button.vue.js';
+export { default as BaseGrid } from './components/base-grid.vue.js';
+export { default as BaseKeyboardNavigation } from './components/base-keyboard-navigation.vue.js';
+export { default as BaseRating } from './components/base-rating.vue.js';
+export { default as BaseSlider } from './components/base-slider.vue.js';
+export { default as BaseSwitch } from './components/base-switch.vue.js';
+export { default as BaseTeleport } from './components/base-teleport.vue.js';
+export { default as BaseVariableColumnGrid } from './components/base-variable-column-grid.vue.js';
 export { default as BaseColumnPickerDropdown } from './components/column-picker/base-column-picker-dropdown.vue.js';
 export { default as BaseColumnPickerList } from './components/column-picker/base-column-picker-list.vue.js';
 export { default as BaseCurrency } from './components/currency/base-currency.vue.js';
+export { DISABLE_ANIMATIONS_KEY, HAS_MORE_ITEMS_KEY, LIST_ITEMS_KEY, QUERY_KEY, RESULT_WITH_VARIANTS_KEY, SELECTED_VARIANTS_KEY, SELECT_RESULT_VARIANT_KEY } from './components/decorators/injection.consts.js';
+export { default as DisplayClickProvider } from './components/display-click-provider.vue.js';
+export { default as DisplayEmitter } from './components/display-emitter.vue.js';
 export { default as BasePriceFilterLabel } from './components/filters/labels/base-price-filter-label.vue.js';
 export { default as BaseRatingFilterLabel } from './components/filters/labels/base-rating-filter-label.vue.js';
+export { default as GlobalXBus } from './components/global-x-bus.vue.js';
+export { default as Highlight } from './components/highlight.vue.js';
 export { default as ArrowDownIcon } from './components/icons/arrow-down.vue.js';
 export { default as ArrowLeftIcon } from './components/icons/arrow-left.vue.js';
 export { default as ArrowRightIcon } from './components/icons/arrow-right.vue.js';
@@ -24,14 +39,14 @@ export { default as ArrowUpIcon } from './components/icons/arrow-up.vue.js';
 export { default as BagIcon } from './components/icons/bag.vue.js';
 export { default as BarCodeIcon } from './components/icons/bar-code.vue.js';
 export { default as BarcodeTinyIcon } from './components/icons/barcode-tiny.vue.js';
-export { default as CartIcon } from './components/icons/cart.vue.js';
 export { default as CartFilledIcon } from './components/icons/cart-filled.vue.js';
+export { default as CartIcon } from './components/icons/cart.vue.js';
 export { default as CheckTinyIcon } from './components/icons/check-tiny.vue.js';
 export { default as CheckIcon } from './components/icons/check.vue.js';
-export { default as CheckboxSelectedIcon } from './components/icons/checkbox-selected.vue.js';
 export { default as CheckboxSelectedFilledIcon } from './components/icons/checkbox-selected-filled.vue.js';
-export { default as CheckboxUnselectedIcon } from './components/icons/checkbox-unselected.vue.js';
+export { default as CheckboxSelectedIcon } from './components/icons/checkbox-selected.vue.js';
 export { default as CheckboxUnselectedFilledIcon } from './components/icons/checkbox-unselected-filled.vue.js';
+export { default as CheckboxUnselectedIcon } from './components/icons/checkbox-unselected.vue.js';
 export { default as ChevronDownIcon } from './components/icons/chevron-down.vue.js';
 export { default as ChevronLeftIcon } from './components/icons/chevron-left.vue.js';
 export { default as ChevronRightIcon } from './components/icons/chevron-right.vue.js';
@@ -44,10 +59,10 @@ export { default as CornerArrowLeft } from './components/icons/corner-arrow-left
 export { default as CornerArrowRight } from './components/icons/corner-arrow-right.vue.js';
 export { default as CrossTinyIcon } from './components/icons/cross-tiny.vue.js';
 export { default as CrossIcon } from './components/icons/cross.vue.js';
-export { default as CuratedCheckIcon } from './components/icons/curated-check.vue.js';
 export { default as CuratedCheckFilledIcon } from './components/icons/curated-check-filled.vue.js';
-export { default as CuratedCheckTinyIcon } from './components/icons/curated-check-tiny.vue.js';
 export { default as CuratedCheckTinyFilledIcon } from './components/icons/curated-check-tiny-filled.vue.js';
+export { default as CuratedCheckTinyIcon } from './components/icons/curated-check-tiny.vue.js';
+export { default as CuratedCheckIcon } from './components/icons/curated-check.vue.js';
 export { default as DiagonalArrowLeftDownIcon } from './components/icons/diagonal-arrow-left-down.vue.js';
 export { default as DiagonalArrowLeftTopIcon } from './components/icons/diagonal-arrow-left-top.vue.js';
 export { default as DiagonalArrowRightDownIcon } from './components/icons/diagonal-arrow-right-down.vue.js';
@@ -55,10 +70,10 @@ export { default as DiagonalArrowRightTopIcon } from './components/icons/diagona
 export { default as FiltersIcon } from './components/icons/filters.vue.js';
 export { default as Grid1ColIcon } from './components/icons/grid-1-col.vue.js';
 export { default as Grid2ColIcon } from './components/icons/grid-2-col.vue.js';
-export { default as Grid4ColIcon } from './components/icons/grid-4-col.vue.js';
 export { default as Grid2RowsIcon } from './components/icons/grid-2-rows.vue.js';
-export { default as HeartIcon } from './components/icons/heart.vue.js';
+export { default as Grid4ColIcon } from './components/icons/grid-4-col.vue.js';
 export { default as HeartIconFilled } from './components/icons/heart-filled.vue.js';
+export { default as HeartIcon } from './components/icons/heart.vue.js';
 export { default as HideIcon } from './components/icons/hide.vue.js';
 export { default as HistoryTinyIcon } from './components/icons/history-tiny.vue.js';
 export { default as HistoryIcon } from './components/icons/history.vue.js';
@@ -67,10 +82,11 @@ export { default as LightBulbOn } from './components/icons/light-bulb-on.vue.js'
 export { default as MenuIcon } from './components/icons/menu.vue.js';
 export { default as MinusTinyIcon } from './components/icons/minus-tiny.vue.js';
 export { default as MinusIcon } from './components/icons/minus.vue.js';
-export { default as PlusIcon } from './components/icons/plus.vue.js';
 export { default as PlusTinyIcon } from './components/icons/plus-tiny.vue.js';
+export { default as PlusIcon } from './components/icons/plus.vue.js';
 export { default as RadioButtonSelectedIcon } from './components/icons/radiobutton-selected.vue.js';
 export { default as RadioButtonUnselectedIcon } from './components/icons/radiobutton-unselected.vue.js';
+export { default as SearchTinyIcon } from './components/icons/search-tiny.vue.js';
 export { default as SearchIcon } from './components/icons/search.vue.js';
 export { default as SettingsIcon } from './components/icons/settings.vue.js';
 export { default as ShowIcon } from './components/icons/show.vue.js';
@@ -79,66 +95,54 @@ export { default as SortPriceDownIcon } from './components/icons/sort-price-down
 export { default as SortPriceUpIcon } from './components/icons/sort-price-up.vue.js';
 export { default as SortRelevancyIcon } from './components/icons/sort-relevancy.vue.js';
 export { default as SortZAIcon } from './components/icons/sort-za.vue.js';
-export { default as StarIcon } from './components/icons/star.vue.js';
 export { default as StarFilledIcon } from './components/icons/star-filled.vue.js';
-export { default as SearchTinyIcon } from './components/icons/search-tiny.vue.js';
-export { default as TagIcon } from './components/icons/tag.vue.js';
+export { default as StarIcon } from './components/icons/star.vue.js';
 export { default as TagFilledIcon } from './components/icons/tag-filled.vue.js';
+export { default as TagIcon } from './components/icons/tag.vue.js';
 export { default as TrashOpenIcon } from './components/icons/trash-open.vue.js';
 export { default as TrashIcon } from './components/icons/trash.vue.js';
 export { default as TrendingTinyIcon } from './components/icons/trending-tiny.vue.js';
 export { default as TrendingIcon } from './components/icons/trending.vue.js';
-export { default as UserIcon } from './components/icons/user.vue.js';
 export { default as UserFilledIcon } from './components/icons/user-filled.vue.js';
+export { default as UserIcon } from './components/icons/user.vue.js';
+export { default as ItemsList } from './components/items-list.vue.js';
 export { default as FixedHeaderAndAsidesLayout } from './components/layouts/fixed-header-and-asides-layout.vue.js';
 export { default as MultiColumnMaxWidthLayout } from './components/layouts/multi-column-max-width-layout.vue.js';
 export { default as SingleColumnLayout } from './components/layouts/single-column-layout.vue.js';
+export { default as LocationProvider } from './components/location-provider.vue.js';
 export { default as BaseEventsModalClose } from './components/modals/base-events-modal-close.vue.js';
-export { default as BaseEventsModal } from './components/modals/base-events-modal.vue.js';
 export { default as BaseEventsModalOpen } from './components/modals/base-events-modal-open.vue.js';
-export { default as BaseModal } from './components/modals/base-modal.vue.js';
-export { default as BaseIdModal } from './components/modals/base-id-modal.vue.js';
+export { default as BaseEventsModal } from './components/modals/base-events-modal.vue.js';
 export { default as BaseIdModalClose } from './components/modals/base-id-modal-close.vue.js';
 export { default as BaseIdModalOpen } from './components/modals/base-id-modal-open.vue.js';
+export { default as BaseIdModal } from './components/modals/base-id-modal.vue.js';
+export { default as BaseModal } from './components/modals/base-modal.vue.js';
 export { default as CloseMainModal } from './components/modals/close-main-modal.vue.js';
 export { default as MainModal } from './components/modals/main-modal.vue.js';
 export { default as OpenMainModal } from './components/modals/open-main-modal.vue.js';
+export { default as PageLoaderButton } from './components/page-loader-button.vue.js';
+export { default as PageSelector } from './components/page-selector.vue.js';
 export { default as BaseHeaderTogglePanel } from './components/panels/base-header-toggle-panel.vue.js';
-export { default as BaseTogglePanel } from './components/panels/base-toggle-panel.vue.js';
-export { default as BaseIdTogglePanel } from './components/panels/base-id-toggle-panel.vue.js';
 export { default as BaseIdTogglePanelButton } from './components/panels/base-id-toggle-panel-button.vue.js';
+export { default as BaseIdTogglePanel } from './components/panels/base-id-toggle-panel.vue.js';
 export { default as BaseTabsPanel } from './components/panels/base-tabs-panel.vue.js';
+export { default as BaseTogglePanel } from './components/panels/base-toggle-panel.vue.js';
 export { default as BaseAddToCart } from './components/result/base-result-add-to-cart.vue.js';
 export { default as BaseResultCurrentPrice } from './components/result/base-result-current-price.vue.js';
+export { default as BaseFallbackImage } from './components/result/base-result-fallback-image.vue.js';
 export { default as BaseResultImage } from './components/result/base-result-image.vue.js';
 export { default as BaseResultLink } from './components/result/base-result-link.vue.js';
-export { default as BaseResultPreviousPrice } from './components/result/base-result-previous-price.vue.js';
-export { default as BaseFallbackImage } from './components/result/base-result-fallback-image.vue.js';
 export { default as BasePlaceholderImage } from './components/result/base-result-placeholder-image.vue.js';
+export { default as BaseResultPreviousPrice } from './components/result/base-result-previous-price.vue.js';
 export { default as BaseResultRating } from './components/result/base-result-rating.vue.js';
-export { default as ResultVariantsProvider } from './components/result/result-variants-provider.vue.js';
 export { default as ResultVariantSelector } from './components/result/result-variant-selector.vue.js';
+export { default as ResultVariantsProvider } from './components/result/result-variants-provider.vue.js';
 export { default as BaseScroll } from './components/scroll/base-scroll.vue.js';
 export { useScroll } from './components/scroll/use-scroll.js';
-export { default as BaseSuggestion } from './components/suggestions/base-suggestion.vue.js';
-export { default as BaseSuggestions } from './components/suggestions/base-suggestions.vue.js';
-export { default as AutoProgressBar } from './components/auto-progress-bar.vue.js';
-export { default as BaseDropdown } from './components/base-dropdown.vue.js';
-export { default as BaseEventButton } from './components/base-event-button.vue.js';
-export { default as BaseGrid } from './components/base-grid.vue.js';
-export { default as BaseKeyboardNavigation } from './components/base-keyboard-navigation.vue.js';
-export { default as BaseRating } from './components/base-rating.vue.js';
-export { default as BaseSwitch } from './components/base-switch.vue.js';
-export { default as BaseVariableColumnGrid } from './components/base-variable-column-grid.vue.js';
-export { default as DisplayEmitter } from './components/display-emitter.vue.js';
-export { default as GlobalXBus } from './components/global-x-bus.vue.js';
-export { default as Highlight } from './components/highlight.vue.js';
-export { default as ItemsList } from './components/items-list.vue.js';
-export { default as LocationProvider } from './components/location-provider.vue.js';
 export { default as SlidingPanel } from './components/sliding-panel.vue.js';
 export { default as SnippetCallbacks } from './components/snippet-callbacks.vue.js';
-export { default as PageLoaderButton } from './components/page-loader-button.vue.js';
-export { DISABLE_ANIMATIONS_KEY, HAS_MORE_ITEMS_KEY, LIST_ITEMS_KEY, QUERY_KEY, RESULT_WITH_VARIANTS_KEY, SELECTED_VARIANTS_KEY, SELECT_RESULT_VARIANT_KEY } from './components/decorators/injection.consts.js';
+export { default as BaseSuggestion } from './components/suggestions/base-suggestion.vue.js';
+export { default as BaseSuggestions } from './components/suggestions/base-suggestions.vue.js';
 export { getRootXComponent, getXComponentXModuleName, isXComponent } from './components/x-component.utils.js';
 export { createUseDevice } from './composables/create-use-device.js';
 export { use$x } from './composables/use-_x.js';
@@ -147,16 +151,20 @@ export { useDebounce } from './composables/use-debounce.js';
 export { useGetter } from './composables/use-getter.js';
 export { useEmitDisplayEvent, useOnDisplay } from './composables/use-on-display.js';
 export { useState } from './composables/use-state.js';
-export { useStore } from './composables/use-store.js';
+export { useStore } from 'vuex';
 export { useXBus } from './composables/use-x-bus.js';
 export { infiniteScroll } from './directives/infinite-scroll.js';
+export { typing } from './directives/typing.js';
 export { setupDevtools } from './plugins/devtools/devtools.plugin.js';
 export { bus } from './plugins/x-bus.js';
 export { isSimpleSelector, registerStoreEmitters } from './plugins/x-emitters.js';
 export { XPlugin, xPlugin } from './plugins/x-plugin.js';
 export { assertXPluginOptionsAreValid, getGetterPath } from './plugins/x-plugin.utils.js';
 export { DirectionalFocusNavigationService } from './services/directional-focus-navigation.service.js';
+export { mergeConfig, setConfig } from './store/utils/config-store.utils.js';
 export { createFetchAndSaveActions } from './store/utils/fetch-and-save-action.utils.js';
+export { cleanGettersProxyCache, getGettersProxy, getGettersProxyFromModule } from './store/utils/getters-proxy.utils.js';
+export { createRelatedTagsQueryGetter, setQuery } from './store/utils/query.utils.js';
 export { setStatus } from './store/utils/status-store.utils.js';
 export { createStoreEmitters } from './store/utils/store-emitters.utils.js';
 export { RootXStoreModule } from './store/x.module.js';
@@ -171,6 +179,7 @@ export { FOCUSABLE_SELECTORS } from './utils/focus.js';
 export { noOp } from './utils/function.js';
 export { getURLParameter } from './utils/get-url-parameters.js';
 export { getActiveElement, getTargetElement, isElementEqualOrContained } from './utils/html.js';
+export { isIOS, removeSearchInputFocus } from './utils/ios-utils.js';
 export { SPLIT_WORDS_REGEX, isNewQuery } from './utils/is-new-query.js';
 export { normalizeString } from './utils/normalize.js';
 export { isInRange } from './utils/number.js';
@@ -196,53 +205,61 @@ export { empathizeEmitters } from './x-modules/empathize/store/emitters.js';
 export { empathizeXStoreModule } from './x-modules/empathize/store/module.js';
 export { empathizeWiring } from './x-modules/empathize/wiring.js';
 export { empathizeXModule } from './x-modules/empathize/x-module.js';
+export { default as ExperienceControls } from './x-modules/experience-controls/components/experience-controls.vue.js';
+export { cancelFetchAndSaveControls, fetchAndSaveExperienceControlsResponse } from './x-modules/experience-controls/store/actions/fetch-and-save-experience-controls.action.js';
+export { fetchExperienceControlsResponse } from './x-modules/experience-controls/store/actions/fetch-experience-controls.action.js';
+export { experienceControlsEmitters } from './x-modules/experience-controls/store/emitters.js';
+export { experienceControlsRequest } from './x-modules/experience-controls/store/getters/experience-controls-results-request.getter.js';
+export { experienceControlsXStoreModule } from './x-modules/experience-controls/store/module.js';
+export { experienceControlsWiring, fetchAndSaveExperienceControlsWire, setParamsWire } from './x-modules/experience-controls/wiring.js';
+export { experienceControlsXModule } from './x-modules/experience-controls/x-module.js';
 export { default as ExtraParams } from './x-modules/extra-params/components/extra-params.vue.js';
-export { default as SnippetConfigExtraParams } from './x-modules/extra-params/components/snippet-config-extra-params.vue.js';
 export { default as RenderlessExtraParams } from './x-modules/extra-params/components/renderless-extra-param.vue.js';
+export { default as SnippetConfigExtraParams } from './x-modules/extra-params/components/snippet-config-extra-params.vue.js';
 export { extraParamsEmitters } from './x-modules/extra-params/store/emitters.js';
 export { extraParamsXStoreModule } from './x-modules/extra-params/store/module.js';
 export { extraParamsWiring, setExtraParams } from './x-modules/extra-params/wiring.js';
 export { extraParamsXModule } from './x-modules/extra-params/x-module.js';
-export { facetsXModule } from './x-modules/facets/x-module.js';
-export { facets } from './x-modules/facets/store/getters/facets.getter.js';
-export { selectedFilters } from './x-modules/facets/store/getters/selected-filters.getter.js';
-export { selectedFiltersByFacet } from './x-modules/facets/store/getters/selected-filters-by-facet.getter.js';
-export { facetsEmitters } from './x-modules/facets/store/emitters.js';
-export { facetsXStoreModule } from './x-modules/facets/store/module.js';
-export { facetsWiring, setFiltersFromHistoryQueries, setQueryFromPreview, setSelectedFiltersFromPreview } from './x-modules/facets/wiring.js';
-export { DefaultFacetsService } from './x-modules/facets/service/facets.service.js';
-export { EditableNumberRangeFilterEntity } from './x-modules/facets/entities/editable-number-range-filter.entity.js';
-export { FilterEntityFactory } from './x-modules/facets/entities/filter-entity.factory.js';
-export { HierarchicalFilterEntity } from './x-modules/facets/entities/hierarchical-filter.entity.js';
-export { NumberRangeFilterEntity } from './x-modules/facets/entities/number-range-filter.entity.js';
-export { RawFilterEntity } from './x-modules/facets/entities/raw-filter.entity.js';
-export { SimpleFilterEntity } from './x-modules/facets/entities/simple-filter.entity.js';
-export { SingleSelectModifier } from './x-modules/facets/entities/single-select.modifier.js';
-export { StickyModifier } from './x-modules/facets/entities/sticky.modifier.js';
-export { BaseFilterEntityModifier } from './x-modules/facets/entities/types.js';
-export { default as Facets } from './x-modules/facets/components/facets/facets.vue.js';
+export { default as ClearFilters } from './x-modules/facets/components/clear-filters.vue.js';
 export { default as FacetsProvider } from './x-modules/facets/components/facets/facets-provider.vue.js';
+export { default as Facets } from './x-modules/facets/components/facets/facets.vue.js';
 export { default as AllFilter } from './x-modules/facets/components/filters/all-filter.vue.js';
 export { default as EditableNumberRangeFilter } from './x-modules/facets/components/filters/editable-number-range-filter.vue.js';
-export { default as NumberRangeFilter } from './x-modules/facets/components/filters/number-range-filter.vue.js';
 export { default as HierarchicalFilter } from './x-modules/facets/components/filters/hierarchical-filter.vue.js';
+export { default as NumberRangeFilter } from './x-modules/facets/components/filters/number-range-filter.vue.js';
 export { default as RenderlessFilter } from './x-modules/facets/components/filters/renderless-filter.vue.js';
 export { default as SimpleFilter } from './x-modules/facets/components/filters/simple-filter.vue.js';
-export { default as PreselectedFilters } from './x-modules/facets/components/preselected-filters.vue.js';
 export { default as ExcludeFiltersWithNoResults } from './x-modules/facets/components/lists/exclude-filters-with-no-results.vue.js';
 export { default as FiltersList } from './x-modules/facets/components/lists/filters-list.vue.js';
 export { default as FiltersSearch } from './x-modules/facets/components/lists/filters-search.vue.js';
-export { default as SelectedFilters } from './x-modules/facets/components/lists/selected-filters.vue.js';
 export { default as SelectedFiltersList } from './x-modules/facets/components/lists/selected-filters-list.vue.js';
+export { default as SelectedFilters } from './x-modules/facets/components/lists/selected-filters.vue.js';
 export { default as SlicedFilters } from './x-modules/facets/components/lists/sliced-filters.vue.js';
 export { default as SortedFilters } from './x-modules/facets/components/lists/sorted-filters.vue.js';
-export { default as ClearFilters } from './x-modules/facets/components/clear-filters.vue.js';
+export { default as PreselectedFilters } from './x-modules/facets/components/preselected-filters.vue.js';
 export { useFacets } from './x-modules/facets/composables/use-facets.js';
 export { useFiltersInjection } from './x-modules/facets/composables/use-filters-injection.js';
+export { EditableNumberRangeFilterEntity } from './x-modules/facets/entities/editable-number-range-filter.entity.js';
+export { FilterEntityFactory } from './x-modules/facets/entities/filter-entity.factory.js';
+export { HierarchicalFilterEntity } from './x-modules/facets/entities/hierarchical-filter.entity.js';
+export { NumberRangeFilterEntity } from './x-modules/facets/entities/number-range-filter.entity.js';
+export { RawFilterEntity } from './x-modules/facets/entities/raw-filter.entity.js';
+export { SimpleFilterEntity } from './x-modules/facets/entities/simple-filter.entity.js';
+export { SingleSelectModifier } from './x-modules/facets/entities/single-select.modifier.js';
+export { StickyModifier } from './x-modules/facets/entities/sticky.modifier.js';
+export { BaseFilterEntityModifier } from './x-modules/facets/entities/types.js';
+export { DefaultFacetsService } from './x-modules/facets/service/facets.service.js';
+export { facetsEmitters } from './x-modules/facets/store/emitters.js';
+export { facets } from './x-modules/facets/store/getters/facets.getter.js';
+export { selectedFiltersByFacet } from './x-modules/facets/store/getters/selected-filters-by-facet.getter.js';
+export { selectedFilters } from './x-modules/facets/store/getters/selected-filters.getter.js';
+export { facetsXStoreModule } from './x-modules/facets/store/module.js';
 export { flatHierarchicalFilters } from './x-modules/facets/utils.js';
+export { facetsWiring, setFiltersFromHistoryQueries, setQueryFromPreview, setSelectedFiltersFromPreview } from './x-modules/facets/wiring.js';
+export { facetsXModule } from './x-modules/facets/x-module.js';
 export { default as ClearHistoryQueries } from './x-modules/history-queries/components/clear-history-queries.vue.js';
-export { default as HistoryQueries } from './x-modules/history-queries/components/history-queries.vue.js';
 export { default as HistoryQueriesSwitch } from './x-modules/history-queries/components/history-queries-switch.vue.js';
+export { default as HistoryQueries } from './x-modules/history-queries/components/history-queries.vue.js';
 export { default as HistoryQuery } from './x-modules/history-queries/components/history-query.vue.js';
 export { default as MyHistory } from './x-modules/history-queries/components/my-history.vue.js';
 export { default as RemoveHistoryQuery } from './x-modules/history-queries/components/remove-history-query.vue.js';
@@ -271,48 +288,48 @@ export { identifierResultsRequest } from './x-modules/identifier-results/store/g
 export { identifierResultsXStoreModule } from './x-modules/identifier-results/store/module.js';
 export { cancelFetchAndSaveIdentifierResultsWire, clearIdentifierResultsQuery, fetchAndSaveIdentifierResultsWire, identifierResultsWiring, saveIdentifierResultsOriginWire, setIdentifierResultsExtraParams, setIdentifierResultsQuery, setIdentifierResultsQueryFromPreview } from './x-modules/identifier-results/wiring.js';
 export { identifierResultsXModule } from './x-modules/identifier-results/x-module.js';
-export { default as NextQueries } from './x-modules/next-queries/components/next-queries.vue.js';
 export { default as NextQueriesList } from './x-modules/next-queries/components/next-queries-list.vue.js';
-export { default as NextQuery } from './x-modules/next-queries/components/next-query.vue.js';
+export { default as NextQueries } from './x-modules/next-queries/components/next-queries.vue.js';
 export { default as NextQueryPreview } from './x-modules/next-queries/components/next-query-preview.vue.js';
+export { default as NextQuery } from './x-modules/next-queries/components/next-query.vue.js';
 export { cancelFetchAndSaveNextQueries, fetchAndSaveNextQueries } from './x-modules/next-queries/store/actions/fetch-and-save-next-queries.action.js';
 export { fetchNextQueries } from './x-modules/next-queries/store/actions/fetch-next-queries.action.js';
 export { setQueryFromLastHistoryQuery } from './x-modules/next-queries/store/actions/set-query-from-last-history-query.action.js';
 export { nextQueriesEmitters } from './x-modules/next-queries/store/emitters.js';
-export { request as nextQueriesRequest } from './x-modules/next-queries/store/getters/request.getter.js';
-export { nextQueries } from './x-modules/next-queries/store/getters/next-queries.getter.js';
 export { query } from './x-modules/next-queries/store/getters/next-queries-query.getter.js';
+export { nextQueries } from './x-modules/next-queries/store/getters/next-queries.getter.js';
+export { request as nextQueriesRequest } from './x-modules/next-queries/store/getters/request.getter.js';
 export { nextQueriesXStoreModule } from './x-modules/next-queries/store/module.js';
 export { fetchAndSaveNextQueriesWire, fetchAndSaveNextQueryPreviewWire, nextQueriesWiring, resetResultsPreviewWire, setNextQueriesExtraParams, setNextQueriesExtraParamsFromPreview, setNextQueriesQuery, setNextQueriesQueryFromPreview, setNextQueriesRelatedTags, setQueryFromLastHistoryQueryWire, setSearchedQueries } from './x-modules/next-queries/wiring.js';
 export { nextQueriesXModule } from './x-modules/next-queries/x-module.js';
 export { default as PopularSearch } from './x-modules/popular-searches/components/popular-search.vue.js';
 export { default as PopularSearches } from './x-modules/popular-searches/components/popular-searches.vue.js';
-export { fetchSuggestions as fetchPopularSearches } from './x-modules/popular-searches/store/actions/fetch-suggestions.action.js';
 export { cancelFetchAndSaveSuggestions as cancelFetchAndSavePopularSearches, fetchAndSaveSuggestions as fetchAndSavePopularSearches } from './x-modules/popular-searches/store/actions/fetch-and-save-suggestions.action.js';
+export { fetchSuggestions as fetchPopularSearches } from './x-modules/popular-searches/store/actions/fetch-suggestions.action.js';
 export { popularSearchesEmitters } from './x-modules/popular-searches/store/emitters.js';
-export { request as popularSearchesRequest } from './x-modules/popular-searches/store/getters/request.getter.js';
 export { popularSearches } from './x-modules/popular-searches/store/getters/popular-searches.getter.js';
+export { request as popularSearchesRequest } from './x-modules/popular-searches/store/getters/request.getter.js';
 export { popularSearchesXStoreModule } from './x-modules/popular-searches/store/module.js';
 export { popularSearchesWiring, setPopularSearchesExtraParams, setSearchedQueriesInPopularSearches } from './x-modules/popular-searches/wiring.js';
 export { popularSearchesXModule } from './x-modules/popular-searches/x-module.js';
-export { default as QueryPreview } from './x-modules/queries-preview/components/query-preview.vue.js';
 export { default as QueryPreviewButton } from './x-modules/queries-preview/components/query-preview-button.vue.js';
 export { default as QueryPreviewList } from './x-modules/queries-preview/components/query-preview-list.vue.js';
+export { default as QueryPreview } from './x-modules/queries-preview/components/query-preview.vue.js';
 export { useQueriesPreview } from './x-modules/queries-preview/composables/use-queries-preview.composable.js';
-export { fetchQueryPreview } from './x-modules/queries-preview/store/actions/fetch-query-preview.action.js';
 export { fetchAndSaveQueryPreview } from './x-modules/queries-preview/store/actions/fetch-and-save-query-preview.action.js';
+export { fetchQueryPreview } from './x-modules/queries-preview/store/actions/fetch-query-preview.action.js';
 export { queriesPreviewEmitters } from './x-modules/queries-preview/store/emitters.js';
 export { queriesPreviewXStoreModule } from './x-modules/queries-preview/store/module.js';
-export { queriesPreviewXModule } from './x-modules/queries-preview/x-module.js';
 export { addQueryPreviewInstanceWire, clearQueryPreviewWire, clearSelectedQueryPreviewWire, fetchAndSaveQueryPreviewWire, queriesPreviewWiring, removeQueryPreviewInstanceWire, setQueriesPreviewExtraParamsWire, setSelectedQueryPreviewWire } from './x-modules/queries-preview/wiring.js';
+export { queriesPreviewXModule } from './x-modules/queries-preview/x-module.js';
 export { default as QuerySuggestion } from './x-modules/query-suggestions/components/query-suggestion.vue.js';
 export { default as QuerySuggestions } from './x-modules/query-suggestions/components/query-suggestions.vue.js';
 export { cancelFetchAndSaveSuggestions as cancelFetchAndSaveQuerySuggestions, fetchAndSaveSuggestions as fetchAndSaveQuerySuggestions } from './x-modules/query-suggestions/store/actions/fetch-and-save-suggestions.action.js';
 export { fetchSuggestions as fetchQuerySuggestions } from './x-modules/query-suggestions/store/actions/fetch-suggestions.action.js';
 export { querySuggestionsEmitters } from './x-modules/query-suggestions/store/emitters.js';
-export { request as querySuggestionsRequest } from './x-modules/query-suggestions/store/getters/request.getter.js';
 export { normalizedQuery } from './x-modules/query-suggestions/store/getters/normalized-query.getter.js';
 export { QuerySuggestionsGetter, querySuggestions } from './x-modules/query-suggestions/store/getters/query-suggestions.getter.js';
+export { request as querySuggestionsRequest } from './x-modules/query-suggestions/store/getters/request.getter.js';
 export { querySuggestionsXStoreModule } from './x-modules/query-suggestions/store/module.js';
 export { cancelFetchAndSaveSuggestionsWire, clearQuerySuggestionsQuery, fetchAndSaveSuggestionsWire, querySuggestionsWiring, setQuerySuggestionsExtraParams, setQuerySuggestionsExtraParamsFromPreview, setQuerySuggestionsQuery, setQuerySuggestionsQueryFromPreview, setSearchedQueriesInSuggestions } from './x-modules/query-suggestions/wiring.js';
 export { querySuggestionsXModule } from './x-modules/query-suggestions/x-module.js';
@@ -325,23 +342,32 @@ export { request as recommendationsRequest } from './x-modules/recommendations/s
 export { recommendationsXStoreModule } from './x-modules/recommendations/store/module.js';
 export { recommendationsWiring, setRecommendationsExtraParams } from './x-modules/recommendations/wiring.js';
 export { recommendationsXModule } from './x-modules/recommendations/x-module.js';
+export { default as RelatedPrompt } from './x-modules/related-prompts/components/related-prompt.vue.js';
+export { default as RelatedPromptsList } from './x-modules/related-prompts/components/related-prompts-list.vue.js';
+export { default as RelatedPromptsTagList } from './x-modules/related-prompts/components/related-prompts-tag-list.vue.js';
+export { cancelFetchAndSaveRelatedPrompts, fetchAndSaveRelatedPrompts } from './x-modules/related-prompts/store/actions/fetch-and-save-related-prompts.action.js';
+export { fetchRelatedPrompts } from './x-modules/related-prompts/store/actions/fetch-related-prompts.action.js';
+export { relatedPromptsStoreEmitters } from './x-modules/related-prompts/store/emitters.js';
+export { relatedPromptsXStoreModule } from './x-modules/related-prompts/store/module.js';
+export { relatedPromptsWiring } from './x-modules/related-prompts/wiring.js';
+export { relatedPromptsXModule } from './x-modules/related-prompts/x-module.js';
 export { default as RelatedTag } from './x-modules/related-tags/components/related-tag.vue.js';
 export { default as RelatedTags } from './x-modules/related-tags/components/related-tags.vue.js';
 export { cancelFetchAndSaveRelatedTags, fetchAndSaveRelatedTags } from './x-modules/related-tags/store/actions/fetch-and-save-related-tags.action.js';
 export { fetchRelatedTags } from './x-modules/related-tags/store/actions/fetch-related-tags.action.js';
 export { toggleRelatedTag } from './x-modules/related-tags/store/actions/toggle-related-tag.action.js';
 export { relatedTagsEmitters } from './x-modules/related-tags/store/emitters.js';
-export { relatedTags } from './x-modules/related-tags/store/getters/related-tags.getter.js';
 export { query as relatedTagsQuery } from './x-modules/related-tags/store/getters/query.getter.js';
+export { relatedTags } from './x-modules/related-tags/store/getters/related-tags.getter.js';
 export { request as relatedTagsRequest } from './x-modules/related-tags/store/getters/request.getter.js';
 export { relatedTagsXStoreModule } from './x-modules/related-tags/store/module.js';
 export { cancelFetchAndSaveRelatedTagsWire, clearRelatedTagsQuery, clearSelectedRelatedTags, fetchAndSaveRelatedTagsWire, relatedTagsWiring, setRelatedTagsExtraParams, setRelatedTagsExtraParamsFromPreview, setRelatedTagsQuery, setRelatedTagsQueryFromPreview, setUrlParamsWire, toggleRelatedTagWire } from './x-modules/related-tags/wiring.js';
 export { relatedTagsXModule } from './x-modules/related-tags/x-module.js';
-export { default as Scroll } from './x-modules/scroll/components/scroll.vue.js';
-export { default as ScrollToTop } from './x-modules/scroll/components/scroll-to-top.vue.js';
 export { default as MainScrollItem } from './x-modules/scroll/components/main-scroll-item.vue.js';
 export { default as MainScroll } from './x-modules/scroll/components/main-scroll.vue.js';
+export { default as ScrollToTop } from './x-modules/scroll/components/scroll-to-top.vue.js';
 export { MainScrollId, ScrollObserverKey } from './x-modules/scroll/components/scroll.const.js';
+export { default as Scroll } from './x-modules/scroll/components/scroll.vue.js';
 export { scrollEmitters } from './x-modules/scroll/store/emitters.js';
 export { scrollXStoreModule } from './x-modules/scroll/store/module.js';
 export { clearPendingScrollToWire, scrollWiring, setPendingScrollToWire, setScrollDirectionWire, setScrollHasAlmostReachedEndWire, setScrollHasReachedEndWire, setScrollHasReachedStartWire, setScrollPositionWire } from './x-modules/scroll/wiring.js';
@@ -358,8 +384,8 @@ export { default as ResultsList } from './x-modules/search/components/results-li
 export { default as SortDropdown } from './x-modules/search/components/sort-dropdown.vue.js';
 export { default as SortList } from './x-modules/search/components/sort-list.vue.js';
 export { default as SortPickerList } from './x-modules/search/components/sort-picker-list.vue.js';
-export { default as Spellcheck } from './x-modules/search/components/spellcheck.vue.js';
 export { default as SpellcheckButton } from './x-modules/search/components/spellcheck-button.vue.js';
+export { default as Spellcheck } from './x-modules/search/components/spellcheck.vue.js';
 export { cancelFetchAndSaveSearchResponse, fetchAndSaveSearchResponse } from './x-modules/search/store/actions/fetch-and-save-search-response.action.js';
 export { fetchSearchResponse } from './x-modules/search/store/actions/fetch-search-response.action.js';
 export { increasePageAppendingResults } from './x-modules/search/store/actions/increase-page-apending-results.action.js';
@@ -368,15 +394,15 @@ export { saveOrigin as saveSearchOrigin } from './x-modules/search/store/actions
 export { saveSearchResponse } from './x-modules/search/store/actions/save-search-response.action.js';
 export { setUrlParams as setSearchUrlParams } from './x-modules/search/store/actions/set-url-params.action.js';
 export { searchEmitters } from './x-modules/search/store/emitters.js';
-export { request as searchRequest } from './x-modules/search/store/getters/request.getter.js';
 export { query as searchQuery } from './x-modules/search/store/getters/query.getter.js';
+export { request as searchRequest } from './x-modules/search/store/getters/request.getter.js';
 export { resettableState, searchXStoreModule } from './x-modules/search/store/module.js';
 export { cancelFetchAndSaveSearchResponseWire, clearSearchQuery, fetchAndSaveSearchResponseWire, increasePageAppendingResultsWire, resetAppending, resetFromNoResultsWithFilters, resetIsNoResults, resetRequestOnRefinementWire, resetSpellcheckQuery, resetStateForReloadWire, resetStateIfNoRequestWire, saveOriginWire, searchWiring, setRelatedTags, setSearchExtraParams, setSearchExtraParamsFromPreview, setSearchPage, setSearchQuery, setSearchQueryFromPreview, setSearchSelectedFiltersFromHistoryQuery, setSearchSelectedFiltersFromPreview, setSelectedFilters, setSort, setUrlParams } from './x-modules/search/wiring.js';
 export { searchXModule } from './x-modules/search/x-module.js';
 export { default as ClearSearchInput } from './x-modules/search-box/components/clear-search-input.vue.js';
 export { default as SearchButton } from './x-modules/search-box/components/search-button.vue.js';
-export { default as SearchInput } from './x-modules/search-box/components/search-input.vue.js';
 export { default as SearchInputPlaceholder } from './x-modules/search-box/components/search-input-placeholder.vue.js';
+export { default as SearchInput } from './x-modules/search-box/components/search-input.vue.js';
 export { searchBoxEmitters } from './x-modules/search-box/store/emitters.js';
 export { searchBoxXStoreModule } from './x-modules/search-box/store/module.js';
 export { searchBoxWiring } from './x-modules/search-box/wiring.js';
@@ -387,26 +413,18 @@ export { fetchAndSaveSemanticQuery } from './x-modules/semantic-queries/store/ac
 export { fetchSemanticQuery } from './x-modules/semantic-queries/store/actions/fetch-semantic-query.action.js';
 export { semanticQueriesEmitters } from './x-modules/semantic-queries/store/emitters.js';
 export { semanticQueriesXStoreModule } from './x-modules/semantic-queries/store/module.js';
-export { semanticQueriesXModule } from './x-modules/semantic-queries/x-module.js';
 export { clearQueryWire, fetchAndSaveSemanticQueryWire, semanticQueriesWiring, setQueryFromSearchResponseChangedWire, setQueryWire, setSemanticQueriesExtraParamsWire, setTotalResultsFromSearchResponseChangedWire, setTotalResultsWire } from './x-modules/semantic-queries/wiring.js';
+export { semanticQueriesXModule } from './x-modules/semantic-queries/x-module.js';
 export { default as Tagging } from './x-modules/tagging/components/tagging.vue.js';
-export { DefaultPDPAddToCartService } from './x-modules/tagging/service/pdp-add-to-cart.service.js';
+export { DefaultExternalTaggingService } from './x-modules/tagging/service/external-tagging.service.js';
 export { track } from './x-modules/tagging/store/actions/track.action.js';
 export { taggingEmitters } from './x-modules/tagging/store/emitters.js';
 export { taggingXStoreModule } from './x-modules/tagging/store/module.js';
-export { createSetQueryTaggingFromQueryPreview, createTrackDisplayWire, createTrackWire, setConsent, setNoResultsTaggingEnabledWire, setQueryTaggingFromQueryPreview, setQueryTaggingInfo, setTaggingConfig, taggingWiring, trackAddToCartWire, trackBannerClickedWire, trackDisplayClickedWire, trackElementDisplayedWire, trackNoResultsQueryWithSemanticsWire, trackNoResultsQueryWithSemanticsWireDebounced, trackQueryWire, trackResultClickedWire } from './x-modules/tagging/wiring.js';
+export { createSetQueryTaggingFromQueryPreview, createTrackDisplayWire, createTrackRelatedPromptToolingDisplayClickWire, createTrackToolingAdd2CartWire, createTrackToolingDisplayWire, createTrackWire, setConsent, setNoResultsTaggingEnabledWire, setQueryTaggingFromQueryPreview, setQueryTaggingInfo, setTaggingConfig, taggingWiring, trackAddToCartWire, trackBannerClickedWire, trackDisplayClickedWire, trackElementDisplayedWire, trackNoResultsQueryWithFallbackWire, trackNoResultsQueryWithFallbackWireDebounced, trackNoResultsQueryWithSemanticsWire, trackNoResultsQueryWithSemanticsWireDebounced, trackPromotedClickedWire, trackQueryWire, trackRelatedPromptToolingDisplayClickWire, trackResultClickedWire, trackToolingAdd2CartWire, trackToolingDisplayClickedWire } from './x-modules/tagging/wiring.js';
 export { taggingXModule } from './x-modules/tagging/x-module.js';
 export { default as UrlHandler } from './x-modules/url/components/url-handler.vue.js';
 export { replaceableParams, urlEmitters } from './x-modules/url/store/emitters.js';
 export { urlXStoreModule } from './x-modules/url/store/module.js';
-export { setInitialExtraParams, setParams, setUrlFilters, setUrlPage, setUrlParamsFromPreview, setUrlQuery, setUrlQueryFromPreview, setUrlRelatedTags, setUrlScroll, setUrlSelectedFiltersFromPreview, setUrlSort, urlWiring } from './x-modules/url/wiring.js';
+export { setInitialExtraParams, setParams, setUrlFilters, setUrlPage, setUrlParamsFromPreview, setUrlPrompt, setUrlQuery, setUrlQueryFromPreview, setUrlRelatedTags, setUrlScroll, setUrlSelectedFiltersFromPreview, setUrlSort, urlWiring } from './x-modules/url/wiring.js';
 export { urlXModule } from './x-modules/url/x-module.js';
-export { default as ExperienceControls } from './x-modules/experience-controls/components/experience-controls.vue.js';
-export { cancelFetchAndSaveControls, fetchAndSaveExperienceControlsResponse } from './x-modules/experience-controls/store/actions/fetch-and-save-experience-controls.action.js';
-export { fetchExperienceControlsResponse } from './x-modules/experience-controls/store/actions/fetch-experience-controls.action.js';
-export { experienceControlsEmitters } from './x-modules/experience-controls/store/emitters.js';
-export { experienceControlsRequest } from './x-modules/experience-controls/store/getters/experience-controls-results-request.getter.js';
-export { experienceControlsXStoreModule } from './x-modules/experience-controls/store/module.js';
-export { experienceControlsWiring, fetchAndSaveExperienceControlsWire, setParamsWire } from './x-modules/experience-controls/wiring.js';
-export { experienceControlsXModule } from './x-modules/experience-controls/x-module.js';
 //# sourceMappingURL=index.js.map

package/js/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/plugins/devtools/colors.utils.js

@@ -19,7 +19,7 @@ function createModuleColors() {
         const hue = Math.trunc((index * 360) / modulesCount);
         return {
             textColor: hslToHex(hue, 30, 97.5),
-            backgroundColor: hslToHex(hue, 80, 35)
+            backgroundColor: hslToHex(hue, 80, 35),
         };
     });
 }
@@ -42,7 +42,7 @@ function hslToHex(hue, saturation, lightness) {
             .toString(16)
             .padStart(2, '0');
     };
-    return parseInt(`${f(0)}${f(8)}${f(4)}`, 16);
+    return Number.parseInt(`${f(0)}${f(8)}${f(4)}`, 16);
 }
 
 export { hslToHex, moduleColors };

package/js/plugins/devtools/colors.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.utils.js","sources":["../../../../src/plugins/devtools/colors.utils.ts"],"sourcesContent":["import { InspectorNodeTag } from '@vue/devtools-api';\nimport { map } from '@empathyco/x-utils';\nimport { RootXStoreModule, XModuleState } from '../../store/x.module';\nimport { XModuleName } from '../../x-modules/x-modules.types';\n\n/** Unique text and background colors for each module. */\ntype ModuleColors = Record<XModuleName, Pick<InspectorNodeTag, 'textColor' | 'backgroundColor'>>;\n/**\n * Unique color values for the text and background of each module.\n *\n * @internal\n */\nexport const moduleColors = createModuleColors();\n\n/**\n * Creates a dictionary with unique colors for each {@link XModule}.\n *\n * @returns A dictionary with unique text and background colors for every {@link XModule}.\n */\nfunction createModuleColors(): ModuleColors {\n  const xState = (RootXStoreModule.state as () => XModuleState)();\n  const modulesCount = Object.keys(xState).length;\n  return map(xState, (moduleName, _, index) => {\n    const hue = Math.trunc((index * 360) / modulesCount);\n    return {\n      textColor: hslToHex(hue, 30, 97.5),\n      backgroundColor: hslToHex(hue, 80, 35)\n    };\n  });\n}\n\n/**\n * Transforms HSL values into a hex number.\n *\n * @param hue - The hue value, from 0 to 360.\n * @param saturation - The saturation value, from 0 to 100.\n * @param lightness - The lightness value, from 0 to 100.\n * @returns The hex value of the color.\n * @internal\n */\nexport function hslToHex(hue: number, saturation: number, lightness: number): number {\n  lightness /= 100;\n  const a = (saturation * Math.min(lightness, 1 - lightness)) / 100;\n  const f = (n: number): string => {\n    const k = (n + hue / 30) % 12;\n    const color = lightness - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n    return Math.round(255 * color)\n      .toString(16)\n      .padStart(2, '0');\n  };\n  return parseInt(`${f(0)}${f(8)}${f(4)}`, 16);\n}\n"],"names":[],"mappings":";;;AAOA;;;;AAIG;AACU,MAAA,YAAY,GAAG,kBAAkB,GAAG;AAEjD;;;;AAIG;AACH,SAAS,kBAAkB,GAAA;AACzB,IAAA,MAAM,MAAM,GAAI,gBAAgB,CAAC,KAA4B,EAAE,CAAC;IAChE,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC;IAChD,OAAO,GAAG,CAAC,MAAM,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE,KAAK,KAAI;AAC1C,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,GAAG,IAAI,YAAY,CAAC,CAAC;QACrD,OAAO;YACL,SAAS,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC;YAClC,eAAe,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC;SACvC,CAAC;AACJ,KAAC,CAAC,CAAC;AACL,CAAC;AAED;;;;;;;;AAQG;SACa,QAAQ,CAAC,GAAW,EAAE,UAAkB,EAAE,SAAiB,EAAA;IACzE,SAAS,IAAI,GAAG,CAAC;AACjB,IAAA,MAAM,CAAC,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,GAAG,SAAS,CAAC,IAAI,GAAG,CAAC;AAClE,IAAA,MAAM,CAAC,GAAG,CAAC,CAAS,KAAY;QAC9B,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,EAAE,IAAI,EAAE,CAAC;AAC9B,QAAA,MAAM,KAAK,GAAG,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACtE,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC;aAC3B,QAAQ,CAAC,EAAE,CAAC;AACZ,aAAA,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;AACtB,KAAC,CAAC;IACF,OAAO,QAAQ,CAAC,CAAG,EAAA,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA,EAAG,CAAC,CAAC,CAAC,CAAC,CAAE,CAAA,EAAE,EAAE,CAAC,CAAC;AAC/C;;;;"}
+{"version":3,"file":"colors.utils.js","sources":["../../../../src/plugins/devtools/colors.utils.ts"],"sourcesContent":["import type { InspectorNodeTag } from '@vue/devtools-api'\nimport type { XModuleState } from '../../store/x.module'\nimport type { XModuleName } from '../../x-modules/x-modules.types'\nimport { map } from '@empathyco/x-utils'\nimport { RootXStoreModule } from '../../store/x.module'\n\n/** Unique text and background colors for each module. */\ntype ModuleColors = Record<XModuleName, Pick<InspectorNodeTag, 'textColor' | 'backgroundColor'>>\n/**\n * Unique color values for the text and background of each module.\n *\n * @internal\n */\nexport const moduleColors = createModuleColors()\n\n/**\n * Creates a dictionary with unique colors for each {@link XModule}.\n *\n * @returns A dictionary with unique text and background colors for every {@link XModule}.\n */\nfunction createModuleColors(): ModuleColors {\n  const xState = (RootXStoreModule.state as () => XModuleState)()\n  const modulesCount = Object.keys(xState).length\n  return map(xState, (moduleName, _, index) => {\n    const hue = Math.trunc((index * 360) / modulesCount)\n    return {\n      textColor: hslToHex(hue, 30, 97.5),\n      backgroundColor: hslToHex(hue, 80, 35),\n    }\n  })\n}\n\n/**\n * Transforms HSL values into a hex number.\n *\n * @param hue - The hue value, from 0 to 360.\n * @param saturation - The saturation value, from 0 to 100.\n * @param lightness - The lightness value, from 0 to 100.\n * @returns The hex value of the color.\n * @internal\n */\nexport function hslToHex(hue: number, saturation: number, lightness: number): number {\n  lightness /= 100\n  const a = (saturation * Math.min(lightness, 1 - lightness)) / 100\n  const f = (n: number): string => {\n    const k = (n + hue / 30) % 12\n    const color = lightness - a * Math.max(Math.min(k - 3, 9 - k, 1), -1)\n    return Math.round(255 * color)\n      .toString(16)\n      .padStart(2, '0')\n  }\n  return Number.parseInt(`${f(0)}${f(8)}${f(4)}`, 16)\n}\n"],"names":[],"mappings":";;;AAQA;;;;AAIG;AACU,MAAA,YAAY,GAAG,kBAAkB,GAAE;AAEhD;;;;AAIG;AACH,SAAS,kBAAkB,GAAA;AACzB,IAAA,MAAM,MAAM,GAAI,gBAAgB,CAAC,KAA4B,EAAE,CAAA;IAC/D,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAA;IAC/C,OAAO,GAAG,CAAC,MAAM,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE,KAAK,KAAI;AAC1C,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,GAAG,IAAI,YAAY,CAAC,CAAA;QACpD,OAAO;YACL,SAAS,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC;YAClC,eAAe,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC;SACvC,CAAA;AACH,KAAC,CAAC,CAAA;AACJ,CAAC;AAED;;;;;;;;AAQG;SACa,QAAQ,CAAC,GAAW,EAAE,UAAkB,EAAE,SAAiB,EAAA;IACzE,SAAS,IAAI,GAAG,CAAA;AAChB,IAAA,MAAM,CAAC,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,GAAG,SAAS,CAAC,IAAI,GAAG,CAAA;AACjE,IAAA,MAAM,CAAC,GAAG,CAAC,CAAS,KAAY;QAC9B,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,EAAE,IAAI,EAAE,CAAA;AAC7B,QAAA,MAAM,KAAK,GAAG,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AACrE,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC;aAC3B,QAAQ,CAAC,EAAE,CAAC;AACZ,aAAA,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;AACrB,KAAC,CAAA;IACD,OAAO,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAG,EAAA,CAAC,CAAC,CAAC,CAAC,CAAG,EAAA,CAAC,CAAC,CAAC,CAAC,CAAE,CAAA,EAAE,EAAE,CAAC,CAAA;AACrD;;;;"}

package/js/plugins/devtools/devtools.plugin.js

@@ -18,7 +18,8 @@ function setupDevtools(app) {
         packageName: '@empathyco/x-components',
         homepage: 'https://empathy.co',
         enableEarlyProxy: true,
-        app
+        // eslint-disable-next-line ts/no-unsafe-assignment
+        app,
     }, api => {
         if (api) {
             setupTimelinePlugin(api);

package/js/plugins/devtools/devtools.plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"devtools.plugin.js","sources":["../../../../src/plugins/devtools/devtools.plugin.ts"],"sourcesContent":["import { setupDevtoolsPlugin, App } from '@vue/devtools-api';\nimport { setupTimelinePlugin } from './timeline.devtools';\nimport { setupWiringDevtools } from './wiring.devtools';\n\n/**\n * Setups a plugin for the Vue's devtools adding:\n * - {@link XEvent}s timeline. Every event is recorded in time, and its payload and metadata can be\n * inspected.\n * - Wiring inspector. Events and its wires can be viewed and disabled.\n *\n * @param app - The Vue application instance the devtools should track.\n * @beta\n */\nexport function setupDevtools(app: App): void {\n  setupDevtoolsPlugin(\n    {\n      id: 'x-components-devtools-plugin',\n      label: 'X Components',\n      packageName: '@empathyco/x-components',\n      homepage: 'https://empathy.co',\n      enableEarlyProxy: true,\n      app\n    },\n    api => {\n      if (api) {\n        setupTimelinePlugin(api);\n        setupWiringDevtools(api);\n      }\n    }\n  );\n}\n"],"names":[],"mappings":";;;;AAIA;;;;;;;;AAQG;AACG,SAAU,aAAa,CAAC,GAAQ,EAAA;AACpC,IAAA,mBAAmB,CACjB;AACE,QAAA,EAAE,EAAE,8BAA8B;AAClC,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,WAAW,EAAE,yBAAyB;AACtC,QAAA,QAAQ,EAAE,oBAAoB;AAC9B,QAAA,gBAAgB,EAAE,IAAI;QACtB,GAAG;KACJ,EACD,GAAG,IAAG;AACJ,QAAA,IAAI,GAAG,EAAE;YACP,mBAAmB,CAAC,GAAG,CAAC,CAAC;YACzB,mBAAmB,CAAC,GAAG,CAAC,CAAC;AAC1B,SAAA;AACH,KAAC,CACF,CAAC;AACJ;;;;"}
+{"version":3,"file":"devtools.plugin.js","sources":["../../../../src/plugins/devtools/devtools.plugin.ts"],"sourcesContent":["import type { App } from '@vue/devtools-api'\nimport { setupDevtoolsPlugin } from '@vue/devtools-api'\nimport { setupTimelinePlugin } from './timeline.devtools'\nimport { setupWiringDevtools } from './wiring.devtools'\n\n/**\n * Setups a plugin for the Vue's devtools adding:\n * - {@link XEvent}s timeline. Every event is recorded in time, and its payload and metadata can be\n * inspected.\n * - Wiring inspector. Events and its wires can be viewed and disabled.\n *\n * @param app - The Vue application instance the devtools should track.\n * @beta\n */\nexport function setupDevtools(app: App): void {\n  setupDevtoolsPlugin(\n    {\n      id: 'x-components-devtools-plugin',\n      label: 'X Components',\n      packageName: '@empathyco/x-components',\n      homepage: 'https://empathy.co',\n      enableEarlyProxy: true,\n      // eslint-disable-next-line ts/no-unsafe-assignment\n      app,\n    },\n    api => {\n      if (api) {\n        setupTimelinePlugin(api)\n        setupWiringDevtools(api)\n      }\n    },\n  )\n}\n"],"names":[],"mappings":";;;;AAKA;;;;;;;;AAQG;AACG,SAAU,aAAa,CAAC,GAAQ,EAAA;AACpC,IAAA,mBAAmB,CACjB;AACE,QAAA,EAAE,EAAE,8BAA8B;AAClC,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,WAAW,EAAE,yBAAyB;AACtC,QAAA,QAAQ,EAAE,oBAAoB;AAC9B,QAAA,gBAAgB,EAAE,IAAI;;QAEtB,GAAG;KACJ,EACD,GAAG,IAAG;AACJ,QAAA,IAAI,GAAG,EAAE;YACP,mBAAmB,CAAC,GAAG,CAAC,CAAA;YACxB,mBAAmB,CAAC,GAAG,CAAC,CAAA;AACzB,SAAA;AACH,KAAC,CACF,CAAA;AACH;;;;"}