@empathyco/x-components 3.0.0-alpha.121 → 3.0.0-alpha.124

package/CHANGELOG.md

@@ -3,6 +3,50 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.0.0-alpha.124](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.123...@empathyco/x-components@3.0.0-alpha.124) (2022-07-06)
+
+### Features
+
+- add 'my_history' as feature location (#587)
+  ([7b0263e](https://github.com/empathyco/x/commit/7b0263e23c9afb2af61174ac53bdedd3eb4263ba)),
+  closes [EX-6527](https://searchbroker.atlassian.net/browse/EX-6527)
+- **components:** add `BaseSwitch` component (#586)
+  ([31cde2d](https://github.com/empathyco/x/commit/31cde2dfb79dcc549c8662b558ef5b80529f2d01)),
+  closes [EX-6004](https://searchbroker.atlassian.net/browse/EX-6004)
+
+### Testing
+
+- fix exclude-filters e2e test (#588)
+  ([51ecc52](https://github.com/empathyco/x/commit/51ecc5234b665a2320a760d485bf6da74648f902)),
+  closes [EX-6590](https://searchbroker.atlassian.net/browse/EX-6590)
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [3.0.0-alpha.123](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.122...@empathyco/x-components@3.0.0-alpha.123) (2022-07-04)
+
+**Note:** Version bump only for package @empathyco/x-components
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [3.0.0-alpha.122](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.121...@empathyco/x-components@3.0.0-alpha.122) (2022-06-30)
+
+### Code Refactoring
+
+- Move aside to its own component in Home view. (#581)
+  ([5b40994](https://github.com/empathyco/x/commit/5b40994af47c268ed10f06624ac1fdc634523a6d)),
+  closes [EX-6525](https://searchbroker.atlassian.net/browse/EX-6525)
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 ## [3.0.0-alpha.121](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.120...@empathyco/x-components@3.0.0-alpha.121) (2022-06-29)
 
 ### Features

package/core/index.js

@@ -103,6 +103,7 @@ export { default as BaseEventButton } from '../js/components/base-event-button.v
 export { default as BaseGrid } from '../js/components/base-grid.vue.js';
 export { default as BaseKeyboardNavigation } from '../js/components/base-keyboard-navigation.vue.js';
 export { default as BaseRating } from '../js/components/base-rating.vue.js';
+export { default as BaseSwitch } from '../js/components/base-switch.vue.js';
 export { default as BaseVariableColumnGrid } from '../js/components/base-variable-column-grid.vue.js';
 export { default as GlobalXBus } from '../js/components/global-x-bus.vue.js';
 export { default as ItemsList } from '../js/components/items-list.vue.js';

package/core/index.js.map

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

package/design-system/full-theme.css

@@ -898,20 +898,6 @@
   --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
   --x-size-border-width-left-facet-header-line: 0;
 }
-.x-facet--outlined.x-facet,
-.x-facet--outlined .x-facet {
-  --x-color-border-facet-default: var(--x-color-border-facet-outlined);
-  --x-size-border-width-facet-default: var(--x-size-border-width-facet-outlined);
-  --x-size-border-width-top-facet-default: var(--x-size-border-width-top-facet-outlined);
-  --x-size-border-width-right-facet-default: var(--x-size-border-width-right-facet-outlined);
-  --x-size-border-width-bottom-facet-default: var(--x-size-border-width-bottom-facet-outlined);
-  --x-size-border-width-left-facet-default: var(--x-size-border-width-left-facet-outlined);
-  --x-size-padding-facet-header-default: var(--x-size-padding-facet-header-outlined);
-  --x-size-padding-top-facet-header-default: var(--x-size-padding-top-facet-header-outlined);
-  --x-size-padding-right-facet-header-default: var(--x-size-padding-right-facet-header-outlined);
-  --x-size-padding-bottom-facet-header-default: var(--x-size-padding-bottom-facet-header-outlined);
-  --x-size-padding-left-facet-header-default: var(--x-size-padding-left-facet-header-outlined);
-}
 :root {
   --x-color-border-facet-outlined: var(--x-color-base-neutral-70);
   --x-size-border-width-facet-outlined: var(--x-size-border-width-base);
@@ -3637,6 +3623,12 @@
 .x-sliding-panel__scroll > .x-list {
   --x-string-flow-list: row nowrap;
 }
+:root {
+  --x-color-background-sliding-panel: var(--x-color-base-neutral-100);
+  --x-size-width-sliding-panel-gradient: var(--x-size-base-09);
+  --x-size-padding-sliding-panel-button: var(--x-size-base-03);
+  --x-size-horizontal-margin-sliding-panel-button-overflow: var(--x-size-base-02);
+}
 [dir="ltr"] .x-suggestion-group {
   padding-left: var(--x-size-padding-left-suggestion-group-default);
 }
@@ -7608,9 +7600,17 @@
   text-transform: none;
 }
 
-:root {
-  --x-color-background-sliding-panel: var(--x-color-base-neutral-100);
-  --x-size-width-sliding-panel-gradient: var(--x-size-base-09);
-  --x-size-padding-sliding-panel-button: var(--x-size-base-03);
-  --x-size-horizontal-margin-sliding-panel-button-overflow: var(--x-size-base-02);
+.x-facet--outlined.x-facet,
+.x-facet--outlined .x-facet {
+  --x-color-border-facet-default: var(--x-color-border-facet-outlined);
+  --x-size-border-width-facet-default: var(--x-size-border-width-facet-outlined);
+  --x-size-border-width-top-facet-default: var(--x-size-border-width-top-facet-outlined);
+  --x-size-border-width-right-facet-default: var(--x-size-border-width-right-facet-outlined);
+  --x-size-border-width-bottom-facet-default: var(--x-size-border-width-bottom-facet-outlined);
+  --x-size-border-width-left-facet-default: var(--x-size-border-width-left-facet-outlined);
+  --x-size-padding-facet-header-default: var(--x-size-padding-facet-header-outlined);
+  --x-size-padding-top-facet-header-default: var(--x-size-padding-top-facet-header-outlined);
+  --x-size-padding-right-facet-header-default: var(--x-size-padding-right-facet-header-outlined);
+  --x-size-padding-bottom-facet-header-default: var(--x-size-padding-bottom-facet-header-outlined);
+  --x-size-padding-left-facet-header-default: var(--x-size-padding-left-facet-header-outlined);
 }

package/docs/API-reference/api/x-adapter-platform.md

@@ -29,6 +29,7 @@
 |  [PlatformNextQueriesRequest](./x-adapter-platform.platformnextqueriesrequest.md) | Request for the <code>next queries</code> endpoint with <code>extra params</code>. |
 |  [PlatformNextQueriesResponse](./x-adapter-platform.platformnextqueriesresponse.md) | Response for the <code>next queries</code> endpoint. |
 |  [PlatformNextQuery](./x-adapter-platform.platformnextquery.md) | Next query model for the <code>platform</code> API. |
+|  [PlatformPartialResult](./x-adapter-platform.platformpartialresult.md) |  |
 |  [PlatformPopularSearchesRequest](./x-adapter-platform.platformpopularsearchesrequest.md) | Platform request for the <code>popular searches</code> endpoint. |
 |  [PlatformPopularSearchesResponse](./x-adapter-platform.platformpopularsearchesresponse.md) | Response for the <code>popular searches</code> endpoint. |
 |  [PlatformPromoted](./x-adapter-platform.platformpromoted.md) | Promoted model for the <code>platform</code> API. |
@@ -66,6 +67,7 @@
 |  [nextQueriesResponseSchema](./x-adapter-platform.nextqueriesresponseschema.md) |  |
 |  [nextQuerySchema](./x-adapter-platform.nextqueryschema.md) |  |
 |  [numberFilterSchema](./x-adapter-platform.numberfilterschema.md) |  |
+|  [partialResultsSchema](./x-adapter-platform.partialresultsschema.md) |  |
 |  [platformAdapter](./x-adapter-platform.platformadapter.md) |  |
 |  [popularSearchesEndpointAdapter](./x-adapter-platform.popularsearchesendpointadapter.md) |  |
 |  [popularSearchesRequestMapper](./x-adapter-platform.popularsearchesrequestmapper.md) |  |

package/docs/API-reference/api/x-adapter-platform.partialresultsschema.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-adapter-platform](./x-adapter-platform.md) &gt; [partialResultsSchema](./x-adapter-platform.partialresultsschema.md)
+
+## partialResultsSchema variable
+
+<b>Signature:</b>
+
+```typescript
+partialResultsSchema: import("@empathyco/x-adapter").MutableSchema<Schema<PlatformPartialResult, PartialResult>>
+```

package/docs/API-reference/api/x-adapter-platform.platformpartialresult.content.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-adapter-platform](./x-adapter-platform.md) &gt; [PlatformPartialResult](./x-adapter-platform.platformpartialresult.md) &gt; [content](./x-adapter-platform.platformpartialresult.content.md)
+
+## PlatformPartialResult.content property
+
+<b>Signature:</b>
+
+```typescript
+content: PlatformResult[];
+```

package/docs/API-reference/api/x-adapter-platform.platformpartialresult.md

@@ -0,0 +1,20 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-adapter-platform](./x-adapter-platform.md) &gt; [PlatformPartialResult](./x-adapter-platform.platformpartialresult.md)
+
+## PlatformPartialResult interface
+
+<b>Signature:</b>
+
+```typescript
+export interface PlatformPartialResult 
+```
+
+## Properties
+
+|  Property | Type | Description |
+|  --- | --- | --- |
+|  [content](./x-adapter-platform.platformpartialresult.content.md) | [PlatformResult](./x-adapter-platform.platformresult.md)<!-- -->\[\] |  |
+|  [numFound](./x-adapter-platform.platformpartialresult.numfound.md) | number |  |
+|  [term](./x-adapter-platform.platformpartialresult.term.md) | string |  |
+

package/docs/API-reference/api/x-adapter-platform.platformpartialresult.numfound.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-adapter-platform](./x-adapter-platform.md) &gt; [PlatformPartialResult](./x-adapter-platform.platformpartialresult.md) &gt; [numFound](./x-adapter-platform.platformpartialresult.numfound.md)
+
+## PlatformPartialResult.numFound property
+
+<b>Signature:</b>
+
+```typescript
+numFound: number;
+```

package/docs/API-reference/api/x-adapter-platform.platformpartialresult.term.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-adapter-platform](./x-adapter-platform.md) &gt; [PlatformPartialResult](./x-adapter-platform.platformpartialresult.md) &gt; [term](./x-adapter-platform.platformpartialresult.term.md)
+
+## PlatformPartialResult.term property
+
+<b>Signature:</b>
+
+```typescript
+term: string;
+```

package/docs/API-reference/api/x-adapter-platform.platformsearchresponse.catalog.md

@@ -12,6 +12,7 @@ catalog: {
         facets: PlatformFacet[];
         numFound: number;
         spellchecked: string;
+        partials: PlatformPartialResult[];
         tagging: {
             query: string;
         };

package/docs/API-reference/api/x-adapter-platform.platformsearchresponse.md

@@ -17,7 +17,7 @@ export interface PlatformSearchResponse
 |  Property | Type | Description |
 |  --- | --- | --- |
 |  [banner](./x-adapter-platform.platformsearchresponse.banner.md) | { content: [PlatformBanner](./x-adapter-platform.platformbanner.md)<!-- -->\[\]; } |  |
-|  [catalog](./x-adapter-platform.platformsearchresponse.catalog.md) | { content: [PlatformResult](./x-adapter-platform.platformresult.md)<!-- -->\[\]; facets: [PlatformFacet](./x-adapter-platform.platformfacet.md)<!-- -->\[\]; numFound: number; spellchecked: string; tagging: { query: string; }; } |  |
+|  [catalog](./x-adapter-platform.platformsearchresponse.catalog.md) | { content: [PlatformResult](./x-adapter-platform.platformresult.md)<!-- -->\[\]; facets: [PlatformFacet](./x-adapter-platform.platformfacet.md)<!-- -->\[\]; numFound: number; spellchecked: string; partials: [PlatformPartialResult](./x-adapter-platform.platformpartialresult.md)<!-- -->\[\]; tagging: { query: string; }; } |  |
 |  [direct](./x-adapter-platform.platformsearchresponse.direct.md) | { content: [PlatformRedirection](./x-adapter-platform.platformredirection.md)<!-- -->\[\]; } |  |
 |  [promoted](./x-adapter-platform.platformsearchresponse.promoted.md) | { content: [PlatformPromoted](./x-adapter-platform.platformpromoted.md)<!-- -->\[\]; } |  |
 

package/docs/API-reference/api/x-components.baseswitch.md

@@ -0,0 +1,21 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [BaseSwitch](./x-components.baseswitch.md)
+
+## BaseSwitch class
+
+Basic switch component to handle boolean values. This component receives its selected state using a prop, and emits a Vue event whenever the user clicks it.
+
+<b>Signature:</b>
+
+```typescript
+export default class BaseSwitch extends Vue 
+```
+<b>Extends:</b> Vue
+
+## Properties
+
+|  Property | Modifiers | Type | Description |
+|  --- | --- | --- | --- |
+|  [value](./x-components.baseswitch.value.md) |  | boolean | The selected value of the switch. |
+

package/docs/API-reference/api/x-components.baseswitch.value.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [BaseSwitch](./x-components.baseswitch.md) &gt; [value](./x-components.baseswitch.value.md)
+
+## BaseSwitch.value property
+
+The selected value of the switch.
+
+<b>Signature:</b>
+
+```typescript
+value: boolean;
+```

package/docs/API-reference/api/x-components.featurelocation.md

@@ -9,7 +9,7 @@ Indicates where the feature is placed.
 <b>Signature:</b>
 
 ```typescript
-export declare type FeatureLocation = 'external' | 'no_query' | 'no_results' | 'none' | 'predictive_layer' | 'results' | 'pdp' | 'url_history' | 'url_history_pdp';
+export declare type FeatureLocation = 'external' | 'my_history' | 'no_query' | 'no_results' | 'none' | 'predictive_layer' | 'results' | 'pdp' | 'url_history' | 'url_history_pdp';
 ```
 
 ## Example 1

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

@@ -45,6 +45,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [BaseScroll](./x-components.basescroll.md) | Base scroll component that depending on the user interactivity emits different events for knowing when the user scrolls, the direction of scroll and if user reaches the start or end. |
 |  [BaseSuggestion](./x-components.basesuggestion.md) | Renders a button with a default slot. It receives a query, which should be the query of the module using this component, a suggestion, the [XEvents](./x-components.xevent.md) that will be emitted on click with a given feature.<!-- -->The default slot receives the suggestion and the matched query has props. |
 |  [BaseSuggestions](./x-components.basesuggestions.md) | Paints a list of suggestions passed in by prop. Requires a component for a single suggestion in the default slot for working. |
+|  [BaseSwitch](./x-components.baseswitch.md) | Basic switch component to handle boolean values. This component receives its selected state using a prop, and emits a Vue event whenever the user clicks it. |
 |  [BaseTogglePanel](./x-components.basetogglepanel.md) | Simple panel that receives its open state via prop, which is responsible of rendering default slot inside a configurable transition. |
 |  [BaseVariableColumnGrid](./x-components.basevariablecolumngrid.md) | The <code>BaseVariableColumnGrid</code> component is a wrapper of the <code>BaseGrid</code> component that listens to the <code>UserClickedColumnPicker</code> and the <code>ColumnsNumberProvided</code> events and passes the selected number of columns to the grid. It also allows to customize the grid items using the available <code>scopedSlots</code>. |
 |  [BaseXAPI](./x-components.basexapi.md) | Default implementation for [XAPI](./x-components.xapi.md)<!-- -->. |

package/docs/API-reference/components/common/x-components.base-switch.md

@@ -0,0 +1,80 @@
+---
+
+title: BaseSwitch
+
+---
+
+# BaseSwitch
+
+Basic switch component to handle boolean values. This component receives
+its selected state using a prop, and emits a Vue event whenever the user
+clicks it.
+
+## Props
+
+| Name               | Description                       | Type                 | Default       |
+| ------------------ | --------------------------------- | -------------------- | ------------- |
+| <code>value</code> | The selected value of the switch. | <code>boolean</code> | <code></code> |
+
+## Events
+
+| Event name | Type      | Description |
+| ---------- | --------- | ----------- |
+| change     | undefined |
+
+## Events
+
+This component emits no events.
+
+## See it in action
+
+Here you have a basic example of how the switch is rendered.
+
+_Try clicking it to see how it changes its state_
+
+```vue live
+<template>
+  <BaseSwitch @change="value = !value" :value="value" />
+</template>
+
+<script>
+import { BaseSwitch } from "@empathyco/x-components";
+
+export default {
+  name: "BaseSwitchDemo",
+  components: {
+    BaseSwitch
+  },
+  data() {
+    return {
+      value: false
+    };
+  }
+};
+</script>
+```
+
+The switch component also supports using the `v-model` directive, to automatically handle its state
+change:
+
+```vue live
+<template>
+  <BaseSwitch v-model="value" />
+</template>
+
+<script>
+import { BaseSwitch } from "@empathyco/x-components";
+
+export default {
+  name: "BaseSwitchDemo",
+  components: {
+    BaseSwitch
+  },
+  data() {
+    return {
+      value: false
+    };
+  }
+};
+</script>
+```

package/js/components/base-switch.vue.js

@@ -0,0 +1,59 @@
+import script from './base-switch.vue_rollup-plugin-vue_script.vue.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
+import __vue_create_injector__ from 'vue-runtime-helpers/dist/inject-style/browser.mjs';
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "button",
+    {
+      staticClass: "x-switch",
+      class: _vm.cssClasses,
+      attrs: { "aria-checked": _vm.value.toString(), role: "switch" },
+      on: { click: _vm.toggle },
+    },
+    [_c("div", { staticClass: "x-switch__handle" })]
+  )
+};
+var __vue_staticRenderFns__ = [];
+__vue_render__._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__ = function (inject) {
+    if (!inject) return
+    inject("data-v-25cc8ef8_0", { source: ".x-switch[data-v-25cc8ef8] {\n  --x-switch-height: var(--x-size-base-05);\n  --x-switch-width: calc(2 * (var(--x-switch-height)) + 2 * var(--x-switch-padding));\n  --x-switch-background: var(--x-color-base-neutral-70);\n  --x-switch-padding: var(--x-size-base-01);\n  --x-switch-handle-size: calc(var(--x-switch-height));\n  box-sizing: content-box;\n  height: var(--x-switch-height);\n  padding: var(--x-switch-padding);\n  border-radius: var(--x-size-border-radius-base-pill);\n  background: var(--x-switch-background);\n  width: var(--x-switch-width);\n  border: none;\n  transition: 0.25s ease-out background-color;\n  cursor: pointer;\n}\n.x-switch__handle[data-v-25cc8ef8] {\n  background: var(--x-color-base-neutral-100);\n  border-radius: 50%;\n  height: var(--x-switch-handle-size);\n  width: var(--x-switch-handle-size);\n  transition: 0.25s ease-out transform;\n  transform: translateX(var(--x-switch-translate-x, 0%));\n}\n.x-switch--is-selected[data-v-25cc8ef8] {\n  --x-switch-translate-x: calc(var(--x-switch-padding) + var(--x-switch-width) / 2);\n  --x-switch-background: var(--x-color-base-neutral-10);\n}\n.x-switch--sm[data-v-25cc8ef8] {\n  --x-switch-height: var(--x-size-base-04);\n}\n.x-switch--lg[data-v-25cc8ef8] {\n  --x-switch-height: var(--x-size-base-06);\n}", map: undefined, media: undefined });
+
+  };
+  /* scoped */
+  const __vue_scope_id__ = "data-v-25cc8ef8";
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    __vue_create_injector__,
+    undefined,
+    undefined
+  );
+
+export { __vue_component__ as default };
+//# sourceMappingURL=base-switch.vue.js.map

package/js/components/base-switch.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-switch.vue.js","sources":["../../../src/components/base-switch.vue"],"sourcesContent":["<template>\n  <button\n    @click=\"toggle\"\n    :aria-checked=\"value.toString()\"\n    :class=\"cssClasses\"\n    class=\"x-switch\"\n    role=\"switch\"\n  >\n    <div class=\"x-switch__handle\" />\n  </button>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { VueCSSClasses } from '../utils/types';\n\n  /**\n   * Basic switch component to handle boolean values. This component receives\n   * its selected state using a prop, and emits a Vue event whenever the user\n   * clicks it.\n   *\n   * @public\n   */\n  @Component({\n    model: {\n      event: 'change'\n    }\n  })\n  export default class BaseSwitch extends Vue {\n    /**\n     * The selected value of the switch.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    public value!: boolean;\n\n    /**\n     * Dynamic CSS classes to add to the switch component\n     * depending on its internal state.\n     *\n     * @returns A boolean dictionary with dynamic CSS classes.\n     * @internal\n     */\n    protected get cssClasses(): VueCSSClasses {\n      return {\n        'x-switch--is-selected': this.value\n      };\n    }\n\n    /**\n     * Emits a change event with the desired value of the switch.\n     *\n     * @internal\n     */\n    protected toggle(): void {\n      this.$emit('change', !this.value);\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .x-switch {\n    --x-switch-height: var(--x-size-base-05);\n    --x-switch-width: calc(2 * (var(--x-switch-height)) + 2 * var(--x-switch-padding));\n    --x-switch-background: var(--x-color-base-neutral-70);\n    --x-switch-padding: var(--x-size-base-01);\n    --x-switch-handle-size: calc(var(--x-switch-height));\n    box-sizing: content-box;\n    height: var(--x-switch-height);\n    padding: var(--x-switch-padding);\n    border-radius: var(--x-size-border-radius-base-pill);\n    background: var(--x-switch-background);\n    width: var(--x-switch-width);\n    border: none;\n    transition: 0.25s ease-out background-color;\n    cursor: pointer;\n\n    &__handle {\n      background: var(--x-color-base-neutral-100);\n      border-radius: 50%;\n      height: var(--x-switch-handle-size);\n      width: var(--x-switch-handle-size);\n      transition: 0.25s ease-out transform;\n      transform: translateX(var(--x-switch-translate-x, 0%));\n    }\n\n    &--is-selected {\n      --x-switch-translate-x: calc(var(--x-switch-padding) + var(--x-switch-width) / 2);\n      --x-switch-background: var(--x-color-base-neutral-10);\n    }\n\n    &--sm {\n      --x-switch-height: var(--x-size-base-04);\n    }\n\n    &--lg {\n      --x-switch-height: var(--x-size-base-06);\n    }\n  }\n</style>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits no events.\n\n## See it in action\n\nHere you have a basic example of how the switch is rendered.\n\n_Try clicking it to see how it changes its state_\n\n```vue live\n<template>\n  <BaseSwitch @change=\"value = !value\" :value=\"value\" />\n</template>\n\n<script>\n  import { BaseSwitch } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseSwitchDemo',\n    components: {\n      BaseSwitch\n    },\n    data() {\n      return {\n        value: false\n      };\n    }\n  };\n</script>\n```\n\nThe switch component also supports using the `v-model` directive, to automatically handle its state\nchange:\n\n```vue live\n<template>\n  <BaseSwitch v-model=\"value\" />\n</template>\n\n<script>\n  import { BaseSwitch } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseSwitchDemo',\n    components: {\n      BaseSwitch\n    },\n    data() {\n      return {\n        value: false\n      };\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/components/base-switch.vue_rollup-plugin-vue_script.vue.js

@@ -0,0 +1,47 @@
+import { __decorate } from 'tslib';
+import Vue from 'vue';
+import { Prop, Component } from 'vue-property-decorator';
+
+/**
+ * Basic switch component to handle boolean values. This component receives
+ * its selected state using a prop, and emits a Vue event whenever the user
+ * clicks it.
+ *
+ * @public
+ */
+let BaseSwitch = class BaseSwitch extends Vue {
+    /**
+     * Dynamic CSS classes to add to the switch component
+     * depending on its internal state.
+     *
+     * @returns A boolean dictionary with dynamic CSS classes.
+     * @internal
+     */
+    get cssClasses() {
+        return {
+            'x-switch--is-selected': this.value
+        };
+    }
+    /**
+     * Emits a change event with the desired value of the switch.
+     *
+     * @internal
+     */
+    toggle() {
+        this.$emit('change', !this.value);
+    }
+};
+__decorate([
+    Prop({ required: true })
+], BaseSwitch.prototype, "value", void 0);
+BaseSwitch = __decorate([
+    Component({
+        model: {
+            event: 'change'
+        }
+    })
+], BaseSwitch);
+var script = BaseSwitch;
+
+export { script as default };
+//# sourceMappingURL=base-switch.vue_rollup-plugin-vue_script.vue.js.map

package/js/components/base-switch.vue_rollup-plugin-vue_script.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-switch.vue_rollup-plugin-vue_script.vue.js","sources":["../../../src/components/base-switch.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { VueCSSClasses } from '../utils/types';\n\n/**\n * Basic switch component to handle boolean values. This component receives\n * its selected state using a prop, and emits a Vue event whenever the user\n * clicks it.\n *\n * @public\n */\n@Component({\n  model: {\n    event: 'change'\n  }\n})\nexport default class BaseSwitch extends Vue {\n  /**\n   * The selected value of the switch.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  public value!: boolean;\n\n  /**\n   * Dynamic CSS classes to add to the switch component\n   * depending on its internal state.\n   *\n   * @returns A boolean dictionary with dynamic CSS classes.\n   * @internal\n   */\n  protected get cssClasses(): VueCSSClasses {\n    return {\n      'x-switch--is-selected': this.value\n    };\n  }\n\n  /**\n   * Emits a change event with the desired value of the switch.\n   *\n   * @internal\n   */\n  protected toggle(): void {\n    this.$emit('change', !this.value);\n  }\n}\n"],"names":[],"mappings":";;;;AAiBA;;;;;;;AAYA,IAAqB,UAAU,GAA/B,MAAqB,UAAW,SAAQ,GAAG;;;;;;;;IAgBzC,IAAc,UAAU;QACtB,OAAO;YACL,uBAAuB,EAAE,IAAI,CAAC,KAAK;SACpC,CAAC;KACH;;;;;;IAOS,MAAM;QACd,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACnC;CACF,CAAA;AAvBC;IADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;yCACF;AAPJ,UAAU;IAL9B,SAAS,CAAC;QACT,KAAK,EAAE;YACL,KAAK,EAAE,QAAQ;SAChB;KACF,CAAC;GACmB,UAAU,CA8B9B;aA9BoB,UAAU;;;;"}

package/js/index.js

@@ -103,6 +103,7 @@ export { default as BaseEventButton } from './components/base-event-button.vue.j
 export { default as BaseGrid } from './components/base-grid.vue.js';
 export { default as BaseKeyboardNavigation } from './components/base-keyboard-navigation.vue.js';
 export { default as BaseRating } from './components/base-rating.vue.js';
+export { default as BaseSwitch } from './components/base-switch.vue.js';
 export { default as BaseVariableColumnGrid } from './components/base-variable-column-grid.vue.js';
 export { default as GlobalXBus } from './components/global-x-bus.vue.js';
 export { default as ItemsList } from './components/items-list.vue.js';

package/js/index.js.map

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

package/js/x-modules/extra-params/components/extra-params.vue_rollup-plugin-vue_script.vue.js

@@ -106,6 +106,7 @@ import '../../../components/base-event-button.vue.js';
 import '../../../components/base-grid.vue.js';
 import '../../../components/base-keyboard-navigation.vue.js';
 import '../../../components/base-rating.vue.js';
+import '../../../components/base-switch.vue.js';
 import '../../../components/base-variable-column-grid.vue.js';
 import '../../../components/global-x-bus.vue_rollup-plugin-vue_script.vue.js';
 import '../../../components/items-list.vue.js';

package/js/x-modules/extra-params/components/extra-params.vue_rollup-plugin-vue_script.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"extra-params.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/extra-params/components/extra-params.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\nimport { Dictionary } from '@empathyco/x-utils';\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { State, xComponentMixin, XEmit } from '../../../components';\nimport { extraParamsXModule } from '../x-module';\n\n/**\n * It emits a {@link ExtraParamsXEvents.ExtraParamsProvided} with the values\n * received as a prop.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(extraParamsXModule)]\n})\nexport default class ExtraParams extends Vue {\n  /**\n   * Emits the initial extra params, overriding with the state extra params, just in case, those\n   * values were already set by XComponents initialization (url, plugin config, etc.).\n   */\n  mounted(): void {\n    this.$x.emit('ExtraParamsInitialized', { ...this.values });\n    this.$x.emit('ExtraParamsProvided', { ...this.values, ...this.storeExtraParams });\n  }\n\n  /**\n   * (Required) A Dictionary where the keys are the extra param names and its values.\n   *\n   * @remarks Emits the {@link ExtraParamsXEvents.ExtraParamsProvided} when the\n   * component is rendered or the values changed.\n   *\n   * @public\n   */\n  @XEmit('ExtraParamsProvided', { deep: true })\n  @Prop({ required: true })\n  public values!: Dictionary<unknown>;\n\n  /**\n   * State extra params. Used to override the initial extra params.\n   */\n  @State('extraParams', 'params')\n  public storeExtraParams!: Dictionary<unknown>;\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  render(): void {}\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA;;;;;;AASA,IAAqB,WAAW,GAAhC,MAAqB,WAAY,SAAQ,GAAG;;;;;IAK1C,OAAO;QACL,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAC3D,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;KACnF;;IAqBD,MAAM,MAAW;CAClB,CAAA;AAVC;IAFC,KAAK,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAC5C,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;2CACW;AAMpC;IADC,KAAK,CAAC,aAAa,EAAE,QAAQ,CAAC;qDACe;AA1B3B,WAAW;IAH/B,SAAS,CAAC;QACT,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;KAC9C,CAAC;GACmB,WAAW,CA8B/B;aA9BoB,WAAW;;;;"}
+{"version":3,"file":"extra-params.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/extra-params/components/extra-params.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\nimport { Dictionary } from '@empathyco/x-utils';\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { State, xComponentMixin, XEmit } from '../../../components';\nimport { extraParamsXModule } from '../x-module';\n\n/**\n * It emits a {@link ExtraParamsXEvents.ExtraParamsProvided} with the values\n * received as a prop.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(extraParamsXModule)]\n})\nexport default class ExtraParams extends Vue {\n  /**\n   * Emits the initial extra params, overriding with the state extra params, just in case, those\n   * values were already set by XComponents initialization (url, plugin config, etc.).\n   */\n  mounted(): void {\n    this.$x.emit('ExtraParamsInitialized', { ...this.values });\n    this.$x.emit('ExtraParamsProvided', { ...this.values, ...this.storeExtraParams });\n  }\n\n  /**\n   * (Required) A Dictionary where the keys are the extra param names and its values.\n   *\n   * @remarks Emits the {@link ExtraParamsXEvents.ExtraParamsProvided} when the\n   * component is rendered or the values changed.\n   *\n   * @public\n   */\n  @XEmit('ExtraParamsProvided', { deep: true })\n  @Prop({ required: true })\n  public values!: Dictionary<unknown>;\n\n  /**\n   * State extra params. Used to override the initial extra params.\n   */\n  @State('extraParams', 'params')\n  public storeExtraParams!: Dictionary<unknown>;\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  render(): void {}\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA;;;;;;AASA,IAAqB,WAAW,GAAhC,MAAqB,WAAY,SAAQ,GAAG;;;;;IAK1C,OAAO;QACL,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAC3D,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;KACnF;;IAqBD,MAAM,MAAW;CAClB,CAAA;AAVC;IAFC,KAAK,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAC5C,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;2CACW;AAMpC;IADC,KAAK,CAAC,aAAa,EAAE,QAAQ,CAAC;qDACe;AA1B3B,WAAW;IAH/B,SAAS,CAAC;QACT,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;KAC9C,CAAC;GACmB,WAAW,CA8B/B;aA9BoB,WAAW;;;;"}

package/js/x-modules/extra-params/components/renderless-extra-param.vue_rollup-plugin-vue_script.vue.js

@@ -106,6 +106,7 @@ import '../../../components/base-event-button.vue.js';
 import '../../../components/base-grid.vue.js';
 import '../../../components/base-keyboard-navigation.vue.js';
 import '../../../components/base-rating.vue.js';
+import '../../../components/base-switch.vue.js';
 import '../../../components/base-variable-column-grid.vue.js';
 import '../../../components/global-x-bus.vue_rollup-plugin-vue_script.vue.js';
 import '../../../components/items-list.vue.js';

package/js/x-modules/extra-params/components/renderless-extra-param.vue_rollup-plugin-vue_script.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderless-extra-param.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/extra-params/components/renderless-extra-param.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\nimport { Dictionary } from '@empathyco/x-utils';\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { NoElement, State, xComponentMixin } from '../../../components';\nimport { extraParamsXModule } from '../x-module';\n\n/**\n * It emits a {@link ExtraParamsXEvents.UserChangedExtraParams} when the `updateValue`\n * is called.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(extraParamsXModule)],\n  components: {\n    NoElement\n  }\n})\nexport default class RenderlessExtraParam extends Vue {\n  /**\n   * The extra param's name.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  public name!: string;\n\n  /**\n   * A dictionary with the extra params in the store state.\n   *\n   * @public\n   */\n  @State('extraParams', 'params')\n  public stateParams!: Dictionary<unknown>;\n\n  /**\n   * It returns the value of the extra param from the store.\n   *\n   * @returns - The value from the store.\n   *\n   * @internal\n   */\n  protected get value(): unknown {\n    return this.stateParams[this.name];\n  }\n\n  /**\n   * It sets the new value to the store.\n   *\n   * @param newValue - The new value of the extra param.\n   *\n   * @internal\n   */\n  protected updateValue(newValue: unknown): void {\n    this.$x.emit('UserChangedExtraParams', { [this.name]: newValue });\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA;;;;;;AAYA,IAAqB,oBAAoB,GAAzC,MAAqB,oBAAqB,SAAQ,GAAG;;;;;;;;IAwBnD,IAAc,KAAK;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACpC;;;;;;;;IASS,WAAW,CAAC,QAAiB;QACrC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,QAAQ,EAAE,CAAC,CAAC;KACnE;CACF,CAAA;AA/BC;IADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;kDACJ;AAQrB;IADC,KAAK,CAAC,aAAa,EAAE,QAAQ,CAAC;yDACU;AAftB,oBAAoB;IANxC,SAAS,CAAC;QACT,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QAC7C,UAAU,EAAE;YACV,SAAS;SACV;KACF,CAAC;GACmB,oBAAoB,CAsCxC;aAtCoB,oBAAoB;;;;"}
+{"version":3,"file":"renderless-extra-param.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/extra-params/components/renderless-extra-param.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\nimport { Dictionary } from '@empathyco/x-utils';\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { NoElement, State, xComponentMixin } from '../../../components';\nimport { extraParamsXModule } from '../x-module';\n\n/**\n * It emits a {@link ExtraParamsXEvents.UserChangedExtraParams} when the `updateValue`\n * is called.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(extraParamsXModule)],\n  components: {\n    NoElement\n  }\n})\nexport default class RenderlessExtraParam extends Vue {\n  /**\n   * The extra param's name.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  public name!: string;\n\n  /**\n   * A dictionary with the extra params in the store state.\n   *\n   * @public\n   */\n  @State('extraParams', 'params')\n  public stateParams!: Dictionary<unknown>;\n\n  /**\n   * It returns the value of the extra param from the store.\n   *\n   * @returns - The value from the store.\n   *\n   * @internal\n   */\n  protected get value(): unknown {\n    return this.stateParams[this.name];\n  }\n\n  /**\n   * It sets the new value to the store.\n   *\n   * @param newValue - The new value of the extra param.\n   *\n   * @internal\n   */\n  protected updateValue(newValue: unknown): void {\n    this.$x.emit('UserChangedExtraParams', { [this.name]: newValue });\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA;;;;;;AAYA,IAAqB,oBAAoB,GAAzC,MAAqB,oBAAqB,SAAQ,GAAG;;;;;;;;IAwBnD,IAAc,KAAK;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACpC;;;;;;;;IASS,WAAW,CAAC,QAAiB;QACrC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,QAAQ,EAAE,CAAC,CAAC;KACnE;CACF,CAAA;AA/BC;IADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;kDACJ;AAQrB;IADC,KAAK,CAAC,aAAa,EAAE,QAAQ,CAAC;yDACU;AAftB,oBAAoB;IANxC,SAAS,CAAC;QACT,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QAC7C,UAAU,EAAE;YACV,SAAS;SACV;KACF,CAAC;GACmB,oBAAoB,CAsCxC;aAtCoB,oBAAoB;;;;"}

package/js/x-modules/facets/components/clear-filters.vue_rollup-plugin-vue_script.vue.js

@@ -106,6 +106,7 @@ import __vue_component__ from '../../../components/base-event-button.vue.js';
 import '../../../components/base-grid.vue.js';
 import '../../../components/base-keyboard-navigation.vue.js';
 import '../../../components/base-rating.vue.js';
+import '../../../components/base-switch.vue.js';
 import '../../../components/base-variable-column-grid.vue.js';
 import '../../../components/global-x-bus.vue_rollup-plugin-vue_script.vue.js';
 import '../../../components/items-list.vue.js';

package/js/x-modules/facets/components/clear-filters.vue_rollup-plugin-vue_script.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"clear-filters.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/facets/components/clear-filters.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport Component from 'vue-class-component';\nimport { xComponentMixin } from '../../../components';\nimport BaseEventButton from '../../../components/base-event-button.vue';\nimport { VueCSSClasses } from '../../../utils';\nimport { XEventsTypes } from '../../../wiring';\nimport { facetsXModule } from '../x-module';\nimport FacetsMixin from './facets.mixin';\n\n/**\n * Renders a simple button, emitting the needed events when clicked.\n *\n * @remarks It extends {@link FacetsMixin}.\n *\n * @public\n */\n@Component({\n  components: { BaseEventButton },\n  mixins: [xComponentMixin(facetsXModule)]\n})\nexport default class ClearFilters extends FacetsMixin {\n  /**\n   * The events that will be emitted when the button clear filters is clicked.\n   *\n   * @returns The events to be emitted when the button clear filters is clicked.\n   * @internal\n   */\n  protected get events(): Partial<XEventsTypes> {\n    return this.facetsIds\n      ? {\n          UserClickedClearAllFilters: this.facetsIds\n        }\n      : {\n          UserClickedClearAllFilters: undefined\n        };\n  }\n\n  /**\n   * Dynamic CSS classes to apply to the component.\n   *\n   * @returns The dynamic CSS classes to apply to the component.\n   * @internal\n   */\n  protected get cssClasses(): VueCSSClasses {\n    return {\n      'x-clear-filters--has-not-selected-filters': !this.hasSelectedFilters,\n      'x-clear-filters--has-selected-filters': this.hasSelectedFilters\n    };\n  }\n}\n"],"names":["BaseEventButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA;;;;;;;AAWA,IAAqB,YAAY,GAAjC,MAAqB,YAAa,SAAQ,WAAW;;;;;;;IAOnD,IAAc,MAAM;QAClB,OAAO,IAAI,CAAC,SAAS;cACjB;gBACE,0BAA0B,EAAE,IAAI,CAAC,SAAS;aAC3C;cACD;gBACE,0BAA0B,EAAE,SAAS;aACtC,CAAC;KACP;;;;;;;IAQD,IAAc,UAAU;QACtB,OAAO;YACL,2CAA2C,EAAE,CAAC,IAAI,CAAC,kBAAkB;YACrE,uCAAuC,EAAE,IAAI,CAAC,kBAAkB;SACjE,CAAC;KACH;CACF,CAAA;AA7BoB,YAAY;IAJhC,SAAS,CAAC;QACT,UAAU,EAAE,mBAAEA,iBAAe,EAAE;QAC/B,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;KACzC,CAAC;GACmB,YAAY,CA6BhC;aA7BoB,YAAY;;;;"}
+{"version":3,"file":"clear-filters.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/facets/components/clear-filters.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport Component from 'vue-class-component';\nimport { xComponentMixin } from '../../../components';\nimport BaseEventButton from '../../../components/base-event-button.vue';\nimport { VueCSSClasses } from '../../../utils';\nimport { XEventsTypes } from '../../../wiring';\nimport { facetsXModule } from '../x-module';\nimport FacetsMixin from './facets.mixin';\n\n/**\n * Renders a simple button, emitting the needed events when clicked.\n *\n * @remarks It extends {@link FacetsMixin}.\n *\n * @public\n */\n@Component({\n  components: { BaseEventButton },\n  mixins: [xComponentMixin(facetsXModule)]\n})\nexport default class ClearFilters extends FacetsMixin {\n  /**\n   * The events that will be emitted when the button clear filters is clicked.\n   *\n   * @returns The events to be emitted when the button clear filters is clicked.\n   * @internal\n   */\n  protected get events(): Partial<XEventsTypes> {\n    return this.facetsIds\n      ? {\n          UserClickedClearAllFilters: this.facetsIds\n        }\n      : {\n          UserClickedClearAllFilters: undefined\n        };\n  }\n\n  /**\n   * Dynamic CSS classes to apply to the component.\n   *\n   * @returns The dynamic CSS classes to apply to the component.\n   * @internal\n   */\n  protected get cssClasses(): VueCSSClasses {\n    return {\n      'x-clear-filters--has-not-selected-filters': !this.hasSelectedFilters,\n      'x-clear-filters--has-selected-filters': this.hasSelectedFilters\n    };\n  }\n}\n"],"names":["BaseEventButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA;;;;;;;AAWA,IAAqB,YAAY,GAAjC,MAAqB,YAAa,SAAQ,WAAW;;;;;;;IAOnD,IAAc,MAAM;QAClB,OAAO,IAAI,CAAC,SAAS;cACjB;gBACE,0BAA0B,EAAE,IAAI,CAAC,SAAS;aAC3C;cACD;gBACE,0BAA0B,EAAE,SAAS;aACtC,CAAC;KACP;;;;;;;IAQD,IAAc,UAAU;QACtB,OAAO;YACL,2CAA2C,EAAE,CAAC,IAAI,CAAC,kBAAkB;YACrE,uCAAuC,EAAE,IAAI,CAAC,kBAAkB;SACjE,CAAC;KACH;CACF,CAAA;AA7BoB,YAAY;IAJhC,SAAS,CAAC;QACT,UAAU,EAAE,mBAAEA,iBAAe,EAAE;QAC/B,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;KACzC,CAAC;GACmB,YAAY,CA6BhC;aA7BoB,YAAY;;;;"}

package/js/x-modules/facets/components/facets/facets-provider.vue_rollup-plugin-vue_script.vue.js

@@ -106,6 +106,7 @@ import '../../../../components/base-event-button.vue.js';
 import '../../../../components/base-grid.vue.js';
 import '../../../../components/base-keyboard-navigation.vue.js';
 import '../../../../components/base-rating.vue.js';
+import '../../../../components/base-switch.vue.js';
 import '../../../../components/base-variable-column-grid.vue.js';
 import '../../../../components/global-x-bus.vue_rollup-plugin-vue_script.vue.js';
 import '../../../../components/items-list.vue.js';

package/js/x-modules/facets/components/facets/facets-provider.vue_rollup-plugin-vue_script.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"facets-provider.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../../src/x-modules/facets/components/facets/facets-provider.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\nimport { Facet, Filter } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { Component, Prop, Watch } from 'vue-property-decorator';\nimport { XOn } from '../../../../components';\nimport { xComponentMixin } from '../../../../components/x-component.mixin';\nimport { areFiltersDifferent } from '../../../../utils/filters';\nimport { FacetsGroup } from '../../service/types';\nimport { GroupId } from '../../store/types';\nimport { facetsXModule } from '../../x-module';\n\n/**\n * This component allows to provide facets by prop, to add them to the state of the\n * `Facets X-Module`. These facets will be added to the `Facets X-Module` state together with\n * the facets emitted by the `Search X-Module` through the {@link SearchXEvents.FacetsChanged}\n * event.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(facetsXModule)]\n})\nexport default class FacetsProvider extends Vue {\n  /**\n   * An facet group identifier to distinguish the provided facets from other facets like the\n   * `Search X-Module` facets.\n   *\n   * @public\n   */\n  @Prop({ default: 'provided-facets' })\n  public groupId!: GroupId;\n\n  /**\n   * The facets to provide to the `Facets X-Module` state. They have to include the\n   * {@link @empathyco/x-types#Filter | filters}.\n   *\n   * @internal\n   */\n  @Prop({ required: true })\n  public facets!: Facet[];\n\n  /**\n   * Temporarily stores the selected filters from the {@link FacetsProvider.facets} prop.\n   * This is necessary to handle the {@link FacetsXEvents.UserChangedSelectedFilters} event.\n   *\n   * @internal\n   */\n  protected selectedFilters: Filter[] | null = null;\n\n  /**\n   * A computed property to group the facets and the groupId. This is used by the watcher.\n   *\n   * @returns The FacetGroup with the facets and the group id.\n   *\n   * @internal\n   */\n  protected get facetsGroup(): FacetsGroup {\n    return { id: this.groupId, facets: this.facets };\n  }\n\n  /**\n   * Emits the {@link FacetsXEvents.UserChangedSelectedFilters} event when the user changes\n   * the selected filters.\n   *\n   * @param selectedFilters - The new list of selected filters.\n   * @internal\n   */\n  @XOn('SelectedFiltersChanged')\n  emitSelectedFiltersChanged(selectedFilters: Filter[]): void {\n    if (\n      this.selectedFilters === null ||\n      areFiltersDifferent(this.selectedFilters, selectedFilters)\n    ) {\n      this.$x.emit('UserChangedSelectedFilters', selectedFilters);\n    }\n    this.selectedFilters = null;\n  }\n\n  /**\n   * Emits the {@link FacetsXEvents.FacetsGroupProvided} event with the\n   * {@link FacetsProvider.facetsGroup} as payload. It also extracts and saves the selected\n   * filters.\n   */\n  @Watch('facetsGroup', { immediate: true })\n  provideFacets(): void {\n    if (this.facetsGroup.facets) {\n      this.$x.emit('FacetsGroupProvided', this.facetsGroup);\n      this.extractSelectedFilters(this.facets);\n    }\n  }\n\n  /**\n   * Extracts the selected filters from the facets and stores them in the\n   * {@link FacetsProvider.selectedFilters} property.\n   *\n   * @param facets - The facets from whom extract the selected filters.\n   * @internal\n   */\n  protected extractSelectedFilters(facets: Facet[]): void {\n    this.selectedFilters = facets\n      .flatMap(facet => facet.filters)\n      .filter(filter => filter.selected);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  render(): void {}\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;;;;;AAWA,IAAqB,cAAc,GAAnC,MAAqB,cAAe,SAAQ,GAAG;IAA/C;;;;;;;;QAyBY,oBAAe,GAAoB,IAAI,CAAC;KA2DnD;;;;;;;;IAlDC,IAAc,WAAW;QACvB,OAAO,EAAE,EAAE,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;KAClD;;;;;;;;IAUD,0BAA0B,CAAC,eAAyB;QAClD,IACE,IAAI,CAAC,eAAe,KAAK,IAAI;YAC7B,mBAAmB,CAAC,IAAI,CAAC,eAAe,EAAE,eAAe,CAAC,EAC1D;YACA,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,4BAA4B,EAAE,eAAe,CAAC,CAAC;SAC7D;QACD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;KAC7B;;;;;;IAQD,aAAa;QACX,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE;YAC3B,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YACtD,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SAC1C;KACF;;;;;;;;IASS,sBAAsB,CAAC,MAAe;QAC9C,IAAI,CAAC,eAAe,GAAG,MAAM;aAC1B,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC;aAC/B,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC;KACtC;;IAGD,MAAM,MAAW;CAClB,CAAA;AA5EC;IADC,IAAI,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC;+CACZ;AASzB;IADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;8CACD;AA6BxB;IADC,GAAG,CAAC,wBAAwB,CAAC;gEAS7B;AAQD;IADC,KAAK,CAAC,aAAa,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;mDAMzC;AAnEkB,cAAc;IAHlC,SAAS,CAAC;QACT,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;KACzC,CAAC;GACmB,cAAc,CAoFlC;aApFoB,cAAc;;;;"}
+{"version":3,"file":"facets-provider.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../../src/x-modules/facets/components/facets/facets-provider.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\nimport { Facet, Filter } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { Component, Prop, Watch } from 'vue-property-decorator';\nimport { XOn } from '../../../../components';\nimport { xComponentMixin } from '../../../../components/x-component.mixin';\nimport { areFiltersDifferent } from '../../../../utils/filters';\nimport { FacetsGroup } from '../../service/types';\nimport { GroupId } from '../../store/types';\nimport { facetsXModule } from '../../x-module';\n\n/**\n * This component allows to provide facets by prop, to add them to the state of the\n * `Facets X-Module`. These facets will be added to the `Facets X-Module` state together with\n * the facets emitted by the `Search X-Module` through the {@link SearchXEvents.FacetsChanged}\n * event.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(facetsXModule)]\n})\nexport default class FacetsProvider extends Vue {\n  /**\n   * An facet group identifier to distinguish the provided facets from other facets like the\n   * `Search X-Module` facets.\n   *\n   * @public\n   */\n  @Prop({ default: 'provided-facets' })\n  public groupId!: GroupId;\n\n  /**\n   * The facets to provide to the `Facets X-Module` state. They have to include the\n   * {@link @empathyco/x-types#Filter | filters}.\n   *\n   * @internal\n   */\n  @Prop({ required: true })\n  public facets!: Facet[];\n\n  /**\n   * Temporarily stores the selected filters from the {@link FacetsProvider.facets} prop.\n   * This is necessary to handle the {@link FacetsXEvents.UserChangedSelectedFilters} event.\n   *\n   * @internal\n   */\n  protected selectedFilters: Filter[] | null = null;\n\n  /**\n   * A computed property to group the facets and the groupId. This is used by the watcher.\n   *\n   * @returns The FacetGroup with the facets and the group id.\n   *\n   * @internal\n   */\n  protected get facetsGroup(): FacetsGroup {\n    return { id: this.groupId, facets: this.facets };\n  }\n\n  /**\n   * Emits the {@link FacetsXEvents.UserChangedSelectedFilters} event when the user changes\n   * the selected filters.\n   *\n   * @param selectedFilters - The new list of selected filters.\n   * @internal\n   */\n  @XOn('SelectedFiltersChanged')\n  emitSelectedFiltersChanged(selectedFilters: Filter[]): void {\n    if (\n      this.selectedFilters === null ||\n      areFiltersDifferent(this.selectedFilters, selectedFilters)\n    ) {\n      this.$x.emit('UserChangedSelectedFilters', selectedFilters);\n    }\n    this.selectedFilters = null;\n  }\n\n  /**\n   * Emits the {@link FacetsXEvents.FacetsGroupProvided} event with the\n   * {@link FacetsProvider.facetsGroup} as payload. It also extracts and saves the selected\n   * filters.\n   */\n  @Watch('facetsGroup', { immediate: true })\n  provideFacets(): void {\n    if (this.facetsGroup.facets) {\n      this.$x.emit('FacetsGroupProvided', this.facetsGroup);\n      this.extractSelectedFilters(this.facets);\n    }\n  }\n\n  /**\n   * Extracts the selected filters from the facets and stores them in the\n   * {@link FacetsProvider.selectedFilters} property.\n   *\n   * @param facets - The facets from whom extract the selected filters.\n   * @internal\n   */\n  protected extractSelectedFilters(facets: Facet[]): void {\n    this.selectedFilters = facets\n      .flatMap(facet => facet.filters)\n      .filter(filter => filter.selected);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  render(): void {}\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;;;;;AAWA,IAAqB,cAAc,GAAnC,MAAqB,cAAe,SAAQ,GAAG;IAA/C;;;;;;;;QAyBY,oBAAe,GAAoB,IAAI,CAAC;KA2DnD;;;;;;;;IAlDC,IAAc,WAAW;QACvB,OAAO,EAAE,EAAE,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;KAClD;;;;;;;;IAUD,0BAA0B,CAAC,eAAyB;QAClD,IACE,IAAI,CAAC,eAAe,KAAK,IAAI;YAC7B,mBAAmB,CAAC,IAAI,CAAC,eAAe,EAAE,eAAe,CAAC,EAC1D;YACA,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,4BAA4B,EAAE,eAAe,CAAC,CAAC;SAC7D;QACD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;KAC7B;;;;;;IAQD,aAAa;QACX,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE;YAC3B,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YACtD,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SAC1C;KACF;;;;;;;;IASS,sBAAsB,CAAC,MAAe;QAC9C,IAAI,CAAC,eAAe,GAAG,MAAM;aAC1B,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC;aAC/B,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC;KACtC;;IAGD,MAAM,MAAW;CAClB,CAAA;AA5EC;IADC,IAAI,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC;+CACZ;AASzB;IADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;8CACD;AA6BxB;IADC,GAAG,CAAC,wBAAwB,CAAC;gEAS7B;AAQD;IADC,KAAK,CAAC,aAAa,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;mDAMzC;AAnEkB,cAAc;IAHlC,SAAS,CAAC;QACT,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;KACzC,CAAC;GACmB,cAAc,CAoFlC;aApFoB,cAAc;;;;"}