@empathyco/x-components 3.0.0-alpha.235 → 3.0.0-alpha.237

package/CHANGELOG.md

@@ -3,6 +3,31 @@
 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.237](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.236...@empathyco/x-components@3.0.0-alpha.237) (2022-12-01)
+
+### Features
+
+- **recommendations:** add `updateRecommendation` mutation (#891)
+  ([0e9ceec](https://github.com/empathyco/x/commit/0e9ceec145458a55ccbe4abf8e7b49f64d1717ae))
+
+# 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.236](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.235...@empathyco/x-components@3.0.0-alpha.236) (2022-11-29)
+
+### Features
+
+- **tabs-panel:** add base tabs panel component (#871)
+  ([ebd5feb](https://github.com/empathyco/x/commit/ebd5feb4006315236ae62f8de03d6a986d9ced10)),
+  closes [EX-6142](https://searchbroker.atlassian.net/browse/EX-6142)
+
+# 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.235](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.234...@empathyco/x-components@3.0.0-alpha.235) (2022-11-29)
 
 **Note:** Version bump only for package @empathyco/x-components

package/core/index.js

@@ -91,6 +91,7 @@ export { default as BaseHeaderTogglePanel } from '../js/components/panels/base-h
 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';
 export { default as BaseIdTogglePanelButton } from '../js/components/panels/base-id-toggle-panel-button.vue.js';
+export { default as BaseTabsPanel } from '../js/components/panels/base-tabs-panel.vue.js';
 export { default as BaseAddToCart } from '../js/components/result/base-result-add-to-cart.vue.js';
 export { default as BaseResultCurrentPrice } from '../js/components/result/base-result-current-price.vue.js';
 export { default as BaseResultImage } from '../js/components/result/base-result-image.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.basetabspanel.allowtabdeselect.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; [BaseTabsPanel](./x-components.basetabspanel.md) &gt; [allowTabDeselect](./x-components.basetabspanel.allowtabdeselect.md)
+
+## BaseTabsPanel.allowTabDeselect property
+
+Allows the tabs to be unselected.
+
+<b>Signature:</b>
+
+```typescript
+allowTabDeselect: boolean;
+```

package/docs/API-reference/api/x-components.basetabspanel.contentanimation.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; [BaseTabsPanel](./x-components.basetabspanel.md) &gt; [contentAnimation](./x-components.basetabspanel.contentanimation.md)
+
+## BaseTabsPanel.contentAnimation property
+
+Animation component that will be used to animate the selected tab content.
+
+<b>Signature:</b>
+
+```typescript
+contentAnimation: Vue | string;
+```

package/docs/API-reference/api/x-components.basetabspanel.initialtab.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; [BaseTabsPanel](./x-components.basetabspanel.md) &gt; [initialTab](./x-components.basetabspanel.initialtab.md)
+
+## BaseTabsPanel.initialTab property
+
+The tab to be initially selected.
+
+<b>Signature:</b>
+
+```typescript
+initialTab: string;
+```

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

@@ -0,0 +1,24 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [BaseTabsPanel](./x-components.basetabspanel.md)
+
+## BaseTabsPanel class
+
+Base Tabs Panel.
+
+<b>Signature:</b>
+
+```typescript
+export default class BaseTabsPanel extends BaseTabsPanel_base 
+```
+<b>Extends:</b> BaseTabsPanel\_base
+
+## Properties
+
+|  Property | Modifiers | Type | Description |
+|  --- | --- | --- | --- |
+|  [allowTabDeselect](./x-components.basetabspanel.allowtabdeselect.md) |  | boolean | Allows the tabs to be unselected. |
+|  [contentAnimation](./x-components.basetabspanel.contentanimation.md) |  | Vue \| string | Animation component that will be used to animate the selected tab content. |
+|  [initialTab](./x-components.basetabspanel.initialtab.md) |  | string | The tab to be initially selected. |
+|  [tabsAnimation](./x-components.basetabspanel.tabsanimation.md) |  | Vue \| string | Animation component that will be used to animate the tabs list. |
+

package/docs/API-reference/api/x-components.basetabspanel.tabsanimation.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; [BaseTabsPanel](./x-components.basetabspanel.md) &gt; [tabsAnimation](./x-components.basetabspanel.tabsanimation.md)
+
+## BaseTabsPanel.tabsAnimation property
+
+Animation component that will be used to animate the tabs list.
+
+<b>Signature:</b>
+
+```typescript
+tabsAnimation: Vue | string;
+```

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

@@ -46,6 +46,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [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. |
+|  [BaseTabsPanel](./x-components.basetabspanel.md) | Base Tabs Panel. |
 |  [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/api/x-components.recommendationsmutations.md

@@ -19,4 +19,5 @@ export interface RecommendationsMutations extends StatusMutations
 |  --- | --- |
 |  [setParams(params)](./x-components.recommendationsmutations.setparams.md) | Sets the extra params of the module. |
 |  [setRecommendations(recommendations)](./x-components.recommendationsmutations.setrecommendations.md) | Sets the recommendations of the module. |
+|  [updateRecommendation(recommendation)](./x-components.recommendationsmutations.updaterecommendation.md) | Updates a recommendation with new fields. |
 

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

@@ -0,0 +1,24 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [RecommendationsMutations](./x-components.recommendationsmutations.md) &gt; [updateRecommendation](./x-components.recommendationsmutations.updaterecommendation.md)
+
+## RecommendationsMutations.updateRecommendation() method
+
+Updates a recommendation with new fields.
+
+<b>Signature:</b>
+
+```typescript
+updateRecommendation(recommendation: Partial<Result> & Pick<Result, 'id'>): void;
+```
+
+## Parameters
+
+|  Parameter | Type | Description |
+|  --- | --- | --- |
+|  recommendation | Partial&lt;Result&gt; &amp; Pick&lt;Result, 'id'&gt; | A recommendation containing at least an id and the properties to modify. |
+
+<b>Returns:</b>
+
+void
+

package/docs/API-reference/components/common/panels/x-components.base-tabs-panel.md

@@ -0,0 +1,334 @@
+---
+
+title: BaseTabsPanel
+
+---
+
+# BaseTabsPanel
+
+Base Tabs Panel.
+
+## Props
+
+| Name                          | Description                                                                | Type                 | Default                      |
+| ----------------------------- | -------------------------------------------------------------------------- | -------------------- | ---------------------------- |
+| <code>tabsAnimation</code>    | Animation component that will be used to animate the tabs list.            | <code>union</code>   | <code>'header'</code>        |
+| <code>contentAnimation</code> | Animation component that will be used to animate the selected tab content. | <code>union</code>   | <code>() => NoElement</code> |
+| <code>initialTab</code>       | The tab to be initially selected.                                          | <code>string</code>  | <code>''</code>              |
+| <code>allowTabDeselect</code> | Allows the tabs to be unselected.                                          | <code>boolean</code> | <code>false</code>           |
+
+## Slots
+
+| Name                     | Description                                    | Bindings<br />(name - type - description)                                                                                                                                                                    |
+| ------------------------ | ---------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| <code>tab</code>         | Slot used to replace the whole tab.            | **tab** <code>string</code> - The tab name.<br />**isSelected** <code>boolean</code> - Indicates if the tab is selected.<br />**select** <code>function</code> - Function to select the tab.                 |
+| <code>tab-content</code> | Slot used to just pass the content.            | **tab** <code>string</code> - The tab name.<br />**isSelected** <code>boolean</code> - Indicates if the tab is selected.                                                                                     |
+| <code>default</code>     | Slot used to display the selected tab content. | **tab** <code>string</code> - This content's tab name.<br />**selectTab** <code>function</code> - Function to select a tab.<br />**deselectTab** <code>function</code> - Function to deselect the tab.<br /> |
+
+## Examples
+
+This component renders a list of tabs based on the name of the slots passed on its template. By
+default, the name of each slot will be used as tab label. If an initial tab is passed by prop, the
+content of its correspondent slot will displayed in a panel. Otherwise, no content will be displayed
+until a tab is selected.
+
+### Basic example
+
+It renders a list of tabs and, when a tab is clicked, a panel with its content will be displayed.
+
+```vue
+<template>
+  <BaseTabsPanel>
+    <template #summer>
+      <div>Summer Top Sales</div>
+    </template>
+
+    <template #fall>
+      <div>Fall Top Sales</div>
+    </template>
+
+    <template #outlet>
+      <div>Outlet Top Sales</div>
+    </template>
+  </BaseTabsPanel>
+</template>
+
+<script>
+import { BaseTabsPanel } from "@empathyco/x-components";
+
+export default {
+  name: "BaseTabsPanelDemo",
+  components: {
+    BaseTabsPanel
+  }
+};
+</script>
+```
+
+### Play with props
+
+#### Define the tab to be initially opened
+
+By default, no tab is selected so any panel is displayed. The `initialTab` prop allows to indicate
+which tab should be opened at first.
+
+```vue
+<template>
+  <BaseTabsPanel initialTab="summer">
+    <template #summer>
+      <div>Summer Top Sales</div>
+    </template>
+
+    <template #fall>
+      <div>Fall Top Sales</div>
+    </template>
+
+    <template #outlet>
+      <div>Outlet Top Sales</div>
+    </template>
+  </BaseTabsPanel>
+</template>
+
+<script>
+import { BaseTabsPanel } from "@empathyco/x-components";
+
+export default {
+  name: "BaseTabsPanelDemo",
+  components: {
+    BaseTabsPanel
+  }
+};
+</script>
+```
+
+#### Allowing tabs deselection
+
+The prop `allowTabDeselect` allows the tabs to be deselected. When a tab that is already selected is
+clicked again, the tab will be deselected and no panel content will be displayed. By default, this
+behavior is disabled.
+
+```vue
+<template>
+  <BaseTabsPanel initialTab="summer" allowTabDeselect>
+    <template #summer>
+      <div>Summer Top Sales</div>
+    </template>
+
+    <template #fall>
+      <div>Fall Top Sales</div>
+    </template>
+
+    <template #outlet>
+      <div>Outlet Top Sales</div>
+    </template>
+  </BaseTabsPanel>
+</template>
+
+<script>
+import { BaseTabsPanel } from "@empathyco/x-components";
+
+export default {
+  name: "BaseTabsPanelDemo",
+  components: {
+    BaseTabsPanel
+  }
+};
+</script>
+```
+
+#### Customizing the content with classes
+
+- The `activeTabClass` prop can be used to add classes to the active tab button.
+- The `contentClass` prop can be used to add classes to the content.
+- The `tabClass` prop can be used to add classes to the tab buttons.
+- The `tabsListClass` prop can be used to add classes to the tabs list.
+
+```vue
+<template>
+  <BaseTabsPanel
+    activeTabClass="x-button-auxiliary"
+    contentClass="x-padding--04 x-background--auxiliary"
+    tabClass="x-button-ghost"
+    tabsListClass="x-list--horizontal"
+  >
+    <template #summer>
+      <div>Summer Top Sales</div>
+    </template>
+
+    <template #fall>
+      <div>Fall Top Sales</div>
+    </template>
+
+    <template #outlet>
+      <div>Outlet Top Sales</div>
+    </template>
+  </BaseTabsPanel>
+</template>
+
+<script>
+import { BaseTabsPanel } from "@empathyco/x-components";
+
+export default {
+  name: "BaseTabsPanelDemo",
+  components: {
+    BaseTabsPanel
+  }
+};
+</script>
+```
+
+#### Play with the animations
+
+- The `tabsAnimation` prop can be used to animate the tabs list.
+- The `contentAnimation` prop can be used to animate the selected tab content.
+
+```vue
+<template>
+  <BaseTabsPanel
+    :tabsAnimation="staggeredFadeAndSlide"
+    :contentAnimation="staggeredFadeAndSlide"
+  >
+    <template #summer>
+      <div>Summer Top Sales</div>
+    </template>
+
+    <template #fall>
+      <div>Fall Top Sales</div>
+    </template>
+  </BaseTabsPanel>
+</template>
+
+<script>
+import { BaseTabsPanel, StaggeredFadeAndSlide } from "@empathyco/x-components";
+
+export default {
+  name: "BaseTabsPanelDemo",
+  components: {
+    BaseTabsPanel
+  },
+  data() {
+    return {
+      staggeredFadeAndSlide: StaggeredFadeAndSlide
+    };
+  }
+};
+</script>
+```
+
+### Overriding the slots
+
+#### Customizing the tab button
+
+By default, the component is rendering a button for each tab to be displayed. This button can be
+replaced entirely through the `tab` slot.
+
+```vue
+<template>
+  <BaseTabsPanel>
+    <template #tab="{ tab, isSelected, select }">
+      <CheckIcon v-if="isSelected" />
+      This is the {{ tab }} tab.
+      <button @click="select">Open tab</button>
+    </template>
+
+    <template #summer>
+      <div>Summer Top Sales</div>
+    </template>
+
+    <template #fall>
+      <div>Fall Top Sales</div>
+    </template>
+
+    <template #outlet>
+      <div>Outlet Top Sales</div>
+    </template>
+  </BaseTabsPanel>
+</template>
+
+<script>
+import { BaseTabsPanel, CheckIcon } from "@empathyco/x-components";
+
+export default {
+  name: "BaseTabsPanelDemo",
+  components: {
+    BaseTabsPanel,
+    CheckIcon
+  }
+};
+</script>
+```
+
+#### Customizing the tab button content
+
+Alternatively to the previous example, instead of changing the whole tab button, the slot
+`tab-content` offers the possibility of changing just its contents.
+
+```vue
+<template>
+  <BaseTabsPanel>
+    <template #tab-content="{ tab, isSelected }">
+      <CheckIcon v-if="isSelected" />
+      {{ tab }}
+    </template>
+
+    <template #summer>
+      <div>Summer Top Sales</div>
+    </template>
+
+    <template #fall>
+      <div>Fall Top Sales</div>
+    </template>
+
+    <template #outlet>
+      <div>Outlet Top Sales</div>
+    </template>
+  </BaseTabsPanel>
+</template>
+
+<script>
+import { BaseTabsPanel, CheckIcon } from "@empathyco/x-components";
+
+export default {
+  name: "BaseTabsPanelDemo",
+  components: {
+    BaseTabsPanel,
+    CheckIcon
+  }
+};
+</script>
+```
+
+#### Customizing the tab panel content
+
+The displayed tab name and a method to select a tab are exposed to the tab panel content slot.
+
+```vue
+<template>
+  <BaseTabsPanel>
+    <template #summer="{ tab, selectTab, deselectTab }">
+      <h1>{{ tab }}</h1>
+      <button @click="() => selectTab('fall')">Open Fall</button>
+      <button @click="deselectTab">Close tab</button>
+    </template>
+
+    <template #fall>
+      <div>Fall Top Sales</div>
+    </template>
+  </BaseTabsPanel>
+</template>
+
+<script>
+import { BaseTabsPanel } from "@empathyco/x-components";
+
+export default {
+  name: "BaseTabsPanelDemo",
+  components: {
+    BaseTabsPanel
+  }
+};
+</script>
+```
+
+## Events
+
+This component emits no events.

package/js/components/panels/base-tabs-panel.vue.js

@@ -0,0 +1,151 @@
+import script from './base-tabs-panel.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 _vm.getTabs().length > 0
+    ? _c(
+        "section",
+        {
+          staticClass: "x-tabs-panel",
+          attrs: { "data-test": "base-tabs-panel" },
+        },
+        [
+          _c(
+            _vm.tabsAnimation,
+            {
+              tag: "component",
+              staticClass: "x-tabs-panel__items-list x-list",
+              class: _vm.tabsListClass,
+              attrs: { "data-test": "base-tabs-panel-list", role: "tablist" },
+            },
+            [
+              _vm._l(_vm.getTabs(), function (tab) {
+                return _vm._t(
+                  "tab",
+                  function () {
+                    return [
+                      _c(
+                        "button",
+                        {
+                          key: tab,
+                          staticClass:
+                            "x-tabs-panel__list-item x-list__item x-button x-tabs-panel__button",
+                          class: _vm.tabIsSelected(tab)
+                            ? _vm.activeTabClass
+                            : _vm.tabClass,
+                          attrs: {
+                            id: "base-tabs-panel-" + tab,
+                            "aria-selected": _vm.tabIsSelected(tab),
+                            "data-test": "base-tabs-panel-button",
+                            role: "tab",
+                          },
+                          on: {
+                            click: function ($event) {
+                              return _vm.selectTab(tab)
+                            },
+                          },
+                        },
+                        [
+                          _vm._t(
+                            "tab-content",
+                            function () {
+                              return [
+                                _vm._v(
+                                  "\n          " + _vm._s(tab) + "\n        "
+                                ),
+                              ]
+                            },
+                            null,
+                            { tab: tab, isSelected: _vm.tabIsSelected(tab) }
+                          ),
+                        ],
+                        2
+                      ),
+                    ]
+                  },
+                  null,
+                  {
+                    tab: tab,
+                    isSelected: _vm.tabIsSelected(tab),
+                    select: function () {
+                      return _vm.selectTab(tab)
+                    },
+                  }
+                )
+              }),
+            ],
+            2
+          ),
+          _vm._v(" "),
+          _c(_vm.contentAnimation, { tag: "component" }, [
+            _vm.selectedTab && _vm.$scopedSlots[_vm.selectedTab]
+              ? _c(
+                  "div",
+                  {
+                    key: _vm.selectedTab,
+                    class: _vm.contentClass,
+                    attrs: {
+                      "aria-labelledby": "base-tabs-panel-" + _vm.selectedTab,
+                      "data-test": "base-tabs-panel-content",
+                      role: "tabpanel",
+                    },
+                  },
+                  [
+                    _vm._t(_vm.selectedTab, null, null, {
+                      tab: _vm.selectedTab,
+                      selectTab: _vm.selectTab,
+                      deselectTab: function () {
+                        return _vm.selectTab(_vm.selectedTab)
+                      },
+                    }),
+                  ],
+                  2
+                )
+              : _vm._e(),
+          ]),
+        ],
+        1
+      )
+    : _vm._e()
+};
+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=base-tabs-panel.vue.js.map