@empathyco/x-components 3.0.0-alpha.136 → 3.0.0-alpha.139

package/CHANGELOG.md

@@ -3,6 +3,42 @@
 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.139](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.138...@empathyco/x-components@3.0.0-alpha.139) (2022-07-22)
+
+### Features
+
+- **history-queries:** disable `MyHistory` without confirmation when the `history queries` list is
+  empty (#615)
+  ([8b0b1d6](https://github.com/empathyco/x/commit/8b0b1d6e818557eba9482dcd149ed3882ca6c854)),
+  closes [EX-6696](https://searchbroker.atlassian.net/browse/EX-6696)
+
+# 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.138](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.137...@empathyco/x-components@3.0.0-alpha.138) (2022-07-22)
+
+**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.137](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.136...@empathyco/x-components@3.0.0-alpha.137) (2022-07-21)
+
+### Features
+
+- **components:** add `MainModal`, `OpenMainModal` and `CloseMainModal` (#609)
+  ([526ab58](https://github.com/empathyco/x/commit/526ab5813f58258180b5640cab6bf0f2179fa40a)),
+  closes [EX-6546](https://searchbroker.atlassian.net/browse/EX-6546)
+
+# 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.136](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.135...@empathyco/x-components@3.0.0-alpha.136) (2022-07-21)
 
 ### Bug Fixes

package/core/index.js

@@ -83,6 +83,9 @@ export { default as BaseModal } from '../js/components/modals/base-modal.vue.js'
 export { default as BaseIdModal } from '../js/components/modals/base-id-modal.vue.js';
 export { default as BaseIdModalClose } from '../js/components/modals/base-id-modal-close.vue.js';
 export { default as BaseIdModalOpen } from '../js/components/modals/base-id-modal-open.vue.js';
+export { default as CloseMainModal } from '../js/components/modals/close-main-modal.vue.js';
+export { default as MainModal } from '../js/components/modals/main-modal.vue.js';
+export { default as OpenMainModal } from '../js/components/modals/open-main-modal.vue.js';
 export { default as BaseHeaderTogglePanel } from '../js/components/panels/base-header-toggle-panel.vue.js';
 export { default as BaseTogglePanel } from '../js/components/panels/base-toggle-panel.vue.js';
 export { default as BaseIdTogglePanel } from '../js/components/panels/base-id-toggle-panel.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/docs/API-reference/api/x-components.clearsearchquery.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; [clearSearchQuery](./x-components.clearsearchquery.md)
+
+## clearSearchQuery variable
+
+Clears the search state `query`<!-- -->.
+
+<b>Signature:</b>
+
+```typescript
+clearSearchQuery: import("../../wiring/wiring.types").AnyWire
+```

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

@@ -0,0 +1,15 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [CloseMainModal](./x-components.closemainmodal.md)
+
+## CloseMainModal class
+
+Button to close the [MainModal](./x-components.mainmodal.md)<!-- -->.
+
+<b>Signature:</b>
+
+```typescript
+export default class CloseMainModal extends Vue 
+```
+<b>Extends:</b> Vue
+

package/docs/API-reference/api/x-components.historyqueriesswitch.hashistoryqueries.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; [HistoryQueriesSwitch](./x-components.historyqueriesswitch.md) &gt; [hasHistoryQueries](./x-components.historyqueriesswitch.hashistoryqueries.md)
+
+## HistoryQueriesSwitch.hasHistoryQueries property
+
+Checks if there are history queries.
+
+<b>Signature:</b>
+
+```typescript
+protected get hasHistoryQueries(): boolean;
+```

package/docs/API-reference/api/x-components.historyqueriesswitch.historyqueries.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; [HistoryQueriesSwitch](./x-components.historyqueriesswitch.md) &gt; [historyQueries](./x-components.historyqueriesswitch.historyqueries.md)
+
+## HistoryQueriesSwitch.historyQueries property
+
+The history queries from the state.
+
+<b>Signature:</b>
+
+```typescript
+historyQueries: HistoryQuery[];
+```

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

@@ -13,3 +13,10 @@ export default class HistoryQueriesSwitch extends Vue
 ```
 <b>Extends:</b> Vue
 
+## Properties
+
+|  Property | Modifiers | Type | Description |
+|  --- | --- | --- | --- |
+|  [hasHistoryQueries](./x-components.historyqueriesswitch.hashistoryqueries.md) |  | boolean | Checks if there are history queries. |
+|  [historyQueries](./x-components.historyqueriesswitch.historyqueries.md) |  | HistoryQuery\[\] | The history queries from the state. |
+

package/docs/API-reference/api/x-components.mainmodal.animation.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; [MainModal](./x-components.mainmodal.md) &gt; [animation](./x-components.mainmodal.animation.md)
+
+## MainModal.animation property
+
+Animation to use for opening/closing the modal.
+
+<b>Signature:</b>
+
+```typescript
+animation?: Vue | string;
+```

package/docs/API-reference/api/x-components.mainmodal.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; [MainModal](./x-components.mainmodal.md)
+
+## MainModal class
+
+A specialised version of a modal component, made to contain a full search application.
+
+<b>Signature:</b>
+
+```typescript
+export default class MainModal extends Vue 
+```
+<b>Extends:</b> Vue
+
+## Properties
+
+|  Property | Modifiers | Type | Description |
+|  --- | --- | --- | --- |
+|  [animation?](./x-components.mainmodal.animation.md) |  | Vue \| string | <i>(Optional)</i> Animation to use for opening/closing the modal. |
+

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

@@ -53,6 +53,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [ClearFilters](./x-components.clearfilters.md) | Renders a simple button, emitting the needed events when clicked. |
 |  [ClearHistoryQueries](./x-components.clearhistoryqueries.md) | A button that when is pressed, emits the [HistoryQueriesXEvents.UserPressedClearHistoryQueries](./x-components.historyqueriesxevents.userpressedclearhistoryqueries.md) event, expressing the user intention to clear the whole history of queries. |
 |  [ClearSearchInput](./x-components.clearsearchinput.md) | This component renders a button to delete the current query. |
+|  [CloseMainModal](./x-components.closemainmodal.md) | Button to close the [MainModal](./x-components.mainmodal.md)<!-- -->. |
 |  [CollapseHeight](./x-components.collapseheight.md) | Renders a transition wrapping the element passed in the default slot and animating it with a height animation. |
 |  [CollapseWidth](./x-components.collapsewidth.md) | Renders a transition wrapping the element passed in the default slot and animating it with a width animation. |
 |  [ColumnPickerMixin](./x-components.columnpickermixin.md) | Mixin to share Column Pickers logic. |
@@ -85,6 +86,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [ItemsList](./x-components.itemslist.md) | It renders a list of [ListItem](./x-components.listitem.md) providing a slot for each <code>slotName</code> which depends on the <code>modelName</code>of the item. |
 |  [ItemsListInjectionMixin](./x-components.itemslistinjectionmixin.md) | Mixin to facilitate providing and injecting a list of list items. Injected list is available at <code>injectedListItems</code>, and the provided list should be stored in <code>items</code>. |
 |  [LocationProvider](./x-components.locationprovider.md) | Location Provider component. This component injects the location with value passed as prop. |
+|  [MainModal](./x-components.mainmodal.md) | A specialised version of a modal component, made to contain a full search application. |
 |  [MainScroll](./x-components.mainscroll.md) | Extends the scroll making it able to sync the first visible element, and allowing the children position to be restored.<!-- -->Each child element that wants to have this support must be wrapped in a [MainScrollItem](./x-components.mainscrollitem.md) component. |
 |  [MainScrollItem](./x-components.mainscrollitem.md) | Wrapper for elements contained in the [MainScroll](./x-components.mainscroll.md) that should store/restore its position. |
 |  [MultiColumnMaxWidthLayout](./x-components.multicolumnmaxwidthlayout.md) | Component for use as Layout to be filled with the rest of the Components. |
@@ -93,6 +95,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [NextQueriesList](./x-components.nextquerieslist.md) | Component that inserts groups of next queries in different positions of the injected search items list, based on the provided configuration. |
 |  [NextQuery](./x-components.nextquery.md) | Renders a next query item which receives the suggestion that will be rendered as a prop. It exposes a default slot to change the next query content. If the slot is not overridden, it will render the suggestion query by default. |
 |  [NumberRangeFilter](./x-components.numberrangefilter.md) | Renders a number range filter, emitting the needed events when clicked. |
+|  [OpenMainModal](./x-components.openmainmodal.md) | Button to open the [MainModal](./x-components.mainmodal.md)<!-- -->. |
 |  [PartialQueryButton](./x-components.partialquerybutton.md) | A button that when pressed emits the [XEventsTypes.UserAcceptedAQuery](./x-components.xeventstypes.useracceptedaquery.md) and [SearchXEvents.UserClickedPartialQuery](./x-components.searchxevents.userclickedpartialquery.md) events, expressing the user intention to set the partial query. |
 |  [PartialResultsList](./x-components.partialresultslist.md) | It renders a list of partial results from [SearchState.partialResults](./x-components.searchstate.partialresults.md) by default. It also provides the partial result slot to customize the item with the partial result bound. |
 |  [PopularSearch](./x-components.popularsearch.md) | Renders a popular search item which receives the suggestion that will be rendered as a prop. It exposes a default slot to change the popular search content. If the slot is not overridden, it will render the suggestion query by default. |
@@ -396,6 +399,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [clearPendingScrollToWire](./x-components.clearpendingscrolltowire.md) | Resets the selector of the scroll that is pending to restore. |
 |  [clearQuerySuggestionsQuery](./x-components.clearquerysuggestionsquery.md) | Clears the query-suggestions module query. |
 |  [clearRelatedTagsQuery](./x-components.clearrelatedtagsquery.md) | Clear the related tags query. |
+|  [clearSearchQuery](./x-components.clearsearchquery.md) | Clears the search state <code>query</code>. |
 |  [clearSelectedRelatedTags](./x-components.clearselectedrelatedtags.md) | Clear the selected related tags. |
 |  [CrossIcon](./x-components.crossicon.md) |  |
 |  [CrossTinyIcon](./x-components.crosstinyicon.md) |  |

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

@@ -0,0 +1,15 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [OpenMainModal](./x-components.openmainmodal.md)
+
+## OpenMainModal class
+
+Button to open the [MainModal](./x-components.mainmodal.md)<!-- -->.
+
+<b>Signature:</b>
+
+```typescript
+export default class OpenMainModal extends Vue 
+```
+<b>Extends:</b> Vue
+

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

@@ -37,6 +37,7 @@ Aside from common [XEvents](./x-components.xevent.md)<!-- -->, this interface al
 |  [UserClickedOpenModal](./x-components.xeventstypes.userclickedopenmodal.md) | string | The user clicked the button to open a modal. Payload: the id of the modal to open. |
 |  [UserClickedOpenX](./x-components.xeventstypes.userclickedopenx.md) | void | The user clicked the button to open X. Payload: none. |
 |  [UserClickedOutOfEventsModal](./x-components.xeventstypes.userclickedoutofeventsmodal.md) | void | The user clicked out of the events modal while it is opened. Payload: none. |
+|  [UserClickedOutOfMainModal](./x-components.xeventstypes.userclickedoutofmainmodal.md) | void | The user clicked out of the main modal. Payload: none. |
 |  [UserClickedOutOfModal](./x-components.xeventstypes.userclickedoutofmodal.md) | string | The user clicked out of a modal while it was opened. Payload: the id of the modal. |
 |  [UserClickedPanelToggleButton](./x-components.xeventstypes.userclickedpaneltogglebutton.md) | string | The user clicked the button to toggle a panel. Payload: the id of the panel to toggle. |
 |  [UserClickedResultAddToCart](./x-components.xeventstypes.userclickedresultaddtocart.md) | Result | The user has clicked on the add to cart button of a result. Payload: The [result](./x-types.result.md) that the user clicked. |

package/docs/API-reference/api/x-components.xeventstypes.userclickedoutofmainmodal.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; [XEventsTypes](./x-components.xeventstypes.md) &gt; [UserClickedOutOfMainModal](./x-components.xeventstypes.userclickedoutofmainmodal.md)
+
+## XEventsTypes.UserClickedOutOfMainModal property
+
+The user clicked out of the main modal. Payload: none.
+
+<b>Signature:</b>
+
+```typescript
+UserClickedOutOfMainModal: void;
+```

package/docs/API-reference/components/common/modals/x-components.close-main-modal.md

@@ -0,0 +1,53 @@
+---
+
+title: CloseMainModal
+
+---
+
+# CloseMainModal
+
+Button to close the {@link MainModal}.
+
+## Slots
+
+| Name                 | Description | Bindings<br />(name - type - description) |
+| -------------------- | ----------- | ----------------------------------------- |
+| <code>default</code> |             | None                                      |
+
+## Events
+
+This component emits the following events:
+
+- [`UserClickedCloseX`](./../../api/x-components.xeventstypes.md)
+
+## See it in action
+
+Here you have a basic example of how the close main modal button works.
+
+```vue live
+<template>
+  <div>
+    <OpenMainModal>Open X</OpenMainModal>
+    <MainModal>
+      <CloseMainModal>Close X</CloseMainModal>
+    </MainModal>
+  </div>
+</template>
+
+<script>
+import {
+  MainModal,
+  CloseMainModal,
+  OpenMainModal
+} from "@empathyco/x-components";
+
+export default {
+  name: "XModalDemo",
+  components: {
+    MainModal,
+    CloseMainModal,
+    OpenMainModal
+  }
+};
+</script>
+```

package/docs/API-reference/components/common/modals/x-components.main-modal.md

@@ -0,0 +1,59 @@
+---
+
+title: MainModal
+
+---
+
+# MainModal
+
+A specialised version of a modal component, made to contain a full search application.
+
+## Props
+
+| Name                   | Description                                     | Type               | Default       |
+| ---------------------- | ----------------------------------------------- | ------------------ | ------------- |
+| <code>animation</code> | Animation to use for opening/closing the modal. | <code>union</code> | <code></code> |
+
+## Slots
+
+| Name                 | Description | Bindings<br />(name - type - description) |
+| -------------------- | ----------- | ----------------------------------------- |
+| <code>default</code> |             | None                                      |
+
+## Events
+
+This component emits the following events:
+
+- [`UserClickedOutOfMainModal`](./../../api/x-components.xeventstypes.md)
+
+## See it in action
+
+Here you have a basic example of how the main modal works.
+
+```vue live
+<template>
+  <div>
+    <OpenMainModal>Open X</OpenMainModal>
+    <MainModal>
+      <CloseMainModal>Close X</CloseMainModal>
+    </MainModal>
+  </div>
+</template>
+
+<script>
+import {
+  MainModal,
+  CloseMainModal,
+  OpenMainModal
+} from "@empathyco/x-components";
+
+export default {
+  name: "MainModalDemo",
+  components: {
+    MainModal,
+    CloseMainModal,
+    OpenMainModal
+  }
+};
+</script>
+```

package/docs/API-reference/components/common/modals/x-components.open-main-modal.md

@@ -0,0 +1,53 @@
+---
+
+title: OpenMainModal
+
+---
+
+# OpenMainModal
+
+Button to open the {@link MainModal}.
+
+## Slots
+
+| Name                 | Description | Bindings<br />(name - type - description) |
+| -------------------- | ----------- | ----------------------------------------- |
+| <code>default</code> |             | None                                      |
+
+## Events
+
+This component emits the following events:
+
+- [`UserClickedOpenX`](./../../api/x-components.xeventstypes.md)
+
+## See it in action
+
+Here you have a basic example of how the open main modal button works.
+
+```vue live
+<template>
+  <div>
+    <OpenMainModal>Open X</OpenMainModal>
+    <MainModal>
+      <CloseMainModal>Close X</CloseMainModal>
+    </MainModal>
+  </div>
+</template>
+
+<script>
+import {
+  MainModal,
+  CloseMainModal,
+  OpenMainModal
+} from "@empathyco/x-components";
+
+export default {
+  name: "XModalDemo",
+  components: {
+    MainModal,
+    CloseMainModal,
+    OpenMainModal
+  }
+};
+</script>
+```

package/docs/API-reference/components/history-queries/x-components.history-queries-switch.md

@@ -16,7 +16,11 @@ A list of events that the component will emit:
 - [`UserClickedEnableHistoryQueries`](x-components.historyqueriesxevents.userclickedenablehistoryqueries.md): the event is emitted
   whenever the user clicks the switch and the history queries are disabled.
 - [`UserClickedDisableHistoryQueries`](x-components.historyqueriesxevents.userclickeddisablehistoryqueries.md): the event is emitted
-  whenever the user clicks the switch and the history queries are enabled.
+  whenever the user clicks the switch when the history queries are enabled and the list of history
+  queries is not empty.
+- [`UserClickedConfirmDisableHistoryQueries`](x-components.historyqueriesxevents.userclickedconfirmdisablehistoryqueries.md): the event is
+  emitted whenever the user clicks the switch when the history queries are enabled and the list of
+  history queries is empty.
 
 ## See it in action
 

package/js/components/modals/close-main-modal.vue.js

@@ -0,0 +1,61 @@
+import script from './close-main-modal.vue_rollup-plugin-vue_script.vue.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.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(
+    "BaseEventsModalClose",
+    _vm._g(
+      {
+        staticClass: "x-close-main-modal",
+        attrs: {
+          "data-test": "close-main-modal",
+          closingEvent: _vm.closingEvent,
+        },
+      },
+      _vm.$listeners
+    ),
+    [_vm._t("default")],
+    2
+  )
+};
+var __vue_staticRenderFns__ = [];
+__vue_render__._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__ = undefined;
+  /* scoped */
+  const __vue_scope_id__ = undefined;
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* style inject */
+  
+  /* 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,
+    undefined,
+    undefined,
+    undefined
+  );
+
+export { __vue_component__ as default };
+//# sourceMappingURL=close-main-modal.vue.js.map

package/js/components/modals/close-main-modal.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-main-modal.vue.js","sources":["../../../../src/components/modals/close-main-modal.vue"],"sourcesContent":["<template>\n  <BaseEventsModalClose\n    v-on=\"$listeners\"\n    class=\"x-close-main-modal\"\n    data-test=\"close-main-modal\"\n    :closingEvent=\"closingEvent\"\n  >\n    <slot />\n  </BaseEventsModalClose>\n</template>\n\n<script lang=\"ts\">\n  import Component from 'vue-class-component';\n  import Vue from 'vue';\n  import { XEvent } from '../../wiring/events.types';\n  import BaseEventsModalClose from './base-events-modal-close.vue';\n\n  /**\n   * Button to close the {@link MainModal}.\n   *\n   * @public\n   */\n  @Component({\n    components: {\n      BaseEventsModalClose\n    }\n  })\n  export default class CloseMainModal extends Vue {\n    /**\n     * Event to be emitted to close the {@link MainModal}.\n     *\n     * @internal\n     */\n    protected closingEvent: XEvent = 'UserClickedCloseX';\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following events:\n\n- [`UserClickedCloseX`](./../../api/x-components.xeventstypes.md)\n\n## See it in action\n\nHere you have a basic example of how the close main modal button works.\n\n```vue live\n<template>\n  <div>\n    <OpenMainModal>Open X</OpenMainModal>\n    <MainModal>\n      <CloseMainModal>Close X</CloseMainModal>\n    </MainModal>\n  </div>\n</template>\n\n<script>\n  import { MainModal, CloseMainModal, OpenMainModal } from '@empathyco/x-components';\n\n  export default {\n    name: 'XModalDemo',\n    components: {\n      MainModal,\n      CloseMainModal,\n      OpenMainModal\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/components/modals/close-main-modal.vue_rollup-plugin-vue_script.vue.js

@@ -0,0 +1,32 @@
+import { __decorate } from 'tslib';
+import Component from 'vue-class-component';
+import Vue from 'vue';
+import __vue_component__ from './base-events-modal-close.vue.js';
+
+/**
+ * Button to close the {@link MainModal}.
+ *
+ * @public
+ */
+let CloseMainModal = class CloseMainModal extends Vue {
+    constructor() {
+        super(...arguments);
+        /**
+         * Event to be emitted to close the {@link MainModal}.
+         *
+         * @internal
+         */
+        this.closingEvent = 'UserClickedCloseX';
+    }
+};
+CloseMainModal = __decorate([
+    Component({
+        components: {
+            BaseEventsModalClose: __vue_component__
+        }
+    })
+], CloseMainModal);
+var script = CloseMainModal;
+
+export { script as default };
+//# sourceMappingURL=close-main-modal.vue_rollup-plugin-vue_script.vue.js.map

package/js/components/modals/close-main-modal.vue_rollup-plugin-vue_script.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-main-modal.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../src/components/modals/close-main-modal.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\nimport Component from 'vue-class-component';\nimport Vue from 'vue';\nimport { XEvent } from '../../wiring/events.types';\nimport BaseEventsModalClose from './base-events-modal-close.vue';\n\n/**\n * Button to close the {@link MainModal}.\n *\n * @public\n */\n@Component({\n  components: {\n    BaseEventsModalClose\n  }\n})\nexport default class CloseMainModal extends Vue {\n  /**\n   * Event to be emitted to close the {@link MainModal}.\n   *\n   * @internal\n   */\n  protected closingEvent: XEvent = 'UserClickedCloseX';\n}\n"],"names":["BaseEventsModalClose"],"mappings":";;;;;AAiBA;;;;;AAUA,IAAqB,cAAc,GAAnC,MAAqB,cAAe,SAAQ,GAAG;IAA/C;;;;;;;QAMY,iBAAY,GAAW,mBAAmB,CAAC;KACtD;CAAA,CAAA;AAPoB,cAAc;IALlC,SAAS,CAAC;QACT,UAAU,EAAE;kCACVA,iBAAoB;SACrB;KACF,CAAC;GACmB,cAAc,CAOlC;aAPoB,cAAc;;;;"}

package/js/components/modals/main-modal.vue.js

@@ -0,0 +1,61 @@
+import script from './main-modal.vue_rollup-plugin-vue_script.vue.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.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(
+    "BaseEventsModal",
+    {
+      staticClass: "x-main-modal",
+      attrs: {
+        "data-test": "main-modal",
+        eventsToOpenModal: _vm.openEvents,
+        eventsToCloseModal: _vm.closeEvents,
+        bodyClickEvent: _vm.outOfModalClickEvent,
+        animation: _vm.animation,
+      },
+    },
+    [_vm._t("default")],
+    2
+  )
+};
+var __vue_staticRenderFns__ = [];
+__vue_render__._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__ = undefined;
+  /* scoped */
+  const __vue_scope_id__ = undefined;
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* style inject */
+  
+  /* 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,
+    undefined,
+    undefined,
+    undefined
+  );
+
+export { __vue_component__ as default };
+//# sourceMappingURL=main-modal.vue.js.map

package/js/components/modals/main-modal.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-modal.vue.js","sources":["../../../../src/components/modals/main-modal.vue"],"sourcesContent":["<template>\n  <BaseEventsModal\n    class=\"x-main-modal\"\n    data-test=\"main-modal\"\n    :eventsToOpenModal=\"openEvents\"\n    :eventsToCloseModal=\"closeEvents\"\n    :bodyClickEvent=\"outOfModalClickEvent\"\n    :animation=\"animation\"\n  >\n    <slot />\n  </BaseEventsModal>\n</template>\n\n<script lang=\"ts\">\n  import Component from 'vue-class-component';\n  import Vue from 'vue';\n  import { Prop } from 'vue-property-decorator';\n  import { XEvent } from '../../wiring/events.types';\n  import BaseEventsModal from './base-events-modal.vue';\n\n  /**\n   * A specialised version of a modal component, made to contain a full search application.\n   *\n   * @public\n   */\n  @Component({\n    components: {\n      BaseEventsModal\n    }\n  })\n  export default class MainModal extends Vue {\n    /**\n     * Animation to use for opening/closing the modal.\n     *\n     * @public\n     */\n    @Prop()\n    public animation?: Vue | string;\n    /**\n     * Events to listen for opening the main modal.\n     *\n     * @internal\n     */\n    protected openEvents: XEvent[] = ['UserClickedOpenX', 'UserOpenXProgrammatically'];\n    /**\n     * Events to listen for closing the main modal.\n     *\n     * @internal\n     */\n    protected closeEvents: XEvent[] = ['UserClickedCloseX', 'UserClickedOutOfMainModal'];\n\n    /**\n     * Event to be emitted by the modal when clicked out of its content.\n     *\n     * @internal\n     */\n    protected outOfModalClickEvent: XEvent = 'UserClickedOutOfMainModal';\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following events:\n\n- [`UserClickedOutOfMainModal`](./../../api/x-components.xeventstypes.md)\n\n## See it in action\n\nHere you have a basic example of how the main modal works.\n\n```vue live\n<template>\n  <div>\n    <OpenMainModal>Open X</OpenMainModal>\n    <MainModal>\n      <CloseMainModal>Close X</CloseMainModal>\n    </MainModal>\n  </div>\n</template>\n\n<script>\n  import { MainModal, CloseMainModal, OpenMainModal } from '@empathyco/x-components';\n\n  export default {\n    name: 'MainModalDemo',\n    components: {\n      MainModal,\n      CloseMainModal,\n      OpenMainModal\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/components/modals/main-modal.vue_rollup-plugin-vue_script.vue.js

@@ -0,0 +1,48 @@
+import { __decorate } from 'tslib';
+import Component from 'vue-class-component';
+import Vue from 'vue';
+import { Prop } from 'vue-property-decorator';
+import __vue_component__ from './base-events-modal.vue.js';
+
+/**
+ * A specialised version of a modal component, made to contain a full search application.
+ *
+ * @public
+ */
+let MainModal = class MainModal extends Vue {
+    constructor() {
+        super(...arguments);
+        /**
+         * Events to listen for opening the main modal.
+         *
+         * @internal
+         */
+        this.openEvents = ['UserClickedOpenX', 'UserOpenXProgrammatically'];
+        /**
+         * Events to listen for closing the main modal.
+         *
+         * @internal
+         */
+        this.closeEvents = ['UserClickedCloseX', 'UserClickedOutOfMainModal'];
+        /**
+         * Event to be emitted by the modal when clicked out of its content.
+         *
+         * @internal
+         */
+        this.outOfModalClickEvent = 'UserClickedOutOfMainModal';
+    }
+};
+__decorate([
+    Prop()
+], MainModal.prototype, "animation", void 0);
+MainModal = __decorate([
+    Component({
+        components: {
+            BaseEventsModal: __vue_component__
+        }
+    })
+], MainModal);
+var script = MainModal;
+
+export { script as default };
+//# sourceMappingURL=main-modal.vue_rollup-plugin-vue_script.vue.js.map

package/js/components/modals/main-modal.vue_rollup-plugin-vue_script.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-modal.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../src/components/modals/main-modal.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 Vue from 'vue';\nimport { Prop } from 'vue-property-decorator';\nimport { XEvent } from '../../wiring/events.types';\nimport BaseEventsModal from './base-events-modal.vue';\n\n/**\n * A specialised version of a modal component, made to contain a full search application.\n *\n * @public\n */\n@Component({\n  components: {\n    BaseEventsModal\n  }\n})\nexport default class MainModal extends Vue {\n  /**\n   * Animation to use for opening/closing the modal.\n   *\n   * @public\n   */\n  @Prop()\n  public animation?: Vue | string;\n  /**\n   * Events to listen for opening the main modal.\n   *\n   * @internal\n   */\n  protected openEvents: XEvent[] = ['UserClickedOpenX', 'UserOpenXProgrammatically'];\n  /**\n   * Events to listen for closing the main modal.\n   *\n   * @internal\n   */\n  protected closeEvents: XEvent[] = ['UserClickedCloseX', 'UserClickedOutOfMainModal'];\n\n  /**\n   * Event to be emitted by the modal when clicked out of its content.\n   *\n   * @internal\n   */\n  protected outOfModalClickEvent: XEvent = 'UserClickedOutOfMainModal';\n}\n"],"names":["BaseEventsModal"],"mappings":";;;;;;AAoBA;;;;;AAUA,IAAqB,SAAS,GAA9B,MAAqB,SAAU,SAAQ,GAAG;IAA1C;;;;;;;QAaY,eAAU,GAAa,CAAC,kBAAkB,EAAE,2BAA2B,CAAC,CAAC;;;;;;QAMzE,gBAAW,GAAa,CAAC,mBAAmB,EAAE,2BAA2B,CAAC,CAAC;;;;;;QAO3E,yBAAoB,GAAW,2BAA2B,CAAC;KACtE;CAAA,CAAA;AApBC;IADC,IAAI,EAAE;4CACyB;AAPb,SAAS;IAL7B,SAAS,CAAC;QACT,UAAU,EAAE;6BACVA,iBAAe;SAChB;KACF,CAAC;GACmB,SAAS,CA2B7B;aA3BoB,SAAS;;;;"}