npm - @empathyco/x-components - Versions diffs - 3.0.0-alpha.71 → 3.0.0-alpha.74 - Mend

@empathyco/x-components 3.0.0-alpha.71 → 3.0.0-alpha.74

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (57) hide show

package/docs/build-search-ui/README.md CHANGED Viewed

@@ -24,9 +24,10 @@ Start building your search and discovery experience in a few simple steps:
 - **Discover more about the [Interface X ecosystem](#the-interface-x-ecosystem)** and how
   Interface&nbsp;X works.
-- **[Integrate the Interface X Components](#integrate-interface-x-components)** in your store web
+- **[Integrate the Interface X Archetype](#integrate-interface-x-archetype)** in your store web
   application.
-- **[Use and configure the Interface X Components](#use-and-configure-the-interface-x-components)**
+- **[Develop using the Interface X](#develop-with-interface-x)** inside your current project.
+- **[How to use and configure the Interface X Components](#how-to-use-and-configure-the-interface-x-components)**
   in your project.
 <!-- 3. Style your UI. 4. Translate your search experience-->
@@ -42,11 +43,21 @@ numerous components to choose from, and the catalog evolves quickly with new exp
 Check out the **[open source project in GitHub](https://github.com/empathyco/x)**.
 Interested in learning more about how Interface&nbsp;X works? Discover more about its
-**[architecture](./x-architecture/README.md)**.
+**[architecture](x-architecture/README.md)**.
-## Integrate Interface X Components
+## Integrate Interface X Archetype
-You can use the X&nbsp;Components in a project in two ways:
+Once you have finished developing or extending your search interface using the
+Interface&nbsp;X&nbsp;Archetype project you will probably want to integrate it into your current
+store. The integration of an existing Archetype into your project is pretty straightforward. You
+will need to load the generated Javascript into your website and initialise it.
+To start integrating an existent Archetype into your project please visit
+[extended guide about Archetype integration](web-archetype-integration-guide.md).
+## Develop with Interface X
+You can use the Interface X in a project in two ways:
 - using the separate **Interface&nbsp;X&nbsp;Archetype** project, an out-of-the-box project with all
   you need to get up and running fast, or
@@ -59,7 +70,7 @@ You can use Empathy Search API, Elasticsearch, or Solr endpoints with both appro
 :::
-##### Integration via Interface X Archetype project
+##### Develop via Interface X Archetype
 The **[Interface&nbsp;X&nbsp;Archetype](https://github.com/empathyco/x-archetype)** project is the
 perfect combination of all the existing X&nbsp;Components. Instead of starting from a completely
@@ -74,10 +85,10 @@ perfect solution for most cases. But don’t worry! It’s still super flexible!
 - Use the individual X&nbsp;Component internationalization tool or use your own tool.
 - Create new components or modify the existing ones.
-To start using the X&nbsp;Archetype project, see
-**[Integrate Interface X Archetype project](web-archetype-integration-guide.md)**.
+To start developing the X&nbsp;Archetype project, see
+**[Develop via Interface X Archetype](web-archetype-development-guide.md)**.
-##### Integration via Interface X Components library
+##### Develop via Interface X Components library
 This is the more deep and flexible use of the
 **[Interface X Components library](https://github.com/empathyco/x/tree/main/packages/x-components)**,
@@ -91,9 +102,9 @@ go if you like to look under the hood!
 - Determine styles using design tokens or custom CSS.
 To get started with the X Components library, check out
-**[Integrate Interface X Components in your Vue application](web-x-components-integration-guide.md)**.
+**[Develop using Interface X Components library](web-x-components-integration-guide.md)**.
-## Use and configure the Interface X Components
+## How to use and configure the Interface X Components
 Using the Interface&nbsp;X&nbsp;Components is a piece of cake! Just import and register the
 component, include it in your template, and you’re ready to go! What’s more, each component offers
@@ -101,7 +112,7 @@ multiple configuration parameters to play around with, allowing you greater flex
 experience.
 Unsure how to start? Check out
-**[Use & configure Interface X Components in your project](web-use-x-components-guide.md)**.
+**[How to use & configure Interface X Components in your project](web-how-to-use-x-components-guide.md)**.
 <!--
 ## Style your UI

package/docs/build-search-ui/web-archetype-development-guide.md CHANGED Viewed

@@ -77,13 +77,10 @@ Then, replace the current repository name (`@empathyco/x-archetype`) with the na
 repository in the `package.json` file.
 ```json
-// Define your repository
 {
-   "name": "<your-repo>",
-   "author": "Empathy Systems Corporation S.L.",
-   …
- }
+  "name": "<your-repo>",
+  "author": "Empathy Systems Corporation S.L."
+}
 ```
 ## 2. Install the dependencies and execute the project
@@ -116,7 +113,7 @@ configurations, or mappers that points to a demo environment. You need to make s
 the configuration according to the search features you use in your project.
 Export the required search adapter with your configuration as you will need it for the search
-[xPlugin configuration](web-archetype-integration-guide.md#_4-configure-the-plugin).
+[xPlugin configuration](#4-configure-the-plugin).
 ::: interact
@@ -178,7 +175,8 @@ Once you have your Interface&nbsp;X&nbsp;Archetype project, you're ready to inte
 store, or extend the search and discovery experience to meet your business needs:
 - [Integrate an Interface&nbsp;X&nbsp;Archetype project into an existing website](web-archetype-integration-guide.md).
-- Change the configuration of [X Components](web-use-x-components-guide.md) or create new ones.
+- Change the configuration of [X Components](web-how-to-use-x-components-guide.md) or create new
+  ones.
 - Adapt the
   [design system](https://github.com/empathyco/x/blob/main/packages/x-components/contributing/design-system.md)
   to your branding.

package/docs/build-search-ui/web-archetype-integration-guide.md CHANGED Viewed

@@ -24,6 +24,14 @@ The integration is a 2-steps process:
 Depending on your business needs, there are 2 different ways of making this integration process:
 auto initialising, or initialising on demand.
+::: note Frameworks & Libraries Integration
+As the Archetype is bundled including all the needed dependencies, then it is possible to integrate
+on top of any existing website, regardless of the technologies that it has been built with:
+**React**, **Vue**, **Svelte**...
+:::
 ## Auto initialisation
 This is the easiest way to integrate the Interface&nbsp;X project in a website. The way to do so is
@@ -161,26 +169,71 @@ invoked at any time. Note that you should only call this function **once**.
 The snippet configuration allows you to configure certain parts of the Interface&nbsp;X project like
 language, the currency, inform whether the user has given us his consent to process personal data.
-| Name                  | Type                                                                                 | Required | Description                                                                                                                                                                                                                                                                                     |
-| --------------------- | ------------------------------------------------------------------------------------ | :------: | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| instance              | `string`                                                                             |    ✅    | The identifier of the API client instance. Should be provided by Empathy                                                                                                                                                                                                                        |
-| env                   | `'live'` &#124; `'staging'`                                                          |          | The API environment to use. Note that you can use the production version of your Interface&nbsp;X with the staging API, or viceversa.                                                                                                                                                           |
-| scope                 | `string`                                                                             |          | The context name where the search interface is being executed. I.e. `mobile`, `mobile-app`, `tablet`, `desktop`                                                                                                                                                                                 |
-| lang                  | `string`                                                                             |    ✅    | The language to use. By default this lang is used for both the front-end and the API requests                                                                                                                                                                                                   |
-| searchLang            | `string`                                                                             |          | A language to use only for the API requests                                                                                                                                                                                                                                                     |
-| consent               | `boolean`                                                                            |    ✅    | Used to let X know whether the user has accepted the usage of cookies and therefore the sessionId can be used and sent to the Search and Tagging API. If this parameter is configured with false value, then the sessionId in not generated nor sent to the Tagging API. No consent means the wisdom of the crowd signals (Related Tags, Next Queries, etc.) will not be inferred from that session. This parameter should be set to true as soon as the user accepts the usage of Customer cookies but note that Empathy not uses any cookie in its libraries, although we tie the cookie acceptance to the sessionID generation in Local Storage. If accepting the cookies does not trigger a page reload, please consider using `window.initX.consent = true` to update the consent parameter so that the current session is tracked already.                                                                                                                |
-| documentDirection     | `'ltr'` &#124; `'rtl'`                                                               |          | The writing direction that the X Components should use                                                                                                                                                                                                                                          |
-| currency              | `string`                                                                             |    ✅    | The currency identifier. Used to configure how prices are shown                                                                                                                                                                                                                                 |
-| callbacks             | `Record<XEventName, (payload: XEventPayload<Event>, metadata: WireMetadata) => void` |          | A record of callbacks where the key is the event to listen, and the value is the callback to be executed whenever the event is emitted. For example, to listen to the `UserAcceptedAQuery` event: `{ UserAcceptedAQuery({ eventPayload }) { console.log('UserAcceptedAQuery', eventPayload); }` |
-| isSpa                 | `boolean`                                                                            |          | True when the X Components archetype is being run on top of an SPA.                                                                                                                                                                                                                             |
-| &lt;extra parameters> | `any`                                                                                |          | Any other parameter to be sent directly to the API calls. For example, some times is needed to filter the search catalog with a warehouse parameter. In that case you can just add `warehouse: <your-warehouse-identifier>` to the snippet config.                                              |
+| Name                    | Type                                                                                 | Required | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
+| ----------------------- | ------------------------------------------------------------------------------------ | :------: | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| instance                | `string`                                                                             |    ✅    | The identifier of the API client instance. Should be provided by Empathy                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| env                     | `'live'` &#124; `'staging'`                                                          |          | The API environment to use. Note that you can use the production version of your Interface&nbsp;X with the staging API, or viceversa.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| scope                   | `string`                                                                             |          | The context name where the search interface is being executed. I.e. `mobile`, `mobile-app`, `tablet`, `desktop`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| lang                    | `string`                                                                             |    ✅    | The language to use. By default this lang is used for both the front-end and the API requests                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| searchLang              | `string`                                                                             |          | A language to use only for the API requests                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
+| consent                 | `boolean`                                                                            |    ✅    | Used to let X know whether the user has accepted the usage of cookies and therefore the sessionId can be used and sent to the Search and Tagging API. If this parameter is configured with false value, then the sessionId in not generated nor sent to the Tagging API. No consent means the wisdom of the crowd signals (Related Tags, Next Queries, etc.) will not be inferred from that session. This parameter should be set to true as soon as the user accepts the usage of Customer cookies but note that Empathy not uses any cookie in its libraries, although we tie the cookie acceptance to the sessionID generation in Local Storage. If accepting the cookies does not trigger a page reload, please consider using `window.initX.consent = true` to update the consent parameter so that the current session is tracked already. |
+| documentDirection       | `'ltr'` &#124; `'rtl'`                                                               |          | The writing direction that the X Components should use                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
+| currency                | `string`                                                                             |    ✅    | The currency identifier. Used to configure how prices are shown                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| [callbacks](#callbacks) | `Record<XEventName, (payload: XEventPayload<Event>, metadata: WireMetadata) => void` |          | A record of callbacks where the key is the event to listen, and the value is the callback to be executed whenever the event is emitted. For example, to listen to the `UserAcceptedAQuery` event: `{ UserAcceptedAQuery({ eventPayload }) { console.log('UserAcceptedAQuery', eventPayload); }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| isSpa                   | `boolean`                                                                            |          | True when the X Components archetype is being run on top of an SPA.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| &lt;extra parameters>   | `any`                                                                                |          | Any other parameter to be sent directly to the API calls. For example, some times is needed to filter the search catalog with a warehouse parameter. In that case you can just add `warehouse: <your-warehouse-identifier>` to the snippet config.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
+### Callbacks
+As the callbacks are a powerful tool in the initialisation options, we provide this section to get
+deep in their use. This is an example of initialisation providing callbacks to subscribe to certain
+events.
+```html
+<script src="https://x.empathy.co/my-store/app.js"></script>
+<script>
+  window.X.init({
+    instance: 'my-store',
+    env: 'live',
+    scope: 'desktop',
+    lang: 'en',
+    currency: 'EUR',
+    consent: false,
+    callbacks: {
+      UserAcceptedAQuery: query => {
+        doSomethingInWebApp(query);
+      },
+      UserClickedResultAddToCart: result => {
+        addToCartInWebApp(result);
+      }
+    }
+  });
+</script>
+```
+In this example we are subscribing to `UserAcceptedAQuery` and `UserClickedResultAddToCart` so in
+this way we can perform an action inside our application when these events are triggered. Even
+though we have subscribed to two events, as Interface X Components is an event based architecture
+there are more than one hundred of events available to be subscribed to. The complete list is not
+yet part of this documentation, but you may access to the
+[XEventsTypes](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts)
+where all of them are defined.
+::: note
+The XEventsTypes are those that can be triggered from different modules inside the X Components, but
+have in mind that every module has its own sort of components. So have a look to DeviceXEvents,
+EmpathizeXEvents, SearchBoxXEvents, etc.
+:::
 ## X API
 The X API allows your website to communicate with Interface X. It is a set of utilities that helps
 to integrate Interface X into your website.
-| Function | Parameters                                                                     | Description                                                 |
-| -------- | ------------------------------------------------------------------------------ | ----------------------------------------------------------- |
-| init     | - [Snippet Configuration](#snippet-configuration) - The initialisation options | [Initialises Interface X on demand](#initialise-on-demand). |
-| search   | - query (Optional) - The query to open Interface&nbsp;X with                   | Opens Interface&nbsp;X with the given search query.         |
+| Function         | Parameters                                                                     | Description                                                                                                                                                       |
+| ---------------- | ------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| init             | - [Snippet Configuration](#snippet-configuration) - The initialisation options | [Initialises Interface X on demand](#initialise-on-demand).                                                                                                       |
+| search           | - query (Optional) - The query to open Interface&nbsp;X with                   | Opens Interface&nbsp;X and triggers a search with the given query.                                                                                                |
+| setSnippetConfig | - [Snippet Configuration](#snippet-configuration) - The Initialisation options | Changes the options and all components react to the changes. Useful, for example, to change both search engine and displayed language without reloading the page. |

package/docs/build-search-ui/{web-use-x-components-guide.md → web-how-to-use-x-components-guide.md} RENAMED Viewed

@@ -13,7 +13,7 @@ search UI experiences. The goal of using components is to include only the compo
 wherever you want. So, **just import the components, register, and go!**
 Once you’ve installed the
-[dependencies and the xPlugin](web-x-components-integration-guide.md#_1-install-the-dependencies),
+[dependencies and the xPlugin](web-x-components-integration-guide.md#1-install-the-dependencies),
 you’re ready to use X&nbsp;Components in your project.
 ## 1. Import and register the X Components

package/docs/build-search-ui/web-x-components-integration-guide.md CHANGED Viewed

@@ -35,6 +35,8 @@ To integrate the X&nbsp;Components in a frontend UI, you need:
 - **Empathy Search API** to retrieve search data (or any other search API)
 - A **search adapter** to communicate with the search API. You can use the Empathy Adapter and
   configure it with the `EmpathyAdapterBuilder`
+- You must be working on a **Vue** project, or on a **React** project using the
+  [React Wrapper](https://github.com/empathyco/x/tree/main/packages/react-wrapper).
 :::
@@ -193,7 +195,8 @@ poster="/assets/media/videos/How-to-use-X-components-in-a-real-project.jpeg"
 Once you have integrated the Interface&nbsp;X&nbsp;Components in your project, you're ready to start
 building your search and discovery UI:
-- Change the configuration of the [X Components](web-use-x-components-guide.md) or create new ones.
+- Change the configuration of the [X Components](web-how-to-use-x-components-guide.md) or create new
+  ones.
 - Adapt the
   [design system](https://github.com/empathyco/x/blob/main/packages/x-components/contributing/design-system.md)
   to your branding.

package/history-queries/index.js CHANGED Viewed

@@ -13,5 +13,5 @@ export { HistoryQueriesGetter, historyQueries } from '../js/x-modules/history-qu
 export { sessionHistoryQueries } from '../js/x-modules/history-queries/store/getters/session-history-queries.getter.js';
 export { storageKey } from '../js/x-modules/history-queries/store/getters/storage-key.getter.js';
 export { historyQueriesXStoreModule } from '../js/x-modules/history-queries/store/module.js';
-export { addQueryToHistoryQueries, clearHistoryQueries, clearHistoryQueriesQuery, historyQueriesWiring, loadHistoryQueriesFromBrowserStorageWire, refreshHistoryQueriesSession, removeHistoryQuery, setHistoryQueriesQuery } from '../js/x-modules/history-queries/wiring.js';
+export { addQueryToHistoryQueries, clearHistoryQueries, clearHistoryQueriesQuery, historyQueriesWiring, loadHistoryQueriesFromBrowserStorageWire, refreshHistoryQueriesSession, removeHistoryQuery, setHistoryQueriesQuery, toggleHistoryQueries } from '../js/x-modules/history-queries/wiring.js';
 export { historyQueriesXModule } from '../js/x-modules/history-queries/x-module.js';

package/js/components/currency/base-currency.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base-currency.vue.js","sources":["../../../../src/components/currency/base-currency.vue"],"sourcesContent":["<template>\n <span v-if=\"value !== undefined\" class=\"x-currency\">{{ currency }}</span>\n</template>\n\n<script lang=\"ts\">\n import Vue from 'vue';\n import { Component, Prop } from 'vue-property-decorator';\n import { currencyFormatter } from '../../utils/currency-formatter';\n import { XInject } from '../decorators/injection.decorators';\n\n /*\n Renders the value received as a property which always must be a JavaScript number, with the\n * proper format provided as a string property or by injection. The rendered tag is a span in\n * order to render a default inline HTML element.\n \n Regarding the format or mask to be defined as string:\n * - Use 'i' to define integer numbers.\n * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the\n * format doesn't include decimals, it is filled with zeros until reach the length defined with\n * 'd's.\n * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.\n * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more\n * than one character.\n * - If you want to hide the decimal part if it's zero, you can add the `?` symbol after the\n * decimal characters (e.g. 'i.iii,dd?', for `1234` you would get `1.234` instead of `1.234,00`).\n * - Set whatever you need around the integers and decimals marks.\n * - Default mask: 'i.iii,dd' which returns '1.345,67'.\n \n @remarks The number of 'd', which is the maximum decimal length, MUST matches with the length\n * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n * part, it deletes significant digits.\n \n @example\n * Basic example:\n \n ```vue\n * <BaseCurrency\n * :value=\"123456.789\"\n * format=\"i.iiii,dddd €\"\n * />\n * ```\n \n It will render: `123.456,7890 €`.\n \n See docs below for more examples.\n \n @public\n /\n @Component\n export default class BaseCurrency extends Vue {\n /\n Numeric value to be formatted.\n \n @remarks Pass the value with 'v-bind:value' (or ':value' shortcut) instead of plain string.\n * @remarks Be careful using numbers under Number.MAX_SAFE_INTEGER to avoid unexpected errors.\n \n @public\n /\n @Prop({ required: true })\n protected value!: number;\n\n /\n The format as string.\n \n @public\n /\n @Prop()\n protected format?: string;\n\n /\n The injected format as string.\n \n @public\n /\n @XInject('currencyFormat')\n public injectedFormat!: string;\n\n /\n A format which can be passed through prop or injected.\n \n @returns A format as string.\n \n @internal\n /\n protected get renderedFormat(): string {\n return ~~(\n~~ this.format ~~??\n~~ this.injectedFormat ~~??\n //TODO:~~ ~~add here logger\n //eslint-disable-next-line no-console\n console~~.~~warn(~~'~~It is necessary to pass a prop or inject the format')\n )~~;\n }\n\n /\n Returns the formatted result as string.\n \n @returns Formatted number.\n \n @internal\n */\n protected get currency(): string {\n return currencyFormatter(this.value, this.renderedFormat);\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n## Example\n\nRenders the value received as a property, which always must be a JavaScript number, with the proper\nformat provided as string property. The rendered tag is a span in order to render a default inline\nHTML element.\n\n### Basic usage\n\n```vue\n<BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,ddd? €\" />\n<!-- output: '12.345.678,876 €' -->\n<BaseCurrency :value=\"12345678\" format=\"i.iii,ddd? €\" />\n<!-- output: '12.345.678 €' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"$ i.iii,dd\" />\n<!-- output: '$ 12.345.678,87' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"$i.iii,dd\" />\n<!-- output: '$12.345.678,87' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dd €\" />\n<!-- output: '12.345.678,87 €' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dd€\" />\n<!-- output: '12.345.678,87€' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"i,iii.dd €\" />\n<!-- output: '12,345,678.87 €' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"i iii.dd €\" />\n<!-- output: '12 345 678.87 €' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"i iii - dd €\" />\n<!-- output: '12 345 678 - 87 €' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dddddd €\" />\n<!-- output: '12.345.678,876543 €' -->\n<BaseCurrency :value=\"12345678.87\" format=\"i.iii,dddddd €\" />\n<!-- output: '12.345.678,870000 €' -->\n<BaseCurrency :value=\"12345678\" format=\"i.iii,dddddd €\" />\n<!-- output: '12.345.678,000000 €' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dd €\" />\n<!-- output: '12.345.678,87 €' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"i.iii €\" />\n<!-- output: '12.345.678 €' -->\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"base-currency.vue.js","sources":["../../../../src/components/currency/base-currency.vue"],"sourcesContent":["<template>\n <span v-if=\"value !== undefined\" class=\"x-currency\">{{ currency }}</span>\n</template>\n\n<script lang=\"ts\">\n import Vue from 'vue';\n import { Component, Prop } from 'vue-property-decorator';\n import { currencyFormatter } from '../../utils/currency-formatter';\n import { XInject } from '../decorators/injection.decorators';\n\n /*\n Renders the value received as a property which always must be a JavaScript number, with the\n * proper format provided as a string property or by injection. The rendered tag is a span in\n * order to render a default inline HTML element.\n \n Regarding the format or mask to be defined as string:\n * - Use 'i' to define integer numbers.\n * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the\n * format doesn't include decimals, it is filled with zeros until reach the length defined with\n * 'd's.\n * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.\n * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more\n * than one character.\n * - If you want to hide the decimal part if it's zero, you can add the `?` symbol after the\n * decimal characters (e.g. 'i.iii,dd?', for `1234` you would get `1.234` instead of `1.234,00`).\n * - Set whatever you need around the integers and decimals marks.\n * - Default mask: 'i.iii,dd' which returns '1.345,67'.\n \n @remarks The number of 'd', which is the maximum decimal length, MUST matches with the length\n * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n * part, it deletes significant digits.\n \n @example\n * Basic example:\n \n ```vue\n * <BaseCurrency\n * :value=\"123456.789\"\n * format=\"i.iiii,dddd €\"\n * />\n * ```\n \n It will render: `123.456,7890 €`.\n \n See docs below for more examples.\n \n @public\n /\n @Component\n export default class BaseCurrency extends Vue {\n /\n Numeric value to be formatted.\n \n @remarks Pass the value with 'v-bind:value' (or ':value' shortcut) instead of plain string.\n * @remarks Be careful using numbers under Number.MAX_SAFE_INTEGER to avoid unexpected errors.\n \n @public\n /\n @Prop({ required: true })\n protected value!: number;\n\n /\n The format as string.\n \n @public\n /\n @Prop()\n protected format?: string;\n\n /\n The injected format as string.\n \n @public\n /\n @XInject('currencyFormat')\n public injectedFormat!: string;\n\n /\n A format which can be passed through prop or injected.\n \n @returns A format as string.\n \n @internal\n /\n protected get renderedFormat(): string {\n return this.format ?? this.injectedFormat ?? 'i.iii,dd';\n }\n\n /\n Returns the formatted result as string.\n \n @returns Formatted number.\n \n @internal\n */\n protected get currency(): string {\n return currencyFormatter(this.value, this.renderedFormat);\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n## Example\n\nRenders the value received as a property, which always must be a JavaScript number, with the proper\nformat provided as string property. The rendered tag is a span in order to render a default inline\nHTML element.\n\n### Basic usage\n\n```vue\n<template>\n <BaseCurrency :value=\"12345678.87654321\" />\n <!-- output: '12.345.678,87' -->\n</template>\n\n<script>\n import { BaseCurrency } from '@empathyco/x-components';\n\n export default {\n name: 'BaseCurrencyDemo',\n components: {\n BaseCurrency\n }\n };\n</script>\n```\n\n```vue\n<template>\n <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,ddd? €\" />\n <!-- output: '12.345.678,876 €' -->\n</template>\n\n<script>\n import { BaseCurrency } from '@empathyco/x-components';\n\n export default {\n name: 'BaseCurrencyDemo',\n components: {\n BaseCurrency\n }\n };\n</script>\n```\n\n```vue\n<template>\n <BaseCurrency :value=\"12345678\" format=\"i.iii,ddd? €\" />\n <!-- output: '12.345.678 €' -->\n</template>\n\n<script>\n import { BaseCurrency } from '@empathyco/x-components';\n\n export default {\n name: 'BaseCurrencyDemo',\n components: {\n BaseCurrency\n }\n };\n</script>\n```\n\n```vue\n<template>\n <BaseCurrency :value=\"12345678.87654321\" format=\"$ i.iii,dd\" />\n <!-- output: '$ 12.345.678,87' -->\n</template>\n\n<script>\n import { BaseCurrency } from '@empathyco/x-components';\n\n export default {\n name: 'BaseCurrencyDemo',\n components: {\n BaseCurrency\n }\n };\n</script>\n```\n\n```vue\n<template>\n <BaseCurrency :value=\"12345678.87654321\" format=\"$i.iii,dd\" />\n <!-- output: '$12.345.678,87' -->\n</template>\n\n<script>\n import { BaseCurrency } from '@empathyco/x-components';\n\n export default {\n name: 'BaseCurrencyDemo',\n components: {\n BaseCurrency\n }\n };\n</script>\n```\n\n```vue\n<template>\n <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dd €\" />\n <!-- output: '12.345.678,87 €' -->\n</template>\n\n<script>\n import { BaseCurrency } from '@empathyco/x-components';\n\n export default {\n name: 'BaseCurrencyDemo',\n components: {\n BaseCurrency\n }\n };\n</script>\n```\n\n```vue\n<template>\n <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dd€\" />\n <!-- output: '12.345.678,87€' -->\n</template>\n\n<script>\n import { BaseCurrency } from '@empathyco/x-components';\n\n export default {\n name: 'BaseCurrencyDemo',\n components: {\n BaseCurrency\n }\n };\n</script>\n```\n\n```vue\n<template>\n <BaseCurrency :value=\"12345678.87654321\" format=\"i,iii.dd €\" />\n <!-- output: '12,345,678.87 €' -->\n</template>\n\n<script>\n import { BaseCurrency } from '@empathyco/x-components';\n\n export default {\n name: 'BaseCurrencyDemo',\n components: {\n BaseCurrency\n }\n };\n</script>\n```\n\n```vue\n<template>\n <BaseCurrency :value=\"12345678.87654321\" format=\"i iii.dd €\" />\n <!-- output: '12 345 678.87 €' -->\n</template>\n\n<script>\n import { BaseCurrency } from '@empathyco/x-components';\n\n export default {\n name: 'BaseCurrencyDemo',\n components: {\n BaseCurrency\n }\n };\n</script>\n```\n\n```vue\n<template>\n <BaseCurrency :value=\"12345678.87654321\" format=\"i iii - dd €\" />\n <!-- output: '12 345 678 - 87 €' -->\n</template>\n\n<script>\n import { BaseCurrency } from '@empathyco/x-components';\n\n export default {\n name: 'BaseCurrencyDemo',\n components: {\n BaseCurrency\n }\n };\n</script>\n```\n\n```vue\n<template>\n <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dddddd €\" />\n <!-- output: '12.345.678,876543 €' -->\n</template>\n\n<script>\n import { BaseCurrency } from '@empathyco/x-components';\n\n export default {\n name: 'BaseCurrencyDemo',\n components: {\n BaseCurrency\n }\n };\n</script>\n```\n\n```vue\n<template>\n <BaseCurrency :value=\"12345678.87\" format=\"i.iii,dddddd €\" />\n <!-- output: '12.345.678,870000 €' -->\n</template>\n\n<script>\n import { BaseCurrency } from '@empathyco/x-components';\n\n export default {\n name: 'BaseCurrencyDemo',\n components: {\n BaseCurrency\n }\n };\n</script>\n```\n\n```vue\n<template>\n <BaseCurrency :value=\"12345678\" format=\"i.iii,dddddd €\" />\n <!-- output: '12.345.678,000000 €' -->\n</template>\n\n<script>\n import { BaseCurrency } from '@empathyco/x-components';\n\n export default {\n name: 'BaseCurrencyDemo',\n components: {\n BaseCurrency\n }\n };\n</script>\n```\n\n```vue\n<template>\n <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dd €\" />\n <!-- output: '12.345.678,87 €' -->\n</template>\n\n<script>\n import { BaseCurrency } from '@empathyco/x-components';\n\n export default {\n name: 'BaseCurrencyDemo',\n components: {\n BaseCurrency\n }\n };\n</script>\n```\n\n```vue\n<template>\n <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii €\" />\n <!-- output: '12.345.678 €' -->\n</template>\n\n<script>\n import { BaseCurrency } from '@empathyco/x-components';\n\n export default {\n name: 'BaseCurrencyDemo',\n components: {\n BaseCurrency\n }\n };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/components/currency/base-currency.vue_rollup-plugin-vue_script.vue.js CHANGED Viewed

@@ -51,11 +51,7 @@ let BaseCurrency = class BaseCurrency extends Vue {
      * @internal
      */
     get renderedFormat() {
-        return (this.format ??
-            this.injectedFormat ??
-            //TODO: add here logger
-            //eslint-disable-next-line no-console
-            console.warn('It is necessary to pass a prop or inject the format'));
+        return this.format ?? this.injectedFormat ?? 'i.iii,dd';
     }
     /**
      * Returns the formatted result as string.

package/js/components/currency/base-currency.vue_rollup-plugin-vue_script.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base-currency.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../src/components/currency/base-currency.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { currencyFormatter } from '../../utils/currency-formatter';\nimport { XInject } from '../decorators/injection.decorators';\n\n/*\n Renders the value received as a property which always must be a JavaScript number, with the\n * proper format provided as a string property or by injection. The rendered tag is a span in\n * order to render a default inline HTML element.\n \n Regarding the format or mask to be defined as string:\n * - Use 'i' to define integer numbers.\n * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the\n * format doesn't include decimals, it is filled with zeros until reach the length defined with\n * 'd's.\n * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.\n * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more\n * than one character.\n * - If you want to hide the decimal part if it's zero, you can add the `?` symbol after the\n * decimal characters (e.g. 'i.iii,dd?', for `1234` you would get `1.234` instead of `1.234,00`).\n * - Set whatever you need around the integers and decimals marks.\n * - Default mask: 'i.iii,dd' which returns '1.345,67'.\n \n @remarks The number of 'd', which is the maximum decimal length, MUST matches with the length\n * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n * part, it deletes significant digits.\n \n @example\n * Basic example:\n \n ```vue\n * <BaseCurrency\n * :value=\"123456.789\"\n * format=\"i.iiii,dddd €\"\n * />\n * ```\n \n It will render: `123.456,7890 €`.\n \n See docs below for more examples.\n \n @public\n /\n@Component\nexport default class BaseCurrency extends Vue {\n /\n Numeric value to be formatted.\n \n @remarks Pass the value with 'v-bind:value' (or ':value' shortcut) instead of plain string.\n * @remarks Be careful using numbers under Number.MAX_SAFE_INTEGER to avoid unexpected errors.\n \n @public\n /\n @Prop({ required: true })\n protected value!: number;\n\n /\n The format as string.\n \n @public\n /\n @Prop()\n protected format?: string;\n\n /\n The injected format as string.\n \n @public\n /\n @XInject('currencyFormat')\n public injectedFormat!: string;\n\n /\n A format which can be passed through prop or injected.\n \n @returns A format as string.\n \n @internal\n /\n protected get renderedFormat(): string {\n return ~~(\n~~ this.format ~~??\n~~ this.injectedFormat ~~??\n //TODO:~~ ~~add here logger\n //eslint-disable-next-line no-console\n console~~.~~warn(~~'~~It is necessary to pass a prop or inject the format')\n )~~;\n }\n\n /\n Returns the formatted result as string.\n \n @returns Formatted number.\n \n @internal\n */\n protected get currency(): string {\n return currencyFormatter(this.value, this.renderedFormat);\n }\n}\n"],"names":[],"mappings":";;;;;;AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,IAAqB,YAAY,GAAjC,MAAqB,YAAa,SAAQ,GAAG;;;;;;;;IAmC3C,IAAc,cAAc;QAC1B,~~QACE~~,IAAI,CAAC,MAAM~~;YACX~~,IAAI,CAAC,cAAc~~;;;YAGnB~~,~~OAAO,CAAC,~~IAAI,~~CAAC~~,~~qDAAqD,~~CAAC~~,EACnE~~;~~KACH~~;;;;;;;;IASD,IAAc,QAAQ;QACpB,OAAO,iBAAiB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;KAC3D;CACF,CAAA;~~AA7CC~~;IADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;2CACA;AAQzB;IADC,IAAI,EAAE;4CACmB;AAQ1B;IADC,OAAO,CAAC,gBAAgB,CAAC;oDACK;AA1BZ,YAAY;IADhC,SAAS;GACW,YAAY,~~CAuDhC~~;~~aAvDoB~~,YAAY;;;;"}
1	+ {"version":3,"file":"base-currency.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../src/components/currency/base-currency.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { currencyFormatter } from '../../utils/currency-formatter';\nimport { XInject } from '../decorators/injection.decorators';\n\n/*\n Renders the value received as a property which always must be a JavaScript number, with the\n * proper format provided as a string property or by injection. The rendered tag is a span in\n * order to render a default inline HTML element.\n \n Regarding the format or mask to be defined as string:\n * - Use 'i' to define integer numbers.\n * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the\n * format doesn't include decimals, it is filled with zeros until reach the length defined with\n * 'd's.\n * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.\n * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more\n * than one character.\n * - If you want to hide the decimal part if it's zero, you can add the `?` symbol after the\n * decimal characters (e.g. 'i.iii,dd?', for `1234` you would get `1.234` instead of `1.234,00`).\n * - Set whatever you need around the integers and decimals marks.\n * - Default mask: 'i.iii,dd' which returns '1.345,67'.\n \n @remarks The number of 'd', which is the maximum decimal length, MUST matches with the length\n * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n * part, it deletes significant digits.\n \n @example\n * Basic example:\n \n ```vue\n * <BaseCurrency\n * :value=\"123456.789\"\n * format=\"i.iiii,dddd €\"\n * />\n * ```\n \n It will render: `123.456,7890 €`.\n \n See docs below for more examples.\n \n @public\n /\n@Component\nexport default class BaseCurrency extends Vue {\n /\n Numeric value to be formatted.\n \n @remarks Pass the value with 'v-bind:value' (or ':value' shortcut) instead of plain string.\n * @remarks Be careful using numbers under Number.MAX_SAFE_INTEGER to avoid unexpected errors.\n \n @public\n /\n @Prop({ required: true })\n protected value!: number;\n\n /\n The format as string.\n \n @public\n /\n @Prop()\n protected format?: string;\n\n /\n The injected format as string.\n \n @public\n /\n @XInject('currencyFormat')\n public injectedFormat!: string;\n\n /\n A format which can be passed through prop or injected.\n \n @returns A format as string.\n \n @internal\n /\n protected get renderedFormat(): string {\n return this.format ?? this.injectedFormat ?? 'i.iii,dd';\n }\n\n /\n Returns the formatted result as string.\n \n @returns Formatted number.\n \n @internal\n */\n protected get currency(): string {\n return currencyFormatter(this.value, this.renderedFormat);\n }\n}\n"],"names":[],"mappings":";;;;;;AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,IAAqB,YAAY,GAAjC,MAAqB,YAAa,SAAQ,GAAG;;;;;;;;IAmC3C,IAAc,cAAc;QAC1B,OAAO,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,cAAc,IAAI,UAAU,CAAC;KACzD;;;;;;;;IASD,IAAc,QAAQ;QACpB,OAAO,iBAAiB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;KAC3D;CACF,CAAA;AAvCC;IADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;2CACA;AAQzB;IADC,IAAI,EAAE;4CACmB;AAQ1B;IADC,OAAO,CAAC,gBAAgB,CAAC;oDACK;AA1BZ,YAAY;IADhC,SAAS;GACW,YAAY,CAiDhC;aAjDoB,YAAY;;;;"}

package/js/components/result/base-result-previous-price.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base-result-previous-price.vue.js","sources":["../../../../src/components/result/base-result-previous-price.vue"],"sourcesContent":["<template>\n <div\n v-if=\"result.price.hasDiscount\"\n class=\"x-result-previous-price\"\n data-test=\"result-previous-price\"\n >\n <!--\n @slot Base currency item\n @binding {result} result - Result data\n -->\n <slot :result=\"result\">\n <BaseCurrency :value=\"result.price.originalValue\" :format=\"format\" />\n </slot>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { Result } from '@empathyco/x-types';\n import { Component, Prop } from 'vue-property-decorator';\n import Vue from 'vue';\n import BaseCurrency from '../currency/base-currency.vue';\n\n /*\n Component that renders the {@link @empathyco/x-types#Result \| result} previous price.\n \n @public\n /\n @Component({\n components: { BaseCurrency }\n })\n export default class BaseResultPreviousPrice extends Vue {\n /\n (Required) The {@link @empathyco/x-types#Result \| result} information.\n \n @public\n /\n @Prop({ required: true })\n protected result!: Result;\n\n /\n Format or mask to be defined as string.\n * - Use 'i' to define integer numbers.\n * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the\n * doesn't include decimals, it is filled with zeros until reach the length defined with 'd's.\n * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.\n * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more\n * than one character.\n * - Set whatever you need around the integers and decimals marks.\n * - Default mask: 'i.iii,dd' which returns '1.345,67'.\n \n @remarks The number of 'd', which is the maximum decimal length, MUST match with the length\n * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n * part, delete significant digits.\n \n @public\n */\n @Prop(~~{ default: 'i.iii,dd' }~~)\n protected format!: string;\n }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Basic example\n\nThis component shows the previous price formatted if it has discount. The component has two optional\nprops. `format` to select the currency format to be applied.\n\n```vue\n<BaseResultPreviousPrice :~~value~~=\"result\" :format=\"'i.iii,ddd €'\" />\n```\n\n### Overriding default slot\n\n```vue\n<BaseResultPreviousPrice :result=\"result\">\n <span class=\"custom-base-result-previous-price\">{{ result.price.originalValue }}</span>\n</BaseResultPreviousPrice>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"base-result-previous-price.vue.js","sources":["../../../../src/components/result/base-result-previous-price.vue"],"sourcesContent":["<template>\n <div\n v-if=\"result.price.hasDiscount\"\n class=\"x-result-previous-price\"\n data-test=\"result-previous-price\"\n >\n <!--\n @slot Base currency item\n @binding {result} result - Result data\n -->\n <slot :result=\"result\">\n <BaseCurrency :value=\"result.price.originalValue\" :format=\"format\" />\n </slot>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { Result } from '@empathyco/x-types';\n import { Component, Prop } from 'vue-property-decorator';\n import Vue from 'vue';\n import BaseCurrency from '../currency/base-currency.vue';\n\n /*\n Component that renders the {@link @empathyco/x-types#Result \| result} previous price.\n \n @public\n /\n @Component({\n components: { BaseCurrency }\n })\n export default class BaseResultPreviousPrice extends Vue {\n /\n (Required) The {@link @empathyco/x-types#Result \| result} information.\n \n @public\n /\n @Prop({ required: true })\n protected result!: Result;\n\n /\n Format or mask to be defined as string.\n * - Use 'i' to define integer numbers.\n * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the\n * doesn't include decimals, it is filled with zeros until reach the length defined with 'd's.\n * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.\n * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more\n * than one character.\n * - Set whatever you need around the integers and decimals marks.\n \n @remarks The number of 'd', which is the maximum decimal length, MUST match with the length\n * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n * part, delete significant digits.\n \n @public\n */\n @Prop()\n protected format?: string;\n }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Basic example\n\nThis component shows the previous price formatted if it has discount. The component has two optional\nprops. `format` to select the currency format to be applied.\n\n```vue\n<template>\n <BaseResultPreviousPrice :result=\"result\" :format=\"'i.iii,ddd €'\" />\n</template>\n\n<script>\n import { BaseResultPreviousPrice } from '@empathyco/x-components';\n\n export default {\n name: 'BaseResultPreviousPriceDemo',\n components: {\n BaseResultPreviousPrice\n }\n };\n</script>\n```\n\n### Overriding default slot\n\n```vue\n<template>\n <BaseResultPreviousPrice :result=\"result\">\n <span class=\"custom-base-result-previous-price\">{{ result.price.originalValue }}</span>\n </BaseResultPreviousPrice>\n</template>\n\n<script>\n import { BaseResultPreviousPrice } from '@empathyco/x-components';\n\n export default {\n name: 'BaseResultPreviousPriceDemo',\n components: {\n BaseResultPreviousPrice\n }\n };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/components/result/base-result-previous-price.vue_rollup-plugin-vue_script.vue.js CHANGED Viewed

@@ -14,7 +14,7 @@ __decorate([
     Prop({ required: true })
 ], BaseResultPreviousPrice.prototype, "result", void 0);
 __decorate([
-    Prop({ default: 'i.iii,dd' })
+    Prop()
 ], BaseResultPreviousPrice.prototype, "format", void 0);
 BaseResultPreviousPrice = __decorate([
     Component({

package/js/components/result/base-result-previous-price.vue_rollup-plugin-vue_script.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base-result-previous-price.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../src/components/result/base-result-previous-price.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Result } from '@empathyco/x-types';\nimport { Component, Prop } from 'vue-property-decorator';\nimport Vue from 'vue';\nimport BaseCurrency from '../currency/base-currency.vue';\n\n/*\n Component that renders the {@link @empathyco/x-types#Result \| result} previous price.\n \n @public\n /\n@Component({\n components: { BaseCurrency }\n})\nexport default class BaseResultPreviousPrice extends Vue {\n /\n (Required) The {@link @empathyco/x-types#Result \| result} information.\n \n @public\n /\n @Prop({ required: true })\n protected result!: Result;\n\n /\n Format or mask to be defined as string.\n * - Use 'i' to define integer numbers.\n * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the\n * doesn't include decimals, it is filled with zeros until reach the length defined with 'd's.\n * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.\n * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more\n * than one character.\n * - Set whatever you need around the integers and decimals marks.\n * - Default mask: 'i.iii,dd' which returns '1.345,67'.\n \n @remarks The number of 'd', which is the maximum decimal length, MUST match with the length\n * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n * part, delete significant digits.\n \n @public\n */\n @Prop(~~{ default: 'i.iii,dd' }~~)\n protected format!: string;\n}\n"],"names":["BaseCurrency"],"mappings":";;;;;AAsBA;;;;;AAQA,IAAqB,uBAAuB,GAA5C,MAAqB,uBAAwB,SAAQ,GAAG;~~CA4BvD~~,CAAA;~~AArBC~~;IADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;uDACC;~~AAoB1B~~;IADC,IAAI,~~CAAC,~~EAAE~~,OAAO,EAAE,UAAU,EAAE,CAAC~~;~~uDACJ~~;~~AA3BP~~,uBAAuB;IAH3C,SAAS,CAAC;QACT,UAAU,EAAE,gBAAEA,iBAAY,EAAE;KAC7B,CAAC;GACmB,uBAAuB,~~CA4B3C~~;~~aA5BoB~~,uBAAuB;;;;"}
1	+ {"version":3,"file":"base-result-previous-price.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../src/components/result/base-result-previous-price.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Result } from '@empathyco/x-types';\nimport { Component, Prop } from 'vue-property-decorator';\nimport Vue from 'vue';\nimport BaseCurrency from '../currency/base-currency.vue';\n\n/*\n Component that renders the {@link @empathyco/x-types#Result \| result} previous price.\n \n @public\n /\n@Component({\n components: { BaseCurrency }\n})\nexport default class BaseResultPreviousPrice extends Vue {\n /\n (Required) The {@link @empathyco/x-types#Result \| result} information.\n \n @public\n /\n @Prop({ required: true })\n protected result!: Result;\n\n /\n Format or mask to be defined as string.\n * - Use 'i' to define integer numbers.\n * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the\n * doesn't include decimals, it is filled with zeros until reach the length defined with 'd's.\n * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.\n * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more\n * than one character.\n * - Set whatever you need around the integers and decimals marks.\n \n @remarks The number of 'd', which is the maximum decimal length, MUST match with the length\n * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n * part, delete significant digits.\n \n @public\n */\n @Prop()\n protected format?: string;\n}\n"],"names":["BaseCurrency"],"mappings":";;;;;AAsBA;;;;;AAQA,IAAqB,uBAAuB,GAA5C,MAAqB,uBAAwB,SAAQ,GAAG;CA2BvD,CAAA;AApBC;IADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;uDACC;AAmB1B;IADC,IAAI,EAAE;uDACmB;AA1BP,uBAAuB;IAH3C,SAAS,CAAC;QACT,UAAU,EAAE,gBAAEA,iBAAY,EAAE;KAC7B,CAAC;GACmB,uBAAuB,CA2B3C;aA3BoB,uBAAuB;;;;"}

package/js/index.js CHANGED Viewed

@@ -216,7 +216,7 @@ export { HistoryQueriesGetter, historyQueries } from './x-modules/history-querie
 export { sessionHistoryQueries } from './x-modules/history-queries/store/getters/session-history-queries.getter.js';
 export { storageKey } from './x-modules/history-queries/store/getters/storage-key.getter.js';
 export { historyQueriesXStoreModule } from './x-modules/history-queries/store/module.js';
-export { addQueryToHistoryQueries, clearHistoryQueries, clearHistoryQueriesQuery, historyQueriesWiring, loadHistoryQueriesFromBrowserStorageWire, refreshHistoryQueriesSession, removeHistoryQuery, setHistoryQueriesQuery } from './x-modules/history-queries/wiring.js';
+export { addQueryToHistoryQueries, clearHistoryQueries, clearHistoryQueriesQuery, historyQueriesWiring, loadHistoryQueriesFromBrowserStorageWire, refreshHistoryQueriesSession, removeHistoryQuery, setHistoryQueriesQuery, toggleHistoryQueries } from './x-modules/history-queries/wiring.js';
 export { historyQueriesXModule } from './x-modules/history-queries/x-module.js';
 export { default as IdentifierResult } from './x-modules/identifier-results/components/identifier-result.vue.js';
 export { default as IdentifierResults } from './x-modules/identifier-results/components/identifier-results.vue.js';

package/js/x-modules/history-queries/store/actions/set-history-queries.action.js CHANGED Viewed

@@ -9,11 +9,13 @@ import { localStorageService } from '../../../../utils/storage.js';
  * @public
  */
 const setHistoryQueries = ({ commit, state, getters }, historyQueries) => {
-    if (historyQueries.length > state.config.maxItemsToStore) {
-        historyQueries = historyQueries.slice(0, state.config.maxItemsToStore);
+    if (state.isEnabled) {
+        if (historyQueries.length > state.config.maxItemsToStore) {
+            historyQueries = historyQueries.slice(0, state.config.maxItemsToStore);
+        }
+        commit('setHistoryQueries', historyQueries);
+        localStorageService.setItem(getters.storageKey, historyQueries);
     }
-    commit('setHistoryQueries', historyQueries);
-    localStorageService.setItem(getters.storageKey, historyQueries);
 };
 export { setHistoryQueries };

package/js/x-modules/history-queries/store/actions/set-history-queries.action.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"set-history-queries.action.js","sources":["../../../../../../src/x-modules/history-queries/store/actions/set-history-queries.action.ts"],"sourcesContent":["import { localStorageService } from '../../../../utils/storage';\nimport { HistoryQueriesXStoreModule } from '../types';\n\n/*\n Default implementation for the {@link HistoryQueriesActions.setHistoryQueries}.\n \n @param context - The {@link https://vuex.vuejs.org/guide/actions.html \| context} of the actions,\n * provided by Vuex.\n * @param historyQueries - The new history queries to save to the store and browser storage.\n * @public\n */\nexport const setHistoryQueries: HistoryQueriesXStoreModule['actions']['setHistoryQueries'] = (\n { commit, state, getters },\n historyQueries\n) => {\n if (historyQueries.length > state.config.maxItemsToStore) {\n historyQueries = historyQueries.slice(0, state.config.maxItemsToStore);\n }\n commit('setHistoryQueries', historyQueries);\n localStorageService.setItem(getters.storageKey, historyQueries);\n};\n"],"names":[],"mappings":";;AAGA;;;;;;;;MAQa,iBAAiB,GAA+D,CAC3F,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAC1B,cAAc;IAEd,IAAI,cAAc,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE;~~QACxD~~,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;~~KACxE~~;~~IACD~~,MAAM,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC;~~IAC5C~~,mBAAmB,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;~~AAClE~~;;;;"}
1	+ {"version":3,"file":"set-history-queries.action.js","sources":["../../../../../../src/x-modules/history-queries/store/actions/set-history-queries.action.ts"],"sourcesContent":["import { localStorageService } from '../../../../utils/storage';\nimport { HistoryQueriesXStoreModule } from '../types';\n\n/*\n Default implementation for the {@link HistoryQueriesActions.setHistoryQueries}.\n \n @param context - The {@link https://vuex.vuejs.org/guide/actions.html \| context} of the actions,\n * provided by Vuex.\n * @param historyQueries - The new history queries to save to the store and browser storage.\n * @public\n */\nexport const setHistoryQueries: HistoryQueriesXStoreModule['actions']['setHistoryQueries'] = (\n { commit, state, getters },\n historyQueries\n) => {\n if (state.isEnabled) {\n if (historyQueries.length > state.config.maxItemsToStore) {\n historyQueries = historyQueries.slice(0, state.config.maxItemsToStore);\n }\n commit('setHistoryQueries', historyQueries);\n localStorageService.setItem(getters.storageKey, historyQueries);\n }\n};\n"],"names":[],"mappings":";;AAGA;;;;;;;;MAQa,iBAAiB,GAA+D,CAC3F,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAC1B,cAAc;IAEd,IAAI,KAAK,CAAC,SAAS,EAAE;QACnB,IAAI,cAAc,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE;YACxD,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;SACxE;QACD,MAAM,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC;QAC5C,mBAAmB,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;KACjE;AACH;;;;"}

package/js/x-modules/history-queries/store/actions/toggle-history-queries.action.js ADDED Viewed

@@ -0,0 +1,13 @@
+import { localStorageService } from '../../../../utils/storage.js';
+import { HISTORY_QUERIES_ENABLED_KEY } from '../constants.js';
+const toggleHistoryQueries = async ({ dispatch, commit }, isEnabled) => {
+    if (!isEnabled) {
+        await dispatch('setHistoryQueries', []);
+    }
+    commit('setIsEnabled', isEnabled);
+    localStorageService.setItem(HISTORY_QUERIES_ENABLED_KEY, isEnabled);
+};
+export { toggleHistoryQueries };
+//# sourceMappingURL=toggle-history-queries.action.js.map

package/js/x-modules/history-queries/store/actions/toggle-history-queries.action.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"toggle-history-queries.action.js","sources":["../../../../../../src/x-modules/history-queries/store/actions/toggle-history-queries.action.ts"],"sourcesContent":["import { localStorageService } from '../../../../utils/storage';\nimport { HISTORY_QUERIES_ENABLED_KEY } from '../constants';\nimport { HistoryQueriesXStoreModule } from '../types';\n\nexport const toggleHistoryQueries: HistoryQueriesXStoreModule['actions']['toggleHistoryQueries'] =\n async ({ dispatch, commit }, isEnabled) => {\n if (!isEnabled) {\n await dispatch('setHistoryQueries', []);\n }\n\n commit('setIsEnabled', isEnabled);\n localStorageService.setItem(HISTORY_QUERIES_ENABLED_KEY, isEnabled);\n };\n"],"names":[],"mappings":";;;MAIa,oBAAoB,GAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,SAAS;IACpC,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,QAAQ,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;KACzC;IAED,MAAM,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,OAAO,CAAC,2BAA2B,EAAE,SAAS,CAAC,CAAC;AACtE;;;;"}

package/js/x-modules/history-queries/store/constants.js CHANGED Viewed

@@ -1,5 +1,6 @@
 const HISTORY_QUERIES_STORAGE_KEY = 'history-queries';
-const SESSION_TIME_STAMP_STORAGE_KEY = 'session-time-stamp';
+const SESSION_TIME_STAMP_STORAGE_KEY = 'session-time-stamp';
+const HISTORY_QUERIES_ENABLED_KEY = 'history-queries-enabled';
-export { HISTORY_QUERIES_STORAGE_KEY, SESSION_TIME_STAMP_STORAGE_KEY };
+export { HISTORY_QUERIES_ENABLED_KEY, HISTORY_QUERIES_STORAGE_KEY, SESSION_TIME_STAMP_STORAGE_KEY };
 //# sourceMappingURL=constants.js.map

package/js/x-modules/history-queries/store/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sources":["../../../../../src/x-modules/history-queries/store/constants.ts"],"sourcesContent":["export const HISTORY_QUERIES_STORAGE_KEY = 'history-queries';\nexport const SESSION_TIME_STAMP_STORAGE_KEY = 'session-time-stamp';\n"],"names":[],"mappings":"MAAa,2BAA2B,GAAG,kBAAkB;MAChD,8BAA8B,GAAG;;;;"}
1	+ {"version":3,"file":"constants.js","sources":["../../../../../src/x-modules/history-queries/store/constants.ts"],"sourcesContent":["export const HISTORY_QUERIES_STORAGE_KEY = 'history-queries';\nexport const SESSION_TIME_STAMP_STORAGE_KEY = 'session-time-stamp';\nexport const HISTORY_QUERIES_ENABLED_KEY = 'history-queries-enabled';\n"],"names":[],"mappings":"MAAa,2BAA2B,GAAG,kBAAkB;MAChD,8BAA8B,GAAG,qBAAqB;MACtD,2BAA2B,GAAG;;;;"}

package/js/x-modules/history-queries/store/module.js CHANGED Viewed

@@ -1,10 +1,13 @@
 import { setQuery } from '../../../store/utils/query.utils.js';
+import { localStorageService } from '../../../utils/storage.js';
 import { addQueryToHistory } from './actions/add-query-to-history.action.js';
 import { loadHistoryQueriesFromBrowserStorage } from './actions/load-history-queries-from-browser-storage.action.js';
 import { refreshSession } from './actions/refresh-session.action.js';
 import { removeFromHistory } from './actions/remove-query-from-history.action.js';
 import { setHistoryQueries } from './actions/set-history-queries.action.js';
 import { setUrlParams } from './actions/set-url-params.action.js';
+import { toggleHistoryQueries } from './actions/toggle-history-queries.action.js';
+import { HISTORY_QUERIES_ENABLED_KEY } from './constants.js';
 import { historyQueries } from './getters/history-queries.getter.js';
 import { normalizedQuery } from './getters/normalized-query.getter.js';
 import { sessionHistoryQueries } from './getters/session-history-queries.getter.js';
@@ -25,7 +28,8 @@ const historyQueriesXStoreModule = {
         },
         query: '',
         historyQueries: [],
-        sessionTimeStampInMs: Date.now()
+        sessionTimeStampInMs: Date.now(),
+        isEnabled: localStorageService.getItem(HISTORY_QUERIES_ENABLED_KEY) ?? true
     }),
     getters: {
         historyQueries,
@@ -40,7 +44,10 @@ const historyQueriesXStoreModule = {
         setSessionTimeStamp(state, sessionTimeStamp) {
             state.sessionTimeStampInMs = sessionTimeStamp;
         },
-        setQuery
+        setQuery,
+        setIsEnabled(state, isEnabled) {
+            state.isEnabled = isEnabled;
+        }
     },
     actions: {
         addQueryToHistory,
@@ -48,7 +55,8 @@ const historyQueriesXStoreModule = {
         refreshSession,
         removeFromHistory,
         setHistoryQueries,
-        setUrlParams
+        setUrlParams,
+        toggleHistoryQueries
     }
 };

package/js/x-modules/history-queries/store/module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"module.js","sources":["../../../../../src/x-modules/history-queries/store/module.ts"],"sourcesContent":["import { setQuery } from '../../../store/utils/query.utils';\nimport { addQueryToHistory } from './actions/add-query-to-history.action';\n// eslint-disable-next-line max-len\nimport { loadHistoryQueriesFromBrowserStorage } from './actions/load-history-queries-from-browser-storage.action';\nimport { refreshSession } from './actions/refresh-session.action';\nimport { removeFromHistory } from './actions/remove-query-from-history.action';\nimport { setHistoryQueries } from './actions/set-history-queries.action';\nimport { setUrlParams } from './actions/set-url-params.action';\nimport { historyQueries } from './getters/history-queries.getter';\nimport { normalizedQuery } from './getters/normalized-query.getter';\nimport { sessionHistoryQueries } from './getters/session-history-queries.getter';\nimport { storageKey } from './getters/storage-key.getter';\nimport { HistoryQueriesXStoreModule } from './types';\n\n/*\n {@link XStoreModule} For the history-queries module.\n \n @internal\n /\nexport const historyQueriesXStoreModule: HistoryQueriesXStoreModule = {\n state: () => ({\n config: {\n debounceInMs: 150,\n maxItemsToStore: 50,\n hideIfEqualsQuery: true,\n sessionTTLInMs: 30 60 * 1000\n },\n query: '',\n historyQueries: [],\n sessionTimeStampInMs: Date.now()\n }),\n getters: {\n historyQueries,\n normalizedQuery,\n sessionHistoryQueries,\n storageKey\n },\n mutations: {\n setHistoryQueries(state, historyQueries) {\n state.historyQueries = historyQueries;\n },\n setSessionTimeStamp(state, sessionTimeStamp) {\n state.sessionTimeStampInMs = sessionTimeStamp;\n },\n setQuery\n },\n actions: {\n addQueryToHistory,\n loadHistoryQueriesFromBrowserStorage,\n refreshSession,\n removeFromHistory,\n setHistoryQueries,\n setUrlParams\n }\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;;;AAcA~~;;;;;MAKa,0BAA0B,GAA+B;IACpE,KAAK,EAAE,OAAO;QACZ,MAAM,EAAE;YACN,YAAY,EAAE,GAAG;YACjB,eAAe,EAAE,EAAE;YACnB,iBAAiB,EAAE,IAAI;YACvB,cAAc,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI;SAC/B;QACD,KAAK,EAAE,EAAE;QACT,cAAc,EAAE,EAAE;QAClB,oBAAoB,EAAE,IAAI,CAAC,GAAG,EAAE;~~KACjC~~,CAAC;IACF,OAAO,EAAE;QACP,cAAc;QACd,eAAe;QACf,qBAAqB;QACrB,UAAU;KACX;IACD,SAAS,EAAE;QACT,iBAAiB,CAAC,KAAK,EAAE,cAAc;YACrC,KAAK,CAAC,cAAc,GAAG,cAAc,CAAC;SACvC;QACD,mBAAmB,CAAC,KAAK,EAAE,gBAAgB;YACzC,KAAK,CAAC,oBAAoB,GAAG,gBAAgB,CAAC;SAC/C;QACD,QAAQ;~~KACT~~;IACD,OAAO,EAAE;QACP,iBAAiB;QACjB,oCAAoC;QACpC,cAAc;QACd,iBAAiB;QACjB,iBAAiB;QACjB,YAAY;~~KACb~~;;;;;"}
1	+ {"version":3,"file":"module.js","sources":["../../../../../src/x-modules/history-queries/store/module.ts"],"sourcesContent":["import { setQuery } from '../../../store/utils/query.utils';\nimport { localStorageService } from '../../../utils/storage';\nimport { addQueryToHistory } from './actions/add-query-to-history.action';\n// eslint-disable-next-line max-len\nimport { loadHistoryQueriesFromBrowserStorage } from './actions/load-history-queries-from-browser-storage.action';\nimport { refreshSession } from './actions/refresh-session.action';\nimport { removeFromHistory } from './actions/remove-query-from-history.action';\nimport { setHistoryQueries } from './actions/set-history-queries.action';\nimport { setUrlParams } from './actions/set-url-params.action';\nimport { toggleHistoryQueries } from './actions/toggle-history-queries.action';\nimport { HISTORY_QUERIES_ENABLED_KEY } from './constants';\nimport { historyQueries } from './getters/history-queries.getter';\nimport { normalizedQuery } from './getters/normalized-query.getter';\nimport { sessionHistoryQueries } from './getters/session-history-queries.getter';\nimport { storageKey } from './getters/storage-key.getter';\nimport { HistoryQueriesXStoreModule } from './types';\n\n/*\n {@link XStoreModule} For the history-queries module.\n \n @internal\n /\nexport const historyQueriesXStoreModule: HistoryQueriesXStoreModule = {\n state: () => ({\n config: {\n debounceInMs: 150,\n maxItemsToStore: 50,\n hideIfEqualsQuery: true,\n sessionTTLInMs: 30 60 * 1000\n },\n query: '',\n historyQueries: [],\n sessionTimeStampInMs: Date.now(),\n isEnabled: localStorageService.getItem<boolean>(HISTORY_QUERIES_ENABLED_KEY) ?? true\n }),\n getters: {\n historyQueries,\n normalizedQuery,\n sessionHistoryQueries,\n storageKey\n },\n mutations: {\n setHistoryQueries(state, historyQueries) {\n state.historyQueries = historyQueries;\n },\n setSessionTimeStamp(state, sessionTimeStamp) {\n state.sessionTimeStampInMs = sessionTimeStamp;\n },\n setQuery,\n setIsEnabled(state, isEnabled) {\n state.isEnabled = isEnabled;\n }\n },\n actions: {\n addQueryToHistory,\n loadHistoryQueriesFromBrowserStorage,\n refreshSession,\n removeFromHistory,\n setHistoryQueries,\n setUrlParams,\n toggleHistoryQueries\n }\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAiBA;;;;;MAKa,0BAA0B,GAA+B;IACpE,KAAK,EAAE,OAAO;QACZ,MAAM,EAAE;YACN,YAAY,EAAE,GAAG;YACjB,eAAe,EAAE,EAAE;YACnB,iBAAiB,EAAE,IAAI;YACvB,cAAc,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI;SAC/B;QACD,KAAK,EAAE,EAAE;QACT,cAAc,EAAE,EAAE;QAClB,oBAAoB,EAAE,IAAI,CAAC,GAAG,EAAE;QAChC,SAAS,EAAE,mBAAmB,CAAC,OAAO,CAAU,2BAA2B,CAAC,IAAI,IAAI;KACrF,CAAC;IACF,OAAO,EAAE;QACP,cAAc;QACd,eAAe;QACf,qBAAqB;QACrB,UAAU;KACX;IACD,SAAS,EAAE;QACT,iBAAiB,CAAC,KAAK,EAAE,cAAc;YACrC,KAAK,CAAC,cAAc,GAAG,cAAc,CAAC;SACvC;QACD,mBAAmB,CAAC,KAAK,EAAE,gBAAgB;YACzC,KAAK,CAAC,oBAAoB,GAAG,gBAAgB,CAAC;SAC/C;QACD,QAAQ;QACR,YAAY,CAAC,KAAK,EAAE,SAAS;YAC3B,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;SAC7B;KACF;IACD,OAAO,EAAE;QACP,iBAAiB;QACjB,oCAAoC;QACpC,cAAc;QACd,iBAAiB;QACjB,iBAAiB;QACjB,YAAY;QACZ,oBAAoB;KACrB;;;;;"}

package/js/x-modules/history-queries/wiring.js CHANGED Viewed

@@ -76,6 +76,12 @@ const clearHistoryQueries = wireDispatch('setHistoryQueries', []);
  * @public
  */
 const removeHistoryQuery = wireDispatch('removeFromHistory');
+/**
+ * Enables or disables history queries.
+ *
+ * @public
+ */
+const toggleHistoryQueries = wireDispatch('toggleHistoryQueries');
 /**
  * Debounce function for the module.
  */
@@ -110,8 +116,11 @@ const historyQueriesWiring = createWiring({
     },
     UserPressedRemoveHistoryQuery: {
         removeHistoryQuery
+    },
+    UserToggledHistoryQueries: {
+        toggleHistoryQueries
     }
 });
-export { addQueryToHistoryQueries, clearHistoryQueries, clearHistoryQueriesQuery, historyQueriesWiring, loadHistoryQueriesFromBrowserStorageWire, refreshHistoryQueriesSession, removeHistoryQuery, setHistoryQueriesQuery };
+export { addQueryToHistoryQueries, clearHistoryQueries, clearHistoryQueriesQuery, historyQueriesWiring, loadHistoryQueriesFromBrowserStorageWire, refreshHistoryQueriesSession, removeHistoryQuery, setHistoryQueriesQuery, toggleHistoryQueries };
 //# sourceMappingURL=wiring.js.map