@empathyco/x-components 5.0.0-alpha.9 → 6.0.0-alpha.2

package/docs/API-reference/components/identifier-results/x-components.identifier-results.md

@@ -11,10 +11,10 @@ represented by a IdentifierResult component besides any other component.
 
 ## Props
 
-| Name                          | Description                                                              | Type                | Default           |
-| ----------------------------- | ------------------------------------------------------------------------ | ------------------- | ----------------- |
-| <code>animation</code>        | Animation component that will be used to animate the identifier results. | <code>Vue</code>    | <code>'ul'</code> |
-| <code>maxItemsToRender</code> | Number of identifier results to render.                                  | <code>number</code> | <code></code>     |
+| Name                          | Description                                                              | Type                       | Default           |
+| ----------------------------- | ------------------------------------------------------------------------ | -------------------------- | ----------------- |
+| <code>animation</code>        | Animation component that will be used to animate the identifier results. | <code>AnimationProp</code> | <code>'ul'</code> |
+| <code>maxItemsToRender</code> | Number of identifier results to render.                                  | <code>number</code>        | <code></code>     |
 
 ## Slots
 

package/docs/API-reference/components/next-queries/x-components.next-queries-list.md

@@ -20,13 +20,6 @@ list, based on the provided configuration.
 | <code>maxGroups</code>              | The maximum number of groups to insert into the injected list items list.                                              | <code>number</code>        | <code></code>      |
 | <code>showOnlyAfterOffset</code>    | Determines if a group is added to the injected items list in case the number<br />of items is smaller than the offset. | <code>boolean</code>       | <code>false</code> |
 
-## Slots
-
-| Name                  | Description               | Bindings<br />(name - type - description)                                                                                                                                    |
-| --------------------- | ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| <code>default</code>  | Next queries list layout. | **items** <code>SearchItem[]</code> - Next queries groups plus the injected list items to<br />**animation** <code>Vue \| string</code> - Animation to animate the elements. |
-| <code>slotName</code> |                           | <br />                                                                                                                                                                       |
-
 ## Events
 
 This component emits no events.

package/docs/API-reference/components/next-queries/x-components.next-queries.md

@@ -14,10 +14,10 @@ be a next query of `shirts`.
 
 ## Props
 
-| Name                          | Description                                                                 | Type                 | Default            |
-| ----------------------------- | --------------------------------------------------------------------------- | -------------------- | ------------------ |
-| <code>highlightCurated</code> | Flag to indicate if the curated next queries should be displayed different. | <code>boolean</code> | <code>false</code> |
-| <code>suggestions</code>      | NextQueries list to be used instead of state NextQueries.                   | <code>Array</code>   | <code></code>      |
+| Name                          | Description                                                                 | Type                          | Default            |
+| ----------------------------- | --------------------------------------------------------------------------- | ----------------------------- | ------------------ |
+| <code>highlightCurated</code> | Flag to indicate if the curated next queries should be displayed different. | <code>boolean</code>          | <code>false</code> |
+| <code>suggestions</code>      | NextQueries list to be used instead of state NextQueries.                   | <code>NextQueryModel[]</code> | <code></code>      |
 
 ## Slots
 

package/docs/API-reference/components/queries-preview/x-components.query-preview-button.md

@@ -13,9 +13,10 @@ It has a default slot to customize its contents.
 
 ## Props
 
-| Name                          | Description                                             | Type                          | Default       |
-| ----------------------------- | ------------------------------------------------------- | ----------------------------- | ------------- |
-| <code>queryPreviewInfo</code> | The information about the request of the query preview. | <code>QueryPreviewInfo</code> | <code></code> |
+| Name                          | Description                                                  | Type                                          | Default       |
+| ----------------------------- | ------------------------------------------------------------ | --------------------------------------------- | ------------- |
+| <code>queryPreviewInfo</code> | The information about the request of the query preview.      | <code>QueryPreviewInfo</code>                 | <code></code> |
+| <code>metadata</code>         | The metadata property for the request on each query preview. | <code>Omit<WireMetadata, 'moduleName'></code> | <code></code> |
 
 ## Slots
 

package/docs/API-reference/components/queries-preview/x-components.query-preview.md

@@ -29,10 +29,9 @@ results.
 
 ## Slots
 
-| Name                 | Description                 | Bindings<br />(name - type - description)                                                                                                                                                                                                                                       |
-| -------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| <code>default</code> | Query Preview default slot. | **queryPreviewInfo** <code>QueryPreviewInfo</code> - The information about the request of the<br />**results** <code>Result[]</code> - The results preview of the query preview<br />**totalResults** <code>number</code> - The total results of the search request<br /><br /> |
-| <code>result</code>  | Query Preview result slot.  | **result** <code>Result</code> - A Query Preview result                                                                                                                                                                                                                         |
+| Name                | Description                | Bindings<br />(name - type - description)               |
+| ------------------- | -------------------------- | ------------------------------------------------------- |
+| <code>result</code> | Query Preview result slot. | **result** <code>Result</code> - A Query Preview result |
 
 ## Events
 

package/docs/API-reference/components/recommendations/x-components.recommendations.md

@@ -14,17 +14,16 @@ component besides any other component.
 
 ## Props
 
-| Name                          | Description                                                           | Type                | Default           |
-| ----------------------------- | --------------------------------------------------------------------- | ------------------- | ----------------- |
-| <code>animation</code>        | Animation component that will be used to animate the recommendations. | <code>Vue</code>    | <code>'ul'</code> |
-| <code>maxItemsToRender</code> | Number of recommendations to be rendered.                             | <code>number</code> | <code></code>     |
+| Name                          | Description                                                           | Type                       | Default           |
+| ----------------------------- | --------------------------------------------------------------------- | -------------------------- | ----------------- |
+| <code>animation</code>        | Animation component that will be used to animate the recommendations. | <code>AnimationProp</code> | <code>'ul'</code> |
+| <code>maxItemsToRender</code> | Number of recommendations to be rendered.                             | <code>number</code>        | <code></code>     |
 
 ## Slots
 
-| Name                 | Description                        | Bindings<br />(name - type - description)                                                                                                       |
-| -------------------- | ---------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- |
-| <code>layout</code>  | Customized Recommendations layout. | **animation** <code>Vue</code> - Animation to animate the elements.<br />**recommendations** <code>Result[]</code> - Recommendations to render. |
-| <code>default</code> | (Required) Recommendation content. | **recommendation** <code>recommendation</code> - Recommendation data.                                                                           |
+| Name                 | Description                        | Bindings<br />(name - type - description)                             |
+| -------------------- | ---------------------------------- | --------------------------------------------------------------------- |
+| <code>default</code> | (Required) Recommendation content. | **recommendation** <code>recommendation</code> - Recommendation data. |
 
 ## Events
 

package/docs/API-reference/components/related-tags/x-components.related-tags.md

@@ -13,11 +13,12 @@ with _lego city_, _lego friends_, or _lego harry potter_.
 
 ## Props
 
-| Name                          | Description                                                         | Type                 | Default            |
-| ----------------------------- | ------------------------------------------------------------------- | -------------------- | ------------------ |
-| <code>animation</code>        | Animation component that will be used to animate the suggestion.    | <code>Vue</code>     | <code>'ul'</code>  |
-| <code>maxItemsToRender</code> | Number of related tags to be rendered.                              | <code>number</code>  | <code></code>      |
-| <code>highlightCurated</code> | Flag to indicate if the curated tags should be displayed different. | <code>boolean</code> | <code>false</code> |
+| Name                          | Description                                                         | Type                       | Default            |
+| ----------------------------- | ------------------------------------------------------------------- | -------------------------- | ------------------ |
+| <code>animation</code>        | Animation component that will be used to animate the suggestion.    | <code>AnimationProp</code> | <code>'ul'</code>  |
+| <code>maxItemsToRender</code> | Number of related tags to be rendered.                              | <code>number</code>        | <code></code>      |
+| <code>highlightCurated</code> | Flag to indicate if the curated tags should be displayed different. | <code>boolean</code>       | <code>false</code> |
+| <code>itemClass</code>        | Class inherited by content element.                                 | <code>string</code>        | <code></code>      |
 
 ## Slots
 

package/docs/API-reference/components/scroll/x-components.main-scroll-item.md

@@ -10,10 +10,10 @@ Wrapper for elements contained in the MainScroll that should store/restore its p
 
 ## Props
 
-| Name              | Description                                       | Type                              | Default            |
-| ----------------- | ------------------------------------------------- | --------------------------------- | ------------------ |
-| <code>item</code> | The item data. Used to set the scroll identifier. | <code>Identifiable</code>         | <code></code>      |
-| <code>tag</code>  | The tag to render.                                | <code>string \| typeof Vue</code> | <code>'div'</code> |
+| Name              | Description                                       | Type                             | Default            |
+| ----------------- | ------------------------------------------------- | -------------------------------- | ------------------ |
+| <code>item</code> | The item data. Used to set the scroll identifier. | <code>Identifiable</code>        | <code></code>      |
+| <code>tag</code>  | The tag to render.                                | <code>string \| Component</code> | <code>'div'</code> |
 
 ## Slots
 

package/docs/API-reference/components/scroll/x-components.main-scroll.md

@@ -20,12 +20,6 @@ Each child element that wants to have this support must be wrapped in a MainScro
 | <code>threshold</code>              | Intersection percentage to consider an element visible.                                                                                                                                                                                                    | <code>number</code>  | <code>0.3</code>   |
 | <code>margin</code>                 | Adjusts the size of the scroll container bounds.                                                                                                                                                                                                           | <code>string</code>  | <code>'0px'</code> |
 
-## Slots
-
-| Name                 | Description | Bindings<br />(name - type - description) |
-| -------------------- | ----------- | ----------------------------------------- |
-| <code>default</code> |             | None                                      |
-
 ## Events
 
 This component emits the following events:
@@ -59,7 +53,7 @@ it injects the needed utilities to determine the first visible item.
   };
 </script>
 
-<style scoped>
+<style lang="css" scoped>
   ul {
     overflow: auto;
     max-height: 200px;

package/docs/API-reference/components/scroll/x-components.scroll-to-top.md

@@ -11,11 +11,11 @@ initial position.
 
 ## Props
 
-| Name                     | Description                                          | Type                | Default                      |
-| ------------------------ | ---------------------------------------------------- | ------------------- | ---------------------------- |
-| <code>animation</code>   | Animation to use for showing/hiding the button.      | <code>union</code>  | <code>() => NoElement</code> |
-| <code>thresholdPx</code> | Threshold in pixels from the top to show the button. | <code>number</code> | <code></code>                |
-| <code>scrollId</code>    | Id of the target scroll component.                   | <code>string</code> | <code>MainScrollId</code>    |
+| Name                     | Description                                          | Type                       | Default                        |
+| ------------------------ | ---------------------------------------------------- | -------------------------- | ------------------------------ |
+| <code>animation</code>   | Animation to use for showing/hiding the button.      | <code>AnimationProp</code> | <code>() => NoAnimation</code> |
+| <code>thresholdPx</code> | Threshold in pixels from the top to show the button. | <code>number</code>        | <code></code>                  |
+| <code>scrollId</code>    | Id of the target scroll component.                   | <code>string</code>        | <code>MainScrollId</code>      |
 
 ## Slots
 

package/docs/API-reference/components/search/x-components.banner.md

@@ -8,9 +8,10 @@ title: Banner
 
 ## Props
 
-| Name                | Description      | Type                     | Default       |
-| ------------------- | ---------------- | ------------------------ | ------------- |
-| <code>banner</code> | The banner data. | <code>BannerModel</code> | <code></code> |
+| Name                    | Description      | Type                     | Default       |
+| ----------------------- | ---------------- | ------------------------ | ------------- |
+| <code>banner</code>     | The banner data. | <code>BannerModel</code> | <code></code> |
+| <code>titleClass</code> |                  | <code>string</code>      | <code></code> |
 
 ## Events
 

package/docs/API-reference/components/search/x-components.banners-list.md

@@ -6,11 +6,10 @@ title: BannersList
 
 # BannersList
 
-It renders a ItemsList list of banners from SearchState.banners by default using the
-`ItemsInjectionMixin`.
+It renders a ItemsList list of banners from SearchState.banners.
 
 The component provides a default slot which wraps the whole component with the `banners` plus the
-`searchInjectedItems` which also contains the injected list items from the ancestor.
+`injectedListItems` which also contains the injected list items from the ancestor.
 
 It also provides the parent slots to customize the items.
 
@@ -20,13 +19,6 @@ It also provides the parent slots to customize the items.
 | ---------------------- | ------------------------------------------------------------- | -------------------------- | ----------------- |
 | <code>animation</code> | Animation component that will be used to animate the banners. | <code>AnimationProp</code> | <code>'ul'</code> |
 
-## Slots
-
-| Name                  | Description                    | Bindings<br />(name - type - description)                                                                                                                            |
-| --------------------- | ------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| <code>default</code>  | Customized BannersList layout. | **items** <code>Banner[]</code> - Banners plus the injected list items to render.<br />**animation** <code>Vue \| string</code> - Animation to animate the elements. |
-| <code>slotName</code> |                                | <br />                                                                                                                                                               |
-
 ## Events
 
 This component doesn't emit events.

package/docs/API-reference/components/search/x-components.partial-results-list.md

@@ -11,10 +11,10 @@ the partial result slot to customize the item with the partial result bound.
 
 ## Props
 
-| Name                          | Description                                                           | Type                | Default           |
-| ----------------------------- | --------------------------------------------------------------------- | ------------------- | ----------------- |
-| <code>animation</code>        | Animation component that will be used to animate the partial results. | <code>union</code>  | <code>'ul'</code> |
-| <code>maxItemsToRender</code> | Maximum number of partial results to show.                            | <code>number</code> | <code>5</code>    |
+| Name                          | Description                                                           | Type                       | Default           |
+| ----------------------------- | --------------------------------------------------------------------- | -------------------------- | ----------------- |
+| <code>animation</code>        | Animation component that will be used to animate the partial results. | <code>AnimationProp</code> | <code>'ul'</code> |
+| <code>maxItemsToRender</code> | Maximum number of partial results to show.                            | <code>number</code>        | <code>5</code>    |
 
 ## Slots
 

package/docs/API-reference/components/search/x-components.promoted.md

@@ -15,9 +15,10 @@ Additionally, this component exposes the following props to modify the classes o
 
 ## Props
 
-| Name                  | Description        | Type                       | Default       |
-| --------------------- | ------------------ | -------------------------- | ------------- |
-| <code>promoted</code> | The promoted data. | <code>PromotedModel</code> | <code></code> |
+| Name                    | Description        | Type                       | Default       |
+| ----------------------- | ------------------ | -------------------------- | ------------- |
+| <code>promoted</code>   | The promoted data. | <code>PromotedModel</code> | <code></code> |
+| <code>titleClass</code> |                    | <code>string</code>        | <code></code> |
 
 ## Events
 

package/docs/API-reference/components/search/x-components.promoteds-list.md

@@ -6,11 +6,10 @@ title: PromotedsList
 
 # PromotedsList
 
-It renders a ItemsList of promoteds from SearchState.promoteds by default using the
-`ItemsInjectionMixin`.
+It renders a ItemsList of promoteds from SearchState.promoteds.
 
 The component provides a default slot which wraps the whole component with the `promoteds` plus the
-`searchInjectedItems` which also contains the injected list items from the ancestor.
+`injectedListItems` which also contains the injected list items from the ancestor.
 
 It also provides the parent slots to customize the items.
 
@@ -20,13 +19,6 @@ It also provides the parent slots to customize the items.
 | ---------------------- | --------------------------------------------------------------- | -------------------------- | ----------------- |
 | <code>animation</code> | Animation component that will be used to animate the promoteds. | <code>AnimationProp</code> | <code>'ul'</code> |
 
-## Slots
-
-| Name                  | Description                       | Bindings<br />(name - type - description)                                                                                                                                |
-| --------------------- | --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| <code>default</code>  | Customized Promoteds List layout. | **items** <code>Promoted[]</code> - Promoteds plus the injected list items to render.<br />**animation** <code>Vue \| string</code> - Animation to animate the elements. |
-| <code>slotName</code> |                                   | <br />                                                                                                                                                                   |
-
 ## Events
 
 This component doesn't emit events.

package/docs/API-reference/components/search/x-components.results-list.md

@@ -25,13 +25,6 @@ result bound.
 | ------------------------- | ---------- | ----------- |
 | UserReachedResultsListEnd |            |
 
-## Slots
-
-| Name                  | Description            | Bindings<br />(name - type - description)                                                                                               |
-| --------------------- | ---------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
-| <code>default</code>  | Customize ResultsList. | **items** <code>Result[]</code> - Results to render.<br />**animation** <code>Vue \| string</code> - Animation to animate the elements. |
-| <code>slotName</code> |                        | <br />                                                                                                                                  |
-
 ## Events
 
 This component doesn't emit events.

package/docs/API-reference/components/search-box/x-components.search-input-placeholder.md

@@ -8,12 +8,12 @@ title: SearchInputPlaceholder
 
 ## Props
 
-| Name                             | Description                                                                             | Type                 | Default                                              |
-| -------------------------------- | --------------------------------------------------------------------------------------- | -------------------- | ---------------------------------------------------- |
-| <code>messages</code>            | List of messages to animate.                                                            | <code>Array</code>   | <code></code>                                        |
-| <code>animation</code>           | Animation component used for the messages.                                              | <code>Vue</code>     | <code>() => animateTranslate('bottom-to-top')</code> |
-| <code>animationIntervalMs</code> | Time in milliseconds during which each message is visible.                              | <code>number</code>  | <code>1500</code>                                    |
-| <code>animateOnlyOnHover</code>  | Whether the messages animation is active only when hovering the search input or always. | <code>boolean</code> | <code>false</code>                                   |
+| Name                             | Description                                                                             | Type                       | Default                                              |
+| -------------------------------- | --------------------------------------------------------------------------------------- | -------------------------- | ---------------------------------------------------- |
+| <code>messages</code>            | List of messages to animate.                                                            | <code>string[]</code>      | <code></code>                                        |
+| <code>animation</code>           | Animation component used for the messages.                                              | <code>AnimationProp</code> | <code>() => animateTranslate('bottom-to-top')</code> |
+| <code>animationIntervalMs</code> | Time in milliseconds during which each message is visible.                              | <code>number</code>        | <code>1500</code>                                    |
+| <code>animateOnlyOnHover</code>  | Whether the messages animation is active only when hovering the search input or always. | <code>boolean</code>       | <code></code>                                        |
 
 ## See it in action
 

package/docs/API-reference/components/search-box/x-components.search-input.md

@@ -11,14 +11,12 @@ changes through event listening.
 
 ## Props
 
-| Name                                      | Description                                               | Type                       | Default                                |
-| ----------------------------------------- | --------------------------------------------------------- | -------------------------- | -------------------------------------- |
-| <code>maxLength</code>                    | Maximum characters allowed in the input search.           | <code>number</code>        | <code>64</code>                        |
-| <code>autofocus</code>                    | Allows input autofocus when the search field is rendered. | <code>boolean</code>       | <code>true</code>                      |
-| <code>instant</code>                      | Enables the auto-accept query after debounce.             | <code>boolean</code>       | <code>true</code>                      |
-| <code>instantDebounceInMs</code>          | Debounce time for the instant.                            | <code>number</code>        | <code>500</code>                       |
-| <code>autocompleteKeyboardKeys</code>     | Keyboard keys to accept the autocomplete suggestion.      | <code>Array</code>         | <code>() => ['ArrowRight']</code>      |
-| <code>autocompleteSuggestionsEvent</code> | Event that retrieves the autocomplete suggestion.         | <code>PropsWithType</code> | <code>'QuerySuggestionsChanged'</code> |
+| Name                             | Description                                               | Type                 | Default           |
+| -------------------------------- | --------------------------------------------------------- | -------------------- | ----------------- |
+| <code>maxLength</code>           | Maximum characters allowed in the input search.           | <code>number</code>  | <code>64</code>   |
+| <code>autofocus</code>           | Allows input autofocus when the search field is rendered. | <code>boolean</code> | <code>true</code> |
+| <code>instant</code>             | Enables the auto-accept query after debounce.             | <code>boolean</code> | <code>true</code> |
+| <code>instantDebounceInMs</code> | Debounce time for the instant.                            | <code>number</code>  | <code>500</code>  |
 
 ## Events
 

package/docs/API-reference/components/semantic-queries/x-components.semantic-queries.md

@@ -10,11 +10,10 @@ Retrieves a list of semantic queries from the state and exposes them in the slot
 
 ## Slots
 
-| Name                            | Description            | Bindings<br />(name - type - description)                                                                                                                                                                                                                              |
-| ------------------------------- | ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| <code>default</code>            | Semantic Query content | **queries** <code>string[]</code> - SemanticQueries mapped to strings<br />**suggestions** <code>SemanticQuery[]</code> - The SemanticQueries<br />**findSemanticQuery** <code>(query: string) => SemanticQuery</code> - Method to find a semantic query given a query |
-| <code>suggestion</code>         | Semantic Query content | **v-bind** <code>{suggestion: object - Suggestion data, index: number - Suggestion index}</code> - BaseSuggestion bindings                                                                                                                                             |
-| <code>suggestion-content</code> | Semantic Query content | **v-bind** <code>{suggestion: object - Suggestion data, query: string - The query that the suggestion belongs to}</code> - SemanticQuery bindings                                                                                                                      |
+| Name                            | Description            | Bindings<br />(name - type - description)                                                                     |
+| ------------------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------- |
+| <code>suggestion</code>         | Semantic Query content | **v-bind** <code>{suggestion: object - Suggestion data, index: number - Suggestion index}</code> - undefined  |
+| <code>suggestion-content</code> | Semantic Query content | **undefined** <code>mixed</code> - {{suggestion: object - Suggestion data, query: string - The query that the |
 
 ## Events
 

package/docs/API-reference/components/semantic-queries/x-components.semantic-query.md

@@ -12,9 +12,9 @@ query is compared to the searched query.
 
 ## Props
 
-| Name                    | Description                                     | Type                            | Default       |
-| ----------------------- | ----------------------------------------------- | ------------------------------- | ------------- |
-| <code>suggestion</code> | The @empathyco/x-types#SemanticQuery to render. | <code>SemanticQueryModel</code> | <code></code> |
+| Name                    | Description                                     | Type                       | Default       |
+| ----------------------- | ----------------------------------------------- | -------------------------- | ------------- |
+| <code>suggestion</code> | The @empathyco/x-types#SemanticQuery to render. | <code>SemanticQuery</code> | <code></code> |
 
 ## Slots
 

package/docs/API-reference/components/tagging/x-components.tagging.md

@@ -16,8 +16,8 @@ It allows you to activate or deactivate the session id management through the `c
 | -------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | ------------------ |
 | <code>clickedResultStorageTTLMs</code> | The TTL in milliseconds for storing the clicked result info.                                                                                               | <code>number</code>  | <code>30000</code> |
 | <code>clickedResultStorageKey</code>   | The Object key of the @empathyco/x-types#Result clicked by the user<br />that will be used as id for the storage. By default, the Result url will be used. | <code>string</code>  | <code>'url'</code> |
-| <code>sessionTTLMs</code>              | The session TTL in milliseconds.                                                                                                                           | <code>union</code>   | <code></code>      |
-| <code>queryTaggingDebounceMs</code>    | The debounce time in milliseconds to track the query.                                                                                                      | <code>union</code>   | <code></code>      |
+| <code>sessionTTLMs</code>              | The session TTL in milliseconds.                                                                                                                           | <code>number</code>  | <code></code>      |
+| <code>queryTaggingDebounceMs</code>    | The debounce time in milliseconds to track the query.                                                                                                      | <code>number</code>  | <code></code>      |
 | <code>consent</code>                   | The consent to be emitted.                                                                                                                                 | <code>boolean</code> | <code></code>      |
 
 ## Events

package/facets/index.js

@@ -25,7 +25,6 @@ export { default as RenderlessFilter } from '../js/x-modules/facets/components/f
 export { default as SimpleFilter } from '../js/x-modules/facets/components/filters/simple-filter.vue.js';
 export { default as PreselectedFilters } from '../js/x-modules/facets/components/preselected-filters.vue.js';
 export { default as ExcludeFiltersWithNoResults } from '../js/x-modules/facets/components/lists/exclude-filters-with-no-results.vue.js';
-export { default as FiltersInjectionMixin } from '../js/x-modules/facets/components/lists/filters-injection.mixin.js';
 export { default as FiltersList } from '../js/x-modules/facets/components/lists/filters-list.vue.js';
 export { default as FiltersSearch } from '../js/x-modules/facets/components/lists/filters-search.vue.js';
 export { default as SelectedFilters } from '../js/x-modules/facets/components/lists/selected-filters.vue.js';
@@ -33,5 +32,6 @@ export { default as SelectedFiltersList } from '../js/x-modules/facets/component
 export { default as SlicedFilters } from '../js/x-modules/facets/components/lists/sliced-filters.vue.js';
 export { default as SortedFilters } from '../js/x-modules/facets/components/lists/sorted-filters.vue.js';
 export { default as ClearFilters } from '../js/x-modules/facets/components/clear-filters.vue.js';
-export { flatHierarchicalFilters } from '../js/x-modules/facets/utils.js';
-export { default as FacetsMixin } from '../js/x-modules/facets/components/facets.mixin.js';
+export { useFacets } from '../js/x-modules/facets/composables/use-facets.js';
+export { useFiltersInjection } from '../js/x-modules/facets/composables/use-filters-injection.js';
+export { flatHierarchicalFilters } from '../js/x-modules/facets/utils.js';

package/js/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,10 @@
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+export { _export_sfc as default };
+//# sourceMappingURL=_plugin-vue_export-helper.js.map

package/js/_virtual/_plugin-vue_export-helper.js.map

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

package/js/components/animations/animate-clip-path/animate-clip-path.style.scss.js

@@ -1,16 +1,7 @@
-import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
+import injectCss from '../../../../tools/inject-css.js';
 
-var css = ".x-animate-clip-path--enter-active, .x-animate-clip-path--leave-active {\n  transition: -webkit-clip-path var(--x-duration-animation, 0.3s) ease-out;\n  transition: clip-path var(--x-duration-animation, 0.3s) ease-out;\n  transition: clip-path var(--x-duration-animation, 0.3s) ease-out, -webkit-clip-path var(--x-duration-animation, 0.3s) ease-out;\n  -webkit-clip-path: inset(0 0 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n          clip-path: inset(0 0 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n}\n.x-animate-clip-path--top.x-animate-clip-path--enter, .x-animate-clip-path--top.x-animate-clip-path--leave-to {\n  -webkit-clip-path: inset(0 0 100% 0 round var(--x-size-border-radius-animation-clip-path, 0));\n          clip-path: inset(0 0 100% 0 round var(--x-size-border-radius-animation-clip-path, 0));\n}\n.x-animate-clip-path--bottom.x-animate-clip-path--enter, .x-animate-clip-path--bottom.x-animate-clip-path--leave-to {\n  -webkit-clip-path: inset(100% 0 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n          clip-path: inset(100% 0 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n}\n.x-animate-clip-path--top-to-bottom.x-animate-clip-path--enter {\n  -webkit-clip-path: inset(0 0 100% 0 round var(--x-size-border-radius-animation-clip-path, 0));\n          clip-path: inset(0 0 100% 0 round var(--x-size-border-radius-animation-clip-path, 0));\n}\n.x-animate-clip-path--top-to-bottom.x-animate-clip-path--leave-to {\n  -webkit-clip-path: inset(100% 0 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n          clip-path: inset(100% 0 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n}\n.x-animate-clip-path--bottom-to-top.x-animate-clip-path--enter {\n  -webkit-clip-path: inset(100% 0 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n          clip-path: inset(100% 0 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n}\n.x-animate-clip-path--bottom-to-top.x-animate-clip-path--leave-to {\n  -webkit-clip-path: inset(0 0 100% 0 round var(--x-size-border-radius-animation-clip-path, 0));\n          clip-path: inset(0 0 100% 0 round var(--x-size-border-radius-animation-clip-path, 0));\n}\n.x-animate-clip-path--left.x-animate-clip-path--enter, .x-animate-clip-path--left.x-animate-clip-path--leave-to {\n  -webkit-clip-path: inset(0 100% 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n          clip-path: inset(0 100% 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n}\n.x-animate-clip-path--right.x-animate-clip-path--enter, .x-animate-clip-path--right.x-animate-clip-path--leave-to {\n  -webkit-clip-path: inset(0 0 0 100% round var(--x-size-border-radius-animation-clip-path, 0));\n          clip-path: inset(0 0 0 100% round var(--x-size-border-radius-animation-clip-path, 0));\n}\n.x-animate-clip-path--left-to-right.x-animate-clip-path--enter {\n  -webkit-clip-path: inset(0 100% 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n          clip-path: inset(0 100% 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n}\n.x-animate-clip-path--left-to-right.x-animate-clip-path--leave-to {\n  -webkit-clip-path: inset(0 0 0 100% round var(--x-size-border-radius-animation-clip-path, 0));\n          clip-path: inset(0 0 0 100% round var(--x-size-border-radius-animation-clip-path, 0));\n}\n.x-animate-clip-path--right-to-left.x-animate-clip-path--enter {\n  -webkit-clip-path: inset(0 0 0 100% round var(--x-size-border-radius-animation-clip-path, 0));\n          clip-path: inset(0 0 0 100% round var(--x-size-border-radius-animation-clip-path, 0));\n}\n.x-animate-clip-path--right-to-left.x-animate-clip-path--leave-to {\n  -webkit-clip-path: inset(0 100% 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n          clip-path: inset(0 100% 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n}";
-           const isBrowser = /*#__PURE__*/ (function () {
-             return (
-                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
-                '[object process]'
-             );
-           })();
-           const useBrowserInjector =
-             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
-           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/home/runner/work/x/x/packages/x-components/src/components/animations/animate-clip-path/animate-clip-path.style.scss',{source:css});
+var css = ".x-animate-clip-path--enter-active,.x-animate-clip-path--leave-active{clip-path:inset(0 0 0 0 round var(--x-size-border-radius-animation-clip-path,0));transition:clip-path var(--x-duration-animation,.3s) ease-out}.x-animate-clip-path--top.x-animate-clip-path--enter-from,.x-animate-clip-path--top.x-animate-clip-path--leave-to{clip-path:inset(0 0 100% 0 round var(--x-size-border-radius-animation-clip-path,0))}.x-animate-clip-path--bottom.x-animate-clip-path--enter-from,.x-animate-clip-path--bottom.x-animate-clip-path--leave-to{clip-path:inset(100% 0 0 0 round var(--x-size-border-radius-animation-clip-path,0))}.x-animate-clip-path--top-to-bottom.x-animate-clip-path--enter-from{clip-path:inset(0 0 100% 0 round var(--x-size-border-radius-animation-clip-path,0))}.x-animate-clip-path--bottom-to-top.x-animate-clip-path--enter-from,.x-animate-clip-path--top-to-bottom.x-animate-clip-path--leave-to{clip-path:inset(100% 0 0 0 round var(--x-size-border-radius-animation-clip-path,0))}.x-animate-clip-path--bottom-to-top.x-animate-clip-path--leave-to{clip-path:inset(0 0 100% 0 round var(--x-size-border-radius-animation-clip-path,0))}.x-animate-clip-path--left.x-animate-clip-path--enter-from,.x-animate-clip-path--left.x-animate-clip-path--leave-to{clip-path:inset(0 100% 0 0 round var(--x-size-border-radius-animation-clip-path,0))}.x-animate-clip-path--right.x-animate-clip-path--enter-from,.x-animate-clip-path--right.x-animate-clip-path--leave-to{clip-path:inset(0 0 0 100% round var(--x-size-border-radius-animation-clip-path,0))}.x-animate-clip-path--left-to-right.x-animate-clip-path--enter-from{clip-path:inset(0 100% 0 0 round var(--x-size-border-radius-animation-clip-path,0))}.x-animate-clip-path--left-to-right.x-animate-clip-path--leave-to,.x-animate-clip-path--right-to-left.x-animate-clip-path--enter-from{clip-path:inset(0 0 0 100% round var(--x-size-border-radius-animation-clip-path,0))}.x-animate-clip-path--right-to-left.x-animate-clip-path--leave-to{clip-path:inset(0 100% 0 0 round var(--x-size-border-radius-animation-clip-path,0))}";
+injectCss(css);
 
 export { css, css as default };
 //# sourceMappingURL=animate-clip-path.style.scss.js.map

package/js/components/animations/animate-clip-path/animate-clip-path.style.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"animate-clip-path.style.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"animate-clip-path.style.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/js/components/animations/animate-scale/animate-scale.style.scss.js

@@ -1,16 +1,7 @@
-import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
+import injectCss from '../../../../tools/inject-css.js';
 
-var css = ".x-animate-scale--enter-active, .x-animate-scale--leave-active, .x-animate-scale--enter-active *, .x-animate-scale--leave-active * {\n  animation-duration: var(--x-duration-animation, 0.3s);\n  animation-timing-function: linear;\n}\n.x-animate-scale--enter-active, .x-animate-scale--leave-active {\n  overflow: hidden;\n}\n.x-animate-scale--enter-active.x-animate-scale--top, .x-animate-scale--enter-active.x-animate-scale--bottom, .x-animate-scale--enter-active.x-animate-scale--top-to-bottom, .x-animate-scale--enter-active.x-animate-scale--bottom-to-top, .x-animate-scale--leave-active.x-animate-scale--top, .x-animate-scale--leave-active.x-animate-scale--bottom, .x-animate-scale--leave-active.x-animate-scale--top-to-bottom, .x-animate-scale--leave-active.x-animate-scale--bottom-to-top {\n  animation-name: containerAnimationY;\n}\n.x-animate-scale--enter-active.x-animate-scale--top > *, .x-animate-scale--enter-active.x-animate-scale--bottom > *, .x-animate-scale--enter-active.x-animate-scale--top-to-bottom > *, .x-animate-scale--enter-active.x-animate-scale--bottom-to-top > *, .x-animate-scale--leave-active.x-animate-scale--top > *, .x-animate-scale--leave-active.x-animate-scale--bottom > *, .x-animate-scale--leave-active.x-animate-scale--top-to-bottom > *, .x-animate-scale--leave-active.x-animate-scale--bottom-to-top > * {\n  animation-name: contentAnimationY;\n}\n.x-animate-scale--enter-active.x-animate-scale--left, .x-animate-scale--enter-active.x-animate-scale--right, .x-animate-scale--enter-active.x-animate-scale--left-to-right, .x-animate-scale--enter-active.x-animate-scale--right-to-left, .x-animate-scale--leave-active.x-animate-scale--left, .x-animate-scale--leave-active.x-animate-scale--right, .x-animate-scale--leave-active.x-animate-scale--left-to-right, .x-animate-scale--leave-active.x-animate-scale--right-to-left {\n  animation-name: containerAnimationX;\n}\n.x-animate-scale--enter-active.x-animate-scale--left > *, .x-animate-scale--enter-active.x-animate-scale--right > *, .x-animate-scale--enter-active.x-animate-scale--left-to-right > *, .x-animate-scale--enter-active.x-animate-scale--right-to-left > *, .x-animate-scale--leave-active.x-animate-scale--left > *, .x-animate-scale--leave-active.x-animate-scale--right > *, .x-animate-scale--leave-active.x-animate-scale--left-to-right > *, .x-animate-scale--leave-active.x-animate-scale--right-to-left > * {\n  animation-name: contentAnimationX;\n}\n.x-animate-scale--leave-active, .x-animate-scale--leave-active > * {\n  animation-direction: reverse;\n}\n.x-animate-scale--top.x-animate-scale--enter-active, .x-animate-scale--top.x-animate-scale--leave-active, .x-animate-scale--top.x-animate-scale--enter-active > *, .x-animate-scale--top.x-animate-scale--leave-active > * {\n  transform-origin: top center;\n}\n.x-animate-scale--bottom.x-animate-scale--enter-active, .x-animate-scale--bottom.x-animate-scale--leave-active, .x-animate-scale--bottom.x-animate-scale--enter-active > *, .x-animate-scale--bottom.x-animate-scale--leave-active > * {\n  transform-origin: bottom center;\n}\n.x-animate-scale--left.x-animate-scale--enter-active, .x-animate-scale--left.x-animate-scale--leave-active, .x-animate-scale--left.x-animate-scale--enter-active > *, .x-animate-scale--left.x-animate-scale--leave-active > * {\n  transform-origin: left center;\n}\n.x-animate-scale--right.x-animate-scale--enter-active, .x-animate-scale--right.x-animate-scale--leave-active, .x-animate-scale--right.x-animate-scale--enter-active > *, .x-animate-scale--right.x-animate-scale--leave-active > * {\n  transform-origin: right center;\n}\n.x-animate-scale--top-to-bottom.x-animate-scale--enter-active, .x-animate-scale--top-to-bottom > *.x-animate-scale--enter-active {\n  transform-origin: top center;\n}\n.x-animate-scale--top-to-bottom.x-animate-scale--leave-active, .x-animate-scale--top-to-bottom > *.x-animate-scale--leave-active {\n  transform-origin: bottom center;\n}\n.x-animate-scale--bottom-to-top.x-animate-scale--enter-active, .x-animate-scale--bottom-to-top > *.x-animate-scale--enter-active {\n  transform-origin: bottom center;\n}\n.x-animate-scale--bottom-to-top.x-animate-scale--leave-active, .x-animate-scale--bottom-to-top > *.x-animate-scale--leave-active {\n  transform-origin: top center;\n}\n.x-animate-scale--left-to-right.x-animate-scale--enter-active, .x-animate-scale--left-to-right > *.x-animate-scale--enter-active {\n  transform-origin: left center;\n}\n.x-animate-scale--left-to-right.x-animate-scale--leave-active, .x-animate-scale--left-to-right > *.x-animate-scale--leave-active {\n  transform-origin: right center;\n}\n.x-animate-scale--right-to-left.x-animate-scale--enter-active, .x-animate-scale--right-to-left > *.x-animate-scale--enter-active {\n  transform-origin: right center;\n}\n.x-animate-scale--right-to-left.x-animate-scale--leave-active, .x-animate-scale--right-to-left > *.x-animate-scale--leave-active {\n  transform-origin: left center;\n}\n\n@keyframes containerAnimationY {\n  0% {\n    transform: scaleY(0);\n  }\n  5.5555555556% {\n    transform: scaleY(0.0000762079);\n  }\n  11.1111111111% {\n    transform: scaleY(0.0012193263);\n  }\n  16.6666666667% {\n    transform: scaleY(0.0061728395);\n  }\n  22.2222222222% {\n    transform: scaleY(0.0195092212);\n  }\n  27.7777777778% {\n    transform: scaleY(0.0476299345);\n  }\n  33.3333333333% {\n    transform: scaleY(0.0987654321);\n  }\n  38.8888888889% {\n    transform: scaleY(0.1829751562);\n  }\n  44.4444444444% {\n    transform: scaleY(0.3121475385);\n  }\n  50% {\n    transform: scaleY(0.5);\n  }\n  55.5555555556% {\n    transform: scaleY(0.6878524615);\n  }\n  61.1111111111% {\n    transform: scaleY(0.8170248438);\n  }\n  66.6666666667% {\n    transform: scaleY(0.9012345679);\n  }\n  72.2222222222% {\n    transform: scaleY(0.9523700655);\n  }\n  77.7777777778% {\n    transform: scaleY(0.9804907788);\n  }\n  83.3333333333% {\n    transform: scaleY(0.9938271605);\n  }\n  88.8888888889% {\n    transform: scaleY(0.9987806737);\n  }\n  94.4444444444% {\n    transform: scaleY(0.9999237921);\n  }\n  100% {\n    transform: scaleY(1);\n  }\n}\n@keyframes contentAnimationY {\n  0% {\n    transform: scaleY(99999999);\n  }\n  5.5555555556% {\n    transform: scaleY(13122);\n  }\n  11.1111111111% {\n    transform: scaleY(820.125);\n  }\n  16.6666666667% {\n    transform: scaleY(162);\n  }\n  22.2222222222% {\n    transform: scaleY(51.2578125);\n  }\n  27.7777777778% {\n    transform: scaleY(20.9952);\n  }\n  33.3333333333% {\n    transform: scaleY(10.125);\n  }\n  38.8888888889% {\n    transform: scaleY(5.4652228238);\n  }\n  44.4444444444% {\n    transform: scaleY(3.2036132813);\n  }\n  50% {\n    transform: scaleY(2);\n  }\n  55.5555555556% {\n    transform: scaleY(1.4538001329);\n  }\n  61.1111111111% {\n    transform: scaleY(1.2239529895);\n  }\n  66.6666666667% {\n    transform: scaleY(1.1095890411);\n  }\n  72.2222222222% {\n    transform: scaleY(1.0500120029);\n  }\n  77.7777777778% {\n    transform: scaleY(1.019897404);\n  }\n  83.3333333333% {\n    transform: scaleY(1.0062111801);\n  }\n  88.8888888889% {\n    transform: scaleY(1.0012208149);\n  }\n  94.4444444444% {\n    transform: scaleY(1.0000762137);\n  }\n  100% {\n    transform: scaleY(1);\n  }\n}\n@keyframes containerAnimationX {\n  0% {\n    transform: scaleX(0);\n  }\n  5.5555555556% {\n    transform: scaleX(0.0000762079);\n  }\n  11.1111111111% {\n    transform: scaleX(0.0012193263);\n  }\n  16.6666666667% {\n    transform: scaleX(0.0061728395);\n  }\n  22.2222222222% {\n    transform: scaleX(0.0195092212);\n  }\n  27.7777777778% {\n    transform: scaleX(0.0476299345);\n  }\n  33.3333333333% {\n    transform: scaleX(0.0987654321);\n  }\n  38.8888888889% {\n    transform: scaleX(0.1829751562);\n  }\n  44.4444444444% {\n    transform: scaleX(0.3121475385);\n  }\n  50% {\n    transform: scaleX(0.5);\n  }\n  55.5555555556% {\n    transform: scaleX(0.6878524615);\n  }\n  61.1111111111% {\n    transform: scaleX(0.8170248438);\n  }\n  66.6666666667% {\n    transform: scaleX(0.9012345679);\n  }\n  72.2222222222% {\n    transform: scaleX(0.9523700655);\n  }\n  77.7777777778% {\n    transform: scaleX(0.9804907788);\n  }\n  83.3333333333% {\n    transform: scaleX(0.9938271605);\n  }\n  88.8888888889% {\n    transform: scaleX(0.9987806737);\n  }\n  94.4444444444% {\n    transform: scaleX(0.9999237921);\n  }\n  100% {\n    transform: scaleX(1);\n  }\n}\n@keyframes contentAnimationX {\n  0% {\n    transform: scaleX(99999999);\n  }\n  5.5555555556% {\n    transform: scaleX(13122);\n  }\n  11.1111111111% {\n    transform: scaleX(820.125);\n  }\n  16.6666666667% {\n    transform: scaleX(162);\n  }\n  22.2222222222% {\n    transform: scaleX(51.2578125);\n  }\n  27.7777777778% {\n    transform: scaleX(20.9952);\n  }\n  33.3333333333% {\n    transform: scaleX(10.125);\n  }\n  38.8888888889% {\n    transform: scaleX(5.4652228238);\n  }\n  44.4444444444% {\n    transform: scaleX(3.2036132813);\n  }\n  50% {\n    transform: scaleX(2);\n  }\n  55.5555555556% {\n    transform: scaleX(1.4538001329);\n  }\n  61.1111111111% {\n    transform: scaleX(1.2239529895);\n  }\n  66.6666666667% {\n    transform: scaleX(1.1095890411);\n  }\n  72.2222222222% {\n    transform: scaleX(1.0500120029);\n  }\n  77.7777777778% {\n    transform: scaleX(1.019897404);\n  }\n  83.3333333333% {\n    transform: scaleX(1.0062111801);\n  }\n  88.8888888889% {\n    transform: scaleX(1.0012208149);\n  }\n  94.4444444444% {\n    transform: scaleX(1.0000762137);\n  }\n  100% {\n    transform: scaleX(1);\n  }\n}";
-           const isBrowser = /*#__PURE__*/ (function () {
-             return (
-                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
-                '[object process]'
-             );
-           })();
-           const useBrowserInjector =
-             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
-           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/home/runner/work/x/x/packages/x-components/src/components/animations/animate-scale/animate-scale.style.scss',{source:css});
+var css = ".x-animate-scale--enter-active,.x-animate-scale--enter-active *,.x-animate-scale--leave-active,.x-animate-scale--leave-active *{animation-duration:var(--x-duration-animation,.3s);animation-timing-function:linear}.x-animate-scale--enter-active,.x-animate-scale--leave-active{overflow:hidden}.x-animate-scale--enter-active.x-animate-scale--bottom,.x-animate-scale--enter-active.x-animate-scale--bottom-to-top,.x-animate-scale--enter-active.x-animate-scale--top,.x-animate-scale--enter-active.x-animate-scale--top-to-bottom,.x-animate-scale--leave-active.x-animate-scale--bottom,.x-animate-scale--leave-active.x-animate-scale--bottom-to-top,.x-animate-scale--leave-active.x-animate-scale--top,.x-animate-scale--leave-active.x-animate-scale--top-to-bottom{animation-name:containerAnimationY}.x-animate-scale--enter-active.x-animate-scale--bottom-to-top>*,.x-animate-scale--enter-active.x-animate-scale--bottom>*,.x-animate-scale--enter-active.x-animate-scale--top-to-bottom>*,.x-animate-scale--enter-active.x-animate-scale--top>*,.x-animate-scale--leave-active.x-animate-scale--bottom-to-top>*,.x-animate-scale--leave-active.x-animate-scale--bottom>*,.x-animate-scale--leave-active.x-animate-scale--top-to-bottom>*,.x-animate-scale--leave-active.x-animate-scale--top>*{animation-name:contentAnimationY}.x-animate-scale--enter-active.x-animate-scale--left,.x-animate-scale--enter-active.x-animate-scale--left-to-right,.x-animate-scale--enter-active.x-animate-scale--right,.x-animate-scale--enter-active.x-animate-scale--right-to-left,.x-animate-scale--leave-active.x-animate-scale--left,.x-animate-scale--leave-active.x-animate-scale--left-to-right,.x-animate-scale--leave-active.x-animate-scale--right,.x-animate-scale--leave-active.x-animate-scale--right-to-left{animation-name:containerAnimationX}.x-animate-scale--enter-active.x-animate-scale--left-to-right>*,.x-animate-scale--enter-active.x-animate-scale--left>*,.x-animate-scale--enter-active.x-animate-scale--right-to-left>*,.x-animate-scale--enter-active.x-animate-scale--right>*,.x-animate-scale--leave-active.x-animate-scale--left-to-right>*,.x-animate-scale--leave-active.x-animate-scale--left>*,.x-animate-scale--leave-active.x-animate-scale--right-to-left>*,.x-animate-scale--leave-active.x-animate-scale--right>*{animation-name:contentAnimationX}.x-animate-scale--leave-active,.x-animate-scale--leave-active>*{animation-direction:reverse}.x-animate-scale--top.x-animate-scale--enter-active,.x-animate-scale--top.x-animate-scale--enter-active>*,.x-animate-scale--top.x-animate-scale--leave-active,.x-animate-scale--top.x-animate-scale--leave-active>*{transform-origin:top center}.x-animate-scale--bottom.x-animate-scale--enter-active,.x-animate-scale--bottom.x-animate-scale--enter-active>*,.x-animate-scale--bottom.x-animate-scale--leave-active,.x-animate-scale--bottom.x-animate-scale--leave-active>*{transform-origin:bottom center}.x-animate-scale--left.x-animate-scale--enter-active,.x-animate-scale--left.x-animate-scale--enter-active>*,.x-animate-scale--left.x-animate-scale--leave-active,.x-animate-scale--left.x-animate-scale--leave-active>*{transform-origin:left center}.x-animate-scale--right.x-animate-scale--enter-active,.x-animate-scale--right.x-animate-scale--enter-active>*,.x-animate-scale--right.x-animate-scale--leave-active,.x-animate-scale--right.x-animate-scale--leave-active>*{transform-origin:right center}.x-animate-scale--top-to-bottom.x-animate-scale--enter-active,.x-animate-scale--top-to-bottom>.x-animate-scale--enter-active{transform-origin:top center}.x-animate-scale--bottom-to-top.x-animate-scale--enter-active,.x-animate-scale--bottom-to-top>.x-animate-scale--enter-active,.x-animate-scale--top-to-bottom.x-animate-scale--leave-active,.x-animate-scale--top-to-bottom>.x-animate-scale--leave-active{transform-origin:bottom center}.x-animate-scale--bottom-to-top.x-animate-scale--leave-active,.x-animate-scale--bottom-to-top>.x-animate-scale--leave-active{transform-origin:top center}.x-animate-scale--left-to-right.x-animate-scale--enter-active,.x-animate-scale--left-to-right>.x-animate-scale--enter-active{transform-origin:left center}.x-animate-scale--left-to-right.x-animate-scale--leave-active,.x-animate-scale--left-to-right>.x-animate-scale--leave-active,.x-animate-scale--right-to-left.x-animate-scale--enter-active,.x-animate-scale--right-to-left>.x-animate-scale--enter-active{transform-origin:right center}.x-animate-scale--right-to-left.x-animate-scale--leave-active,.x-animate-scale--right-to-left>.x-animate-scale--leave-active{transform-origin:left center}@keyframes containerAnimationY{0%{transform:scaleY(0)}5.5555555556%{transform:scaleY(.0000762079)}11.1111111111%{transform:scaleY(.0012193263)}16.6666666667%{transform:scaleY(.0061728395)}22.2222222222%{transform:scaleY(.0195092212)}27.7777777778%{transform:scaleY(.0476299345)}33.3333333333%{transform:scaleY(.0987654321)}38.8888888889%{transform:scaleY(.1829751562)}44.4444444444%{transform:scaleY(.3121475385)}50%{transform:scaleY(.5)}55.5555555556%{transform:scaleY(.6878524615)}61.1111111111%{transform:scaleY(.8170248438)}66.6666666667%{transform:scaleY(.9012345679)}72.2222222222%{transform:scaleY(.9523700655)}77.7777777778%{transform:scaleY(.9804907788)}83.3333333333%{transform:scaleY(.9938271605)}88.8888888889%{transform:scaleY(.9987806737)}94.4444444444%{transform:scaleY(.9999237921)}to{transform:scaleY(1)}}@keyframes contentAnimationY{0%{transform:scaleY(99999999)}5.5555555556%{transform:scaleY(13122)}11.1111111111%{transform:scaleY(820.125)}16.6666666667%{transform:scaleY(162)}22.2222222222%{transform:scaleY(51.2578125)}27.7777777778%{transform:scaleY(20.9952)}33.3333333333%{transform:scaleY(10.125)}38.8888888889%{transform:scaleY(5.4652228238)}44.4444444444%{transform:scaleY(3.2036132813)}50%{transform:scaleY(2)}55.5555555556%{transform:scaleY(1.4538001329)}61.1111111111%{transform:scaleY(1.2239529895)}66.6666666667%{transform:scaleY(1.1095890411)}72.2222222222%{transform:scaleY(1.0500120029)}77.7777777778%{transform:scaleY(1.019897404)}83.3333333333%{transform:scaleY(1.0062111801)}88.8888888889%{transform:scaleY(1.0012208149)}94.4444444444%{transform:scaleY(1.0000762137)}to{transform:scaleY(1)}}@keyframes containerAnimationX{0%{transform:scaleX(0)}5.5555555556%{transform:scaleX(.0000762079)}11.1111111111%{transform:scaleX(.0012193263)}16.6666666667%{transform:scaleX(.0061728395)}22.2222222222%{transform:scaleX(.0195092212)}27.7777777778%{transform:scaleX(.0476299345)}33.3333333333%{transform:scaleX(.0987654321)}38.8888888889%{transform:scaleX(.1829751562)}44.4444444444%{transform:scaleX(.3121475385)}50%{transform:scaleX(.5)}55.5555555556%{transform:scaleX(.6878524615)}61.1111111111%{transform:scaleX(.8170248438)}66.6666666667%{transform:scaleX(.9012345679)}72.2222222222%{transform:scaleX(.9523700655)}77.7777777778%{transform:scaleX(.9804907788)}83.3333333333%{transform:scaleX(.9938271605)}88.8888888889%{transform:scaleX(.9987806737)}94.4444444444%{transform:scaleX(.9999237921)}to{transform:scaleX(1)}}@keyframes contentAnimationX{0%{transform:scaleX(99999999)}5.5555555556%{transform:scaleX(13122)}11.1111111111%{transform:scaleX(820.125)}16.6666666667%{transform:scaleX(162)}22.2222222222%{transform:scaleX(51.2578125)}27.7777777778%{transform:scaleX(20.9952)}33.3333333333%{transform:scaleX(10.125)}38.8888888889%{transform:scaleX(5.4652228238)}44.4444444444%{transform:scaleX(3.2036132813)}50%{transform:scaleX(2)}55.5555555556%{transform:scaleX(1.4538001329)}61.1111111111%{transform:scaleX(1.2239529895)}66.6666666667%{transform:scaleX(1.1095890411)}72.2222222222%{transform:scaleX(1.0500120029)}77.7777777778%{transform:scaleX(1.019897404)}83.3333333333%{transform:scaleX(1.0062111801)}88.8888888889%{transform:scaleX(1.0012208149)}94.4444444444%{transform:scaleX(1.0000762137)}to{transform:scaleX(1)}}";
+injectCss(css);
 
 export { css, css as default };
 //# sourceMappingURL=animate-scale.style.scss.js.map

package/js/components/animations/animate-scale/animate-scale.style.scss.js.map

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